/* ---------------------------------------------------------------------------- Theme Name: journey Version: 1.2.1 Theme URI: http://www.indieground.it Author: Indieground Author URI: http://www.indieground.it/ Description: journey Beta WordPress Blog Theme License: GNU General Public License License URI: http://themeforest.net/licenses/regular Tags: one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background Text Domain: Ilgelo ------------------------------------------------------------------------------- */ /* ---------------------------------------------------- 1- Globally Styles 2- Typography 3- Float & clear & cover 4- Position 5- Margins - Padding - Special Classes 6- WP - basic style 7- Opacity 8- Shadow 9- Base Media Q -- Theme journey Style -- 10- Base Theme Màni 10.1- Divider 10.2- Hover Images 10.3- Custom Grid Sistem 10.4- Container 10.5- Header bg responsive 10.6- Section Style - Parallax 10.7- Parallax With js 10.8- Header Video Background 11- Header 11.1- Logo and Title 11.2- Style Navigation Menu - Top - Under Logo - Mini Menu 11.2.1- Container Navigation Menu under Logo + Layout 11.2.2- Mini Navigation (on scroll page) 11.3- Header Navigation Mobile 11.4- Style Menu Mobile 11.6- Media Query Menu Responsive 11.5- Social Icon Navigation 12- Footer 12.1- Social Share - footer 12.2- Instagram - Footer 13- Buttons 14- Visual Composer Shortcode 14.1- VC Images class responsive 14.2- Progres Bar 14.3- VC Sidebar 14.4- VC Social Icon 14.5- Team VC Shortcode 14.6- VC Shortcode Dropcaps 14.7- VC Reset Style 14.8- VC TAB Style 15- SIDEBAR - Widget Style 15.2- Widget Select Sidebar archive/cat/menu 15.3- Widget Select Sidebar search 15.4- Widget Calendar 15.5- Widget Tag Cloud 15.6- Widget Twitter 15.7- Widget ADV Full 15.8- Mail Chimp Widget Style 15.8- Recent Posts Widget 15.9- Big Recent Posts Widget 15.10- Widget About Me 15.11- Widget Social 16- Button To Top 17- Comment Style 18- Contact Form 7 (Plugin Style) 19- BIG Search 19.1- Style Search -> Tag - Category - Date 19.2- Search Icon in Navigation + Animation 19.3- Container Popup Search 19.4- Container Popup Menu (Responsive) 20- Big About the Author 21- Slider Carusel Post 22- Blog Template 22.1- Parallax blog Template 22.2- Infinite Post Template 22.3- Template List blog 22.4- Template List blog ( sidebar) 22.5- Grid blog template 22.6- Template Page - Right Sideber - Left Sidebar 22.7- Template Category - Right Sideber - Left Sidebar 23- Post format - Link And Quote 23.1- Link and Quote Style 24- Post Layout 24.1- Post Divider 24.2- Container Post layout 24.3- Meta Post Classic blog 24.4- Meta Post Grid - List 24.5- Post Icon Social Share 24.6- GR Social Share 24.7- About Author 24.8- Related Post (Style 1 - Style 2) 24.9- Post Twitter Status 24.10- Tag layout Single Post 25- Slide Carusel Post 25.1- Gallery Slide - Template Infinite Post 25.2- Gallery Post 26- Post Pagination / Navigation 26.1- Pagination Post 26.2- Navigation Post 27- Animation Hover Image ------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1- Globally Styles /*-------------------------------------------------------------------------*/ html, hmtl a { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100%; height: 100%; margin-top: 0; } body { margin: 0; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } a { text-decoration: none; cursor: pointer; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } a:hover, a:active, a:focus { outline: 0; text-decoration: none; } a img { border: none; } strong { font-weight: 600; } p { margin: 0.85em 0; } ul, ol { /* margin: 0 0 0px 30px;*/ margin: 0; padding: 0; } ul { list-style: disc inside; } ol { list-style: decimal inside; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #dadada; } title { display: block !important; } /*-------------------------------------------------------------------------*/ /* 2- Typography /*-------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; text-rendering: optimizeLegibility; } .italic { font-style: italic; } .uppercase { text-transform: uppercase; } /*-------------------------------------------------------------------------*/ /* 3- Float & clear & cover /*-------------------------------------------------------------------------*/ .clear { clear: both; } .hidden { display: none; } .overf { position: relative; overflow: hidden; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block !important; clear: both; margin-right: auto; margin-left: auto; } .textalignleft { text-align: left; } .textaligncenter { text-align: center; } .textalignright { text-align: right; } img.alignleft { float: left; margin: 20px 25px 20px 0; } img.alignright { display: block; margin: 20px 0 20px 25px; } img.aligncenter { display: block; clear: both; margin: 0 auto !important; } img.alignnone { display: block; margin: 20px 0; } .img_full_responsive { width: 100%; height: auto; } .size-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*-------------------------------------------------------------------------*/ /* 4- Position absolute/relative/fixed /*-------------------------------------------------------------------------*/ .position-ab { position: absolute; } .position-re { position: relative; } .position-fi { position: fixed; } /*-------------------------------------------------------------------------*/ /* 5- Margins - Padding - Special Classes /*-------------------------------------------------------------------------*/ .no_padding { padding: 0; } .xxsmall_padding { padding: 10px 0 10px !important; } .xsmall_padding { padding: 20px 0 20px !important; } .small_padding { padding: 40px 0 40px !important; } .medium_padding { padding: 70px 0 70px !important; } .large_padding { padding: 100px 0 100px !important; } .big_padding { padding: 250px 0 250px !important; } .margin-0 { margin-bottom: 0 !important; } .margin-10 { margin-bottom: 10px !important; } .margin-15 { margin-bottom: 15px !important; } .margin-20 { margin-bottom: 20px !important; } .margin-30 { margin-bottom: 30px !important; } .margin-40 { margin-bottom: 40px !important; } .margin-50 { margin-bottom: 50px !important; } .margin-60 { margin-bottom: 60px !important; } .margin-70 { margin-bottom: 70px !important; } .margin-80 { margin-bottom: 80px !important; } .margin-90 { margin-bottom: 90px !important; } .margin-100 { margin-bottom: 100px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin { margin: 0 !important; } /* Margin Top */ .margin-0top { margin-top: 0 !important; } .margin-10top { margin-top: 10px !important; } .margin-15top { margin-top: 15px !important; } .margin-20top { margin-top: 20px !important; } .margin-25top { margin-top: 25px !important; } .margin-30top { margin-top: 30px !important; } .margin-40top { margin-top: 40px !important; } .margin-50top { margin-top: 50px !important; } /*-------------------------------------------------------------------------*/ /* 6- WP - basic style /*-------------------------------------------------------------------------*/ .wp-caption { margin: 10px 20px 20px 20px; max-width: 100%; text-align: center; font-style: italic; } .alignnone { max-width: 100%; } .wp-caption.aligncenter { margin: 20px auto; } .wp-caption.alignleft { margin-left: 0; } .wp-caption.alignright { margin-right: 0; } .wp-caption.alignnone { margin-left: 0; } .wp-caption img, .wp-caption img a { margin: 0; padding: 0; border: 0 none; } .wp-caption img, .wp-caption img a, .alignnone, .size-full, .post a img, .post img { max-width: 100%; height: auto !important; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { margin: 0 !important; max-height: 13px; width: 13px; } .size_cover { background-attachment: scroll; background-position: center left; background-repeat: no-repeat; background-size: cover; } .bypostauthor { display: block; } /* gallery-caption css */ .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2; } .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } /* BLOCKQUOTE & HIGHLIGHTS */ .highlight-text { padding: 0 4px; background-color: #97A588; /* Dynamic */ color: #fff; } blockquote { font-style: italic; border-left-width: 3px; border-left-style: solid; border-left-color: #97A588; /* Dynamic */ margin: 25px 0px; padding: 0px 0px 0px 15px; } blockquote p { margin: 0px; } blockquote span { color: #8c8c8c; font-size: 20px; } /* WP ADMIN BAR */ #wpadminbar .quicklinks .menupop ul li { border: none; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Typography */ /*** Post Entry ***/ .blog-post-single-content hr, .page-content hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .page-content img { max-width: 100%; height: auto; } .blog-post-single-content ul, .blog-post-single-content ol, .page-content ul, .page-content ol { padding-left:45px; margin-bottom:20px; } .blog-post-single-content ul li, .page-content ul li { margin-bottom:12px; list-style:square; } .blog-post-single-content ol li, .page-content ol li { margin-bottom:12px; list-style:decimal; } /* Definition Lists */ dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } /* Table */ .blog-post-single-content table, .page-content table { width:100%; margin-bottom:22px; border-collapse:collapse } .blog-post-single-content td, .blog-post-single-content th, .page-content td, .page-content th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .blog-post-single-content th, .page-content th { font-weight:bold; font-size:14px; background:#f5f5f5;} .blog-post-single-content tr:hover, page-content tr:hover { background:#f9f9f9; } /*-------------------------------------------------------------------------*/ /* 7- Opacity + Animation wow /*-------------------------------------------------------------------------*/ .wow { visibility: hidden; } .opacity-50 { opacity: 0.5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .opacity-30 { opacity: 0.3; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .opacity-20 { opacity: 0.2; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /*-------------------------------------------------------------------------*/ /* 8- Shadow /*-------------------------------------------------------------------------*/ .shadow-on { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); } /*-------------------------------------------------------------------------*/ /* 9- Base Media Q /*-------------------------------------------------------------------------*/ @media (max-width: 480px) { .hide-mobile { display: none; } } /* ================================================== journey Style ===================================================== */ /*-------------------------------------------------------------------------*/ /* 10- Base Theme Màni /*-------------------------------------------------------------------------*/ /* 10.1- Divider ================================================== */ .ig_divider { width: 100%; border-bottom: 1px solid #d1d1d1; margin: 20px 0px 40px 0px; } /* 10.2- Hover Images ================================================== */ a.ig_bg_images { background-color: #333333; width: 100%; height: 100%; display: inline-block; } a.ig_bg_images img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } a.ig_bg_images:hover img { opacity: 0.5; } /* 10.3- Custom Grid Sistem ================================================== */ .container{ position: relative; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 768px) { .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 70% !important; /* era 75% */ } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 30% !important; /* era 25% */ } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-3-tow-sidebar { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 70%; /* era 75% */ } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .column .col-md-3, .footer_classic_post .col-md-3, .indie_big_author .col-md-3 { width: 25%; /* For footer sidebar% */ } .col-md-3 { width: 30%; /* bootstrap default 25% */ } .col-md-3-tow-sidebar { width: 25%; /* bootstrap default 25% */ } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } /* 10.4- Container ================================================== */ .container-fluid.full-screen { position: relative; text-align: center; top: 50%; padding: 0 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .container, .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .against_row { margin-right: 0px !important; margin-left: 0px !important; } .margin-head-page { /*margin-bottom: 40px;*/ } .container_up { margin-top: 40px !important; } @media (max-width: 480px) { .margin-head-page { margin-bottom: 15px; } } @media only screen and (max-width: 770px) { .container { padding:0; margin:0; } .row { margin-right: 0px !important; margin-left: 0px !important; } } /* 10.5- Header bg responsive ================================================== */ .bg_imgheader_resp { width: 100%; height: 300px; background-attachment: scroll; background-position: center left; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; display: none; } @media (max-width: 480px) { .bg_imgheader_resp { display: block; } } /* 10.6- Section Style - Parallax + Mask ================================================== */ .main_section { position: relative; z-index: 1; } .cover_section { background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax_sections { background-attachment: fixed; background-position: center left; background-repeat: no-repeat; background-size: cover; } .section_mask{ height:100%; left:0; position:absolute; top:0; width:100%; z-index: 1; } .opacity_fade { position: absolute; width: 100%; top: 15%; left: 0; padding: 0; margin: 0; text-align: center; z-index: 800; } /* Cover Size Mobile */ @media (max-width: 1200px) { .parallax_sections{ background-attachment:scroll !important; } } /* 10.7- Parallax With js ================================================== */ .parallax-window { min-height: 100px; background: transparent; overflow: hidden; position: relative; } .parallax-postimg { min-height: 300px; background: transparent; overflow: hidden; position: relative; } .parallax_post_padding { padding: 110px 0 110px !important; position: relative; z-index: 2; } @media (max-width: 1200px) { .parallax-window { z-index: 0; } .parallax-postimg { z-index: 0; } } /* 10.8- Header Video Background ================================================== */ #video_bg { overflow: hidden; } /*-------------------------------------------------------------------------*/ /* 11- Header /*-------------------------------------------------------------------------*/ header.header { padding: 5px 0px; /*position: absolute;*/ width: 100%; z-index: 7; } @media (max-width: 1200px) { header.header { z-index: 9999; } } .button_home { float: left; font-size: 17px; margin: -5px 30px -5px 0px; width: 45px; height: 47px; text-align: center; display:table; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .button_home i { display:table-cell; vertical-align:middle; } .button_home:hover { opacity: 0.6; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /* 11.1- Logo and Title ================================================== */ a.main_logo { font-size: 40px; line-height: 45px; letter-spacing: 0px; margin-top: 0; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; } .bg-logo-container{ position: relative; z-index: 2; } @media (max-width: 480px) { .bg-logo-container a img { width: 80%; height: auto; padding: 0px 20px; } } .title_without_logo { font-size: 60px; line-height: 64px; margin-bottom: 10px; } .sub_title_without_logo { font-size: 18px; margin-bottom: 5px; } .semple_header_logotext { z-index: -1; position: relative; } /* 11.2- Style Navigation Menu - Top - Under Logo - Mini Menu ================================================================ */ .journey-menu { z-index: 3; padding: 3px 0px 2px 0px; position: relative; } nav.journey-menu ul { margin: 0; padding: 0; } .main-menu > li { display: inline-block; margin-right: 10px; padding: 4px 0px 5px 0px ; } .main-menu li { position: relative; list-style: none; text-transform: uppercase; } .main-menu > li > a { line-height: 14px; padding: 0px 10px 23px 0px; text-decoration:none; } .main-menu > li > a:hover { color:#5296b4; } .main-menu > li.menu-item-has-children:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 11px; padding-right: 0; position: absolute; top: 8.5px; right: 0; line-height: 16px; color: #8C8C8C; } ul.main-menu li:last-child { margin-right: 0px; } /* === Sub Menu === */ ul.sub-menu { /* level 2 */ opacity: 1; display: none; left: 0px; top: 39px; padding-top: 10px; position: absolute; width: 215px; z-index: 9999; margin: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; border: none !important; } ul.sub-menu ul.sub-menu { /* level 3+ */ padding-top: 0; left: 215px; top: 1px; } ul.sub-menu > li > a { /* border-top: 1px solid #DFDFDF !important; */ /* color: #e1e1e1; Dynamic */ display: block; text-align: left; line-height: 15px; padding: 12px 20px; text-transform: uppercase; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } ul.sub-menu > li > a:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; color: #5296b4; /* Dynamic */ } ul.sub-menu > li:first-child { /* background-color: #e1e1e1; Dynamic */ margin-top: -1px; border-top: none !important; } ul.sub-menu ul.sub-menu > li:first-child { border-top: none !important; } ul.sub-menu > li.menu-item-has-children:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 13px; padding-right: 0; position: absolute; top: 13px; right: 12px; line-height: 16px; color: #585858; } .main-menu li:hover > ul.sub-menu { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; opacity: 1; display: block; color: #e1e1e1; border-top: 1px solid #2F2F2F; /* background-color: #e1e1e1; Dynamic */ } /* 11.2.1- Navigation Menu under Logo + Layout ======================================================== */ .menu_post_header { width: 100%; padding: 5px 0px; display: block; min-height: 43px; } .ig-social-right-nav-underlogo { position: absolute !important; right: 0px; top: -5px !important; } .ig-social-left-nav-underlogo { position: absolute !important; left: 0px; top: -5px !important; } /* 11.2.2- Mini Navigation (on scroll page) ================================================== */ /* - Mini Navigation (on scroll page) ================================================== */ #mini-header { position: fixed; z-index: 10; width: 100%; /*border-bottom: 2px solid #dadada;*/ padding: 10px 0px 7px 0px; top:0px; width:100%; min-height: 40px; display: none; } .logo_mini_header { margin-right: 50px; } .ig-social-right-miniheader { position: absolute !important; right: 0px; top: -5px !important; } /* 11.3- Header Navigation Mobile ================================================== */ /* #header_carusel { position: relative; z-index: 999; } */ .menu-button{ position: absolute; z-index: 3; } .search-button{ left: 60px; position: absolute; z-index: 3; } .menu-nav { position: relative; display: block; width: 50px; height: 50px; background-color: transparent; z-index: 2; text-align: center; margin-top: 0px; margin-right: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .menu-nav i { font-size: 20px; margin-top: 13px; } .menu-nav:hover { opacity: 0.6; } .menu-button.fixed_button_rsp { position: fixed !important; z-index: 9999; } .search-button.fixed_button_rsp { position: fixed !important; z-index: 9999; } /* 11.4- Style Menu Mobile ================================================== */ .cont_mobile_nav { background-color: #000; height: 50px; width: 100%; } .nav-mobile, .nav-mobile ul, .nav-mobile li { list-style: none; } .nav-mobile ul { padding: 0; margin: 0; } .nav-mobile { padding: 4px; margin: 0px; } .nav-mobile > li { margin: 0; text-transform: uppercase; } .nav-mobile > li li { margin: 2px 0; } .nav-mobile a { display: block; outline: none; text-decoration: none; } .nav-mobile li > a > span { float: right; font-size: 19px; font-weight: bolder; } .nav-mobile li > a:hover > span { /*color: #000;*/ } .nav-mobile li > a:before { display: none; } .nav-mobile ul.sub-menu > li.menu-item-has-children:before { display: none; } .nav-mobile li > a > span:before { content: "\f107"; font-family: fontAwesome; } .nav-mobile li.open > a > span:before { content: "\f107"; font-family: fontAwesome; } .nav-mobile .open > a, .nav-mobile .open > a:hover, .nav-mobile .open > a:focus { background-color: transparent; } .nav-mobile a:hover, .nav-mobile li.active > a { /*color: #000;*/ } .nav-mobile > li.active > a { background-color: transparent; } .nav-mobile > li > a { font-size: 20px; line-height: 20px; padding: 20px 25px; } .nav-mobile > li > a:hover { background-color: transparent; } /* sub-menu */ .nav-mobile li ul.sub-menu { position: relative; width: 100%; z-index: 9999; margin-bottom: 2px; top: 0px; padding: 10px 0px; -webkit-transition-property: -webkit-transform,opacity; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; } .nav-mobile ul.sub-menu > li > a { display: block; font-size: 14px; line-height: 15px; padding: 10px 25px; text-transform: uppercase; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; text-align: center; } /* Livel 2 */ .nav-mobile ul.sub-menu ul.sub-menu { padding-top: 0; left: 0px; top: 1px; } .nav-mobile > li > a > ul > li a { padding: 20px 25px; } /* Menu Mobile on Scroll ================================================== */ #mini-mobile-scroll { position: fixed; z-index: 10; width: 100%; /*border-bottom: 2px solid #dadada;*/ padding: 0px; top:0px; width:100%; min-height: 40px; display: none; } /* 11.6- Media Query Menu Responsive ================================================== */ /*--- Media Query Menu ---*/ @media (max-width:1200px){ #mini-header, .nav-ilgelo-main, .menu_post_header, .header { display: none !important; } #ig_menu, .nav_ig { display: none; } #cont_social { display: none; } #cont_cart { display: none; } .cont_social_style2 { display: none; } #nav-ilgelo { display: none; } #top-search { display: none; } .button_home { display: none; } } @media (min-width:1200px){ .cont_mobile_nav { display: none; } #mini-mobile-scroll { display: none; } } /* 11.5- Social Icon Navigation ================================================== */ .ig-top-social { z-index: 5; position: relative; padding: 3px 0px 0px 0px; } .ig-top-social-right { margin-right: 10px; float: right; } .ig-top-social-left { margin-left: 0px; float: left; } .ig-top-social a { font-size: 23px; margin-left: 0px; } .ig-top-social a span { -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; line-height: 32px; } .ig-top-social a:hover span { -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } /* If icons fortawesome */ .ig-top-social a i { font-size: 15px; line-height: 32px; margin-right: 7px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .ig-top-social a i:hover { -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } /* Media Q */ @media (max-width:1200px){ .ig-top-social { display: none; } .side_author_social { display: inline-block !important; } } /*-------------------------------------------------------------------------*/ /* 12- Footer /*-------------------------------------------------------------------------*/ footer { width: 100%; position: relative; z-index: 1; } /* Central Footer */ .central_footer { width: 100%; } footer.central_footer p { text-transform: uppercase; } footer.ig_widget { background-color: transparent !important; padding: 0px; } .column .ig_widget { background-color: transparent !important; padding: 0px; margin-bottom: 40px; } /* Sub Footer */ .sub_footer { position: relative; z-index: 1; border-top: 0px; } .sub_footer span { color: #fff; /* Dynamic */ font-size: 12px; } .central_footer .ig_widget { padding-bottom: 0px; margin-bottom: 0px; background-color: transparent !important; } /* 12.1- Social Share - footer ================================================== */ /* Social Share over instagram feed */ ul.ig_social_share { margin: 30px 0px 0px 0px; padding: 0px; list-style-type: none; overflow: hidden; display: table; width: 100%; text-align: center; table-layout: fixed; position: relative; z-index: 1; } ul li.ig_share_buttom:first-child { border: none; } ul li.ig_share_buttom { width: 20%; text-align: center; border-left: solid 1px #fff; display: table-cell; list-style: none; margin: 0; padding: 0; background-color: #97A588; /* Dynamic */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ig_share_buttom i { color: #fff; /* Dynamic */; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ig_share_buttom:hover a, .ig_share_buttom:hover a i { color: #000 !important; /* Dynamic */; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul li.ig_share_buttom a { display: block; padding: 0px 0px 0px 0px; text-decoration: none; color: inherit; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* 12.2- Instagram - Footer ================================================== */ #instafeed { width:100%; position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; z-index: 1; } #instafeed a img { width: 100%; } @media (max-width:1200px) { #instafeed { display: inline-block; text-align: center; } #instafeed a img { width: 16.6%; } } @media (max-width:992px) { #instafeed { display: inline-block; } #instafeed a img { width: 33.3%; } } #instafeed a img { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; } #instafeed a:hover img { opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; } /*-------------------------------------------------------------------------*/ /* 13- Buttons /*-------------------------------------------------------------------------*/ .button_cont { margin-top: 30px; opacity: 1; padding: 12px 27px; display: inline-block; color: #FFFFFF; /* Dynamic */ font-size: 15px; /* Dynamic */ background-color: transparent; /* Dynamic */ vertical-align: middle; text-align: center; cursor: pointer; line-height: 21px; -webkit-transform-style: preserve-3d; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } /*--- Hover/Active/Focus State ---*/ .button_cont:hover, .button_cont:active, .button_cont:focus { opacity: 0.6; -webkit-transform-style: preserve-3d; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } /* --- Button Sizes --- */ .button_cont.button_mini, .button_slide.button_mini { padding: 5px 18px; font-size: 11px; } .button_cont.button_small, .button_slide.button_small { padding: 7px 23px; font-size: 12.5px; } .button_cont.button_medium, .button_slide.button_medium { padding: 11px 35px; font-size: 13.5px; } .button_cont.button_large, .button_slide.button_large { padding: 13px 40px; font-size: 14.5px; } .button_cont.button_full, .button_slide.button_full { padding: 12px 25px; font-size: 14.5px; } /* Button Infinite */ .load_more_post { margin-top: 30px; margin-bottom: 40px; } .button_cont i { position: relative; top: 1px; left: -2px; margin-right: 8px; } /*-------------------------------------------------------------------------*/ /* 14- Visual Composer Shortcode /*-------------------------------------------------------------------------*/ .vc_icon_style_mani { margin-bottom: 0px; height: 40px; } /* 14.1- VC Images class responsive ================================================== */ .img_full_responsive img { width: 100%; height: auto; } /* 14.2- Progres Bar ================================================== */ .vc_progress_bar .vc_single_bar .vc_label { color: #fff; } /* 14.3- VC Sidebar ================================================== */ h2.widgettitle { padding-bottom: 7px; border-bottom: 1px solid #303030; color: #303440; text-transform: uppercase; font-size: 16px; } h2.wpb_heading { padding-bottom: 7px; border-bottom: 1px solid #303030; color: #303440; text-transform: uppercase; font-size: 16px; } .wpb_content_element { margin-bottom: 0px; } /* 14.4- VC Social Icon ================================================== */ .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { text-align: center; display: inline-block; border: 2px solid transparent; width: 30px; height: 30px; box-sizing: content-box; position: relative; margin-right: 10px; } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs { max-width: 100% !important; line-height: 1.2em !important; background-color: red; border-radius: 100%; } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs .vc_icon_element-icon { font-size: 14px !important; } /* 14.5- Team VC Shortcode ================================================== */ .avatar { border-radius: none; } .team { text-align: center; } .team figure { padding: 0; margin: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } .team figure img { max-width: 80%; border: 2px solid #fff; -webkit-transition: border-color 500ms ease; -moz-transition: border-color 500ms ease; -ms-transition: border-color 500ms ease; transition: border-color 500ms ease; margin-bottom: 0.5em ; } @media only screen and (min-width: 500px) { .team figure img { min-width: 90px } } @media only screen and (min-width: 1000px) { .team figure img { width: 60% } } .team a:hover img { /* border-color: #7EC2BA;*/ } .team figure figcaption { font-weight: 600; text-transform: uppercase; font-style: 20px; } .team figure figcaption .box_border { padding: 0px; margin: 0px; } .team figure figcaption .box_border span { font-weight: 700; text-transform: uppercase; font-size: 13px; } .team figure figcaption em { overflow: hidden; text-overflow: ellipsis; text-transform: none; margin-top: 0px; font-size: 13px; line-height: 12px; } .team figure figcaption em.team_description { text-transform: none; } .team figure figcaption i { padding: 15px 0px 5px 0px; font-size: 20px; margin-right: 10px; /* color: #303440;*/ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } .team figure figcaption i:hover { /* color: #5296b4;*/ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } .team figure figcaption em { display: block; font-style: normal; font-weight: normal; /* color: #666666;*/ } .team a { text-decoration: none; } .team a:hover figure { /*color: #5296b4; */ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } /* 14.6- VC Shortcode Dropcaps ================================================== */ .dropcap { display: block; float: left; margin: 4px 12px 0 0; font-weight: 400; font-size: 38px; line-height: 38px; } .dropcap_extra { display: inline-block; float: left; margin: 0 14px 0 0; width: 48px; height: 48px; background-color: transparent; text-align: center; font-weight: 600; font-size: 24px; line-height: 42px; text-transform: uppercase; } /* 14.7- VC Reset Style ================================================== */ .ui-widget { font-family: none; font-size: 18px; } /* 14.8- VC TAB Style ================================================== */ .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent; } .ui-widget-header { border: none; background: none; } .ui-widget-content { border: none; background: transparent; color: #444444; } /* Current Tab */ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } /* Disable Tab */ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: transparent; font-weight: bold; color: red; } /*-------------------------------------------------------------------------*/ /* 15- SIDEBAR - Widget Style /*-------------------------------------------------------------------------*/ /* 15.1- Widget Base Style ================================================== */ @media (max-width:992px) { .resposive_left_sidebar { display: none; } .resposive_hide_sidebar { display: none; } } .sidebar { padding-top: 100px; } .ig_widget h6 { padding-bottom: 0px; padding: 9px 0px; text-transform: uppercase; } /* Style Footer */ footer .ig_widget h6.foot-title { padding-bottom: 7px; text-transform: uppercase; font-size: 14px; text-align: left; border: none; } footer .ig_widget h6 { color: #666666; border-bottom: none !important; text-align: center; font-size: 13px; margin-bottom: 5px; background-color: transparent; padding: 0px; } footer h6.textaligncenter { border: none; } #widget-area{ position: relative; overflow: hidden; padding-bottom: 30px; } .ig_widget .fancy_one { margin: 0px 0px 10px 0px; height: auto; } .ig_widget .fancy_one span { font-size: 10px; letter-spacing: 2px; } .ig_widget { padding: 30px 30px 10px 30px; } .ig_widget ul { margin: 0; list-style: none; } .ig_widget ul li { line-height: 16px; margin-bottom: 10px; border-bottom: 1px solid #dadada; padding-bottom: 10px; } .widget_recent_comments ul li { padding: 8px 0; } .ig_widget ul li > a { padding: 8px 0; } .ig_widget ul.flickr_images li a { padding: 0; } .ig_widget a { text-decoration: none; } .ig_widget a:hover { text-decoration: none; } .ig_widget ul > li:first-child, .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child { border-top: 0; } .ig_widget ul > li a:hover, .widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover { text-decoration: none; } .ig_widget ul > li a:before, .widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before { content: ""; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .ig_widget ul.children, .widget_product_categories ul.children { padding-left: 10px; border-top: 1px solid #e4e4e4; padding-top: 2px; } .ig_widget ul.sub-menu, .widget_nav_menu ul.sub-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /* border radius */ border-left: 0; border-right: 0; border-bottom: 0; } .ig_widget ul.sub-menu li, .widget_nav_menu ul.sub-menu li { padding-left: 15px; } /* Image in to the wigets */ .ig_widget .textwidget { overflow: hidden; } .ig_widget .textwidget p img { width: 100%; } .ig_widget .wp-caption a img { width: 100%; height: auto; } .ig_widget p img.wp-smiley { width: 13px; height: 13px; } /* 15.2- Widget Select Sidebar archive/cat/menu ================================================== */ .ig_widget select[name=archive-dropdown], select[name=cat], .textwidget form select { display: block; margin-bottom: 0px; cursor: pointer; padding: 6px; background: #FBFBFB; border: 1px solid #DFDFDF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; color: #BCBCC4; font-size: 14px; resize: none; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; width: 100%; min-width: 232px; -webkit-appearance: none; height: 40px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } /* 15.3- Widget Select Sidebar search ================================================== */ .widget_search form input[type="search"] { display: block; margin-bottom: 5px; cursor: pointer; padding: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; font-size: 14px; resize: none; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; width: 100%; -webkit-appearance: none; height: 40px; } /* 15.4- Widget Calendar ================================================== */ /* calendar widget */ #calendar_wrap {padding: 0px;} .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #666666; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; color: #dadada; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { /*background: #97A588;*/ text-align: center; padding:8px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } #wp-calendar tbody td:hover { /*background: #97A588;*/ /*color: #fff;*/ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* 15.5- Widget Tag Cloud ================================================== */ .ig_widget .tagcloud { line-height: 40px; width: 100%; padding: 0; list-style: none; height: auto; } .ig_widget .tagcloud a { font-size: 10px !important; margin-right: 4px; padding: 6px 8px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } .ig_widget .tagcloud a:hover { border-color: transparent; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } .widget-video iframe { width: 100%; } /* Style Footer */ footer .ig_widget .tagcloud a { margin-right: 4px; padding: 6px 8px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #5296b4; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } /* 15.6- Widget Twitter ================================================== */ .ig_widget .widget_twitter li { margin-top: 0px; padding-bottom: 5px; text-align: left; line-height: 22px; font-size: 13px; } .ig_widget .widget_twitter li a { text-transform: none; display: inline; } .ig_widget .widget_twitter p { margin: 5px 10px 10px 0px; clear: both; } /* twitter shortcode */ .widget_twitter li { margin-top: 15px; padding-bottom: 5px; } .widget_twitter li { margin-top: 15px; padding-bottom: 5px; } /* Widget Twitter Footer */ footer .ig_widget .widget_twitter li { margin-top: 0px; padding-bottom: 5px; text-align: left; color: #fff; line-height: 22px; font-size: 13px; } footer .ig_widget .widget_twitter p { margin: 5px 10px 10px 0px; clear: both; } /* Widget Twitter ================================================== */ .ig_widget .ig_widget_twitter { padding: 0px; } .ig_widget .ig_widget_twitter ul { margin: 0; padding: 0 !important; list-style: none; } .ig_widget .ig_widget_twitter li { margin-top: 0px; text-align: left; } p.fancy_one_tw_sider span { line-height: 22px; font-weight: bold; } .ig_widget .ig_widget_twitter li a { text-transform: none; display: inline; } .ig_widget .ig_widget_twitter li a:before { display: none; } .ig_widget #cont_follow { margin-top: 10px; } .ig_widget span.followtwit { position: relative; font-size: 17px; text-transform: capitalize; } p.fancy_one_tw_sider span { font-size: 12px !important; padding: 5px 0px; } p.fancy_one_tw_sider { padding: 5px 0px; margin: 0px; } .ig_widget, .ig_widget .ig_widget_twitter li span { line-height: 20px; } /* 15.7- Widget ADV Full ================================================== */ .ig_widget .ig_full_banner { margin-top: 0px; margin-bottom: 0px; margin-left: -30px; margin-right: -30px; } /* 15.8- Mail Chimp Widget Style ================================================== */ /* Central footer mailchimp */ input[type=text], input[type=email] { height: 40px; } .mc_merge_var input[type=text], input[type=email], textarea, select { border: 1px solid #CCC; font-size: 16px; margin-bottom: 15px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 22px; width: 100%; border-radius: 0px; } .ig_widget .mc_merge_var { margin-bottom: 0px; } .mc_signup_submit { display: block !important; } #mc_subheader { text-align: center; } #mc_signup_submit { width: 125px !important; margin: 0px auto !important; background-color: transparent !important; font-size: 15px; text-align: center; padding: 5px 20px; border-radius: 3px; border: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; opacity: 1; } #mc_signup_submit:hover { opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; } #mc_signup_form .mc_var_label { display: none; } /* Column footer mailchimp */ footer .ig_widget .mc_merge_var input[type=text], input[type=email], textarea, select { border: 1px solid #DDD; font-size: 15px; margin-bottom: 5px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 15px; width: 100%; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } footer .ig_widget #mc_signup_submit { background-color: #97A588; /* Dinamic */ color: #fff; /* Dinamic */ font-size: 12px; float:left; padding: 5px 15px; border-radius: 0px; border: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; margin-top: 10px !important; } .mc_signup_submit { display: inline-block; } .widget_central .ig_widget #mc_signup_submit { text-align: center; float:none !important; } /* 15.8- Recent Posts Widget ================================================== */ ul.ig_recent_posts { margin-bottom: 0px; } ul.ig_recent_posts li:last-child { margin-bottom: 0px; border-bottom: none !important; padding-bottom: 0px; } ul.ig_recent_posts li { list-style: none; display: inline-block; margin-bottom: 10px; width: 100%; } .ig_recent_posts li figure { float: left; width: 80px; box-shadow: none !important; } .ig_recent_posts li figure a img { width: 100%; height: auto; } .ig_recent_posts li figure a:before { display: none; } .ig_recent_post_details { margin-left: 100px; } a.ig_recent_post_title { display: block; font-size: 12px; text-transform: uppercase; } a.ig_recent_post_title:hover { /*text-decoration: underline !important;*/ } .ig_recent_post_details a:before { display: none !important; } .ig_recent_post_details span { font-size: 11px; color: #848484; } /* 15.9- Big Recent Posts Widget ================================================== */ ul.ig_recent_big_posts { margin-bottom: 0px; } ul.ig_recent_big_posts li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } ul.ig_recent_big_posts li { list-style: none; margin-bottom: 16px; } .ig_recent_big_posts li figure { float: left; width: 100%; margin-bottom: 2px; box-shadow: none !important; } .ig_recent_big_posts li figure a img { width: 100%; height: auto; } .ig_recent_big_posts li figure a:before { display: none; } .ig_recent_big_post_details { width: 100%; } a.ig_recent_big_post_title { display: block; font-size: 12px; text-transform: uppercase; } a.ig_recent_big_post_title:hover { /*text-decoration: underline !important;*/ } .ig_recent_big_post_details a:before { display: none !important; } .ig_recent_big_post_details span { font-size: 11px; color: #848484; } .ig_recent_big_post_details span ul.post-categories li a { font-size: 12px; color: #848484; text-transform: uppercase; display: inline-block; width: 100%; } /* 15.10- Widget About Me ================================================== */ .ig_aboutme { position: relative; } .ig_aboutme .ig_widget p { /*font-size: 16px;*/ } .ig_cont_image { text-align: center; margin-bottom: 0px; } .ig_bg_image { min-height: 200px; width: 100%; position: absolute; z-index: -1; margin-top: 70px; } .ig_cont_image img { /* border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; */ height: 200px; width: 200px; display: inline-block; } .ig_aboutme p { margin-bottom: 0px; text-align: center; } img.ig_radius { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; height: 200px; width: 200px; display: inline-block; } /* 15.11- Widget Social ================================================== */ .ig-social-widget { z-index: 5; position: relative; padding: 3px 0px 0px 0px; } .box_widget_social .ig-social-widget a { font-size: 32px; } /* footer widget social */ footer .ig_widget .box_widget_social { float: left !important; margin-bottom: 20px; } /* Icons Font fontawesome */ .ig-social-widget a i { font-size: 20px; margin-right: 12px; } /*-------------------------------------------------------------------------*/ /* Sticky /*-------------------------------------------------------------------------*/ .sticky_sider { margin-bottom: 30px; } /*-------------------------------------------------------------------------*/ /* 16- Button To Top /*-------------------------------------------------------------------------*/ #back-to-top { position: fixed; right: 15px; bottom: 130px; z-index: 99; display: none; margin: 0; width: 48px; height: 48px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-size: 48px 48px; opacity: 0.25; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; background-color: #000; /* Dynamic */ } #back-to-top:hover { opacity: 1; } #back-to-top i { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -8px; font-size: 25px; line-height: 1em; color: #fff; /* Dynamic */ } /*-------------------------------------------------------------------------*/ /* 17- Comment Style /*-------------------------------------------------------------------------*/ /* -------------------------------- Custom icons -------------------------------- */ .indie-form input{ padding-left: 44px !important; } .indie_comments .author { background: url("include/img/user.svg") no-repeat 16px center; } .indie_comments .author { background: url("include/img/user.svg") no-repeat 16px center, url("include/img/cd-required.svg") no-repeat top right; } .indie_comments .email { background: url("include/img/mail.svg") no-repeat 16px center; } .indie_comments .email { background: url("include/img/mail.svg") no-repeat 16px center, url("include/img/cd-required.svg") no-repeat top right; } .indie_comments .url { background: url("include/img/display.svg") no-repeat 16px center; } /* -------------------------------- FLoating labels -------------------------------- */ .floating-labels div { margin: 28px 0 ; } .floating-labels .cd-label { position: absolute; top: 9px !important; left: 65px ; font-size: 12px ; cursor: text ; -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s ; -moz-transition: top 0.2s, left 0.2s, font-size 0.2s ; transition: top 0.2s, left 0.2s, font-size 0.2s ; font-weight: normal; } .floating-labels .cd-label { left: 66px ; } .floating-labels .cd-label.float { font-size: 11px !important; top: -24px !important; left: 17px !important; } @media only screen and (min-width: 600px) { .floating-labels legend + div { /* reduce margin-top for first form element after the legend */ margin-top: 9px !important; } .floating-labels .cd-label { top: 20px ; } } /* Comment Container */ .content-comment { padding: 40px 50px; margin-bottom: 50px; } .comment-respond { padding: 20px 55px; margin-bottom: 40px; } @media (max-width: 480px) { .content-comment, .comment-respond { padding: 20px 15px; } .author-img { display: none; } ul.children li > div, ol.commentlist li > div { padding: 10px 10px 35px 10px; margin-bottom: 15px; } } .comment-area { padding-bottom: 70px; } .comments-title, .pings-title, #reply-title { margin: 0; padding: 0 0 10px; text-transform: capitalize; text-align: center; } /* Title comment 1 Row ================================================== */ #reply-title { overflow: hidden; text-align: center; margin: 35px 0px 15px 0px; height: 35px; } #reply-title span { position: relative; text-transform: uppercase; font-size: 10px; font-weight: normal; } #reply-title span:before, #reply-title span:after { content: ""; position: absolute; width: 600px; height: 1px; top: 50%; } #reply-title span:before { right: 100%; margin-right: 15px; } #reply-title span:after { left: 100%; margin-left: 15px; } .comments-title { overflow: hidden; text-align: center; margin: 35px 0px 15px 0px; height: 35px; } .comments-title span { position: relative; text-transform: uppercase; font-size: 12px; } .comments-title span:before, .comments-title span:after { content: ""; position: absolute; width: 600px; height: 1px; top: 50%; } .comments-title span:before { right: 100%; margin-right: 15px; } .comments-title span:after { left: 100%; margin-left: 15px; } /* Comments ================================================== */ .comment { position: relative; } .divider_comments { margin-bottom: 15px; } .comment-form { margin-top: 0px; } .commentlist, .pinglist { margin: 20px 0 80px; list-style-type: none; } .comment-section { padding: 20px 0px 0px 0px; } .comment-cont p { font-size: 15px; line-height: 22px; margin: 10px 0 10px; } .comment-body { padding-bottom: 20px; } ul.children li > div, ol.commentlist li > div { padding: 10px 10px 14px 10px; margin-bottom: 15px; } .comment-side { float: left; } .comment-author img.avatar { border-radius: 0; border-radius: 50%; max-width: 100%; } ol.commentlist li.byuser > div { position: relative; } .bot_polar{ height: 10px; clear: both; } .comment .comment-cont { margin-left: 80px; } .comment-author cite, .comment-author cite a { font-size: 20px; margin-left: 10px; text-transform: uppercase; text-transform: uppercase; font-style: normal; line-height: 5px; } .comment-meta, .comment-meta a { font-size: 14px; font-weight: 300; line-height: 20px; } .comment-meta { margin: 15px 0px; } .comment-meta a { padding: 0px; font-size: 12px; margin-right: 10px; } .comment-meta a:hover { opacity: 1; } .children { margin: 0; padding: 0; list-style: none; } .children .comment { padding-left: 35px; } .comment-author { position: relative; } .badge_author { position: absolute; top: 12px; right: 10px; display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; opacity: 0.5; } .nocomments { padding: 20px 30px 20px; } /* Comments ul ================================================== */ .thecomment { border-bottom: 1px dotted #eee; padding-bottom: 34px; margin-bottom: 34px; } .thecomment .author-img { float: left; margin-right: 25px; } .thecomment .author-img img { border-radius: 0; border-radius: 50%; max-width: 100%; } .thecomment .comment-text { overflow: hidden; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 6px; } .thecomment .comment-text span.date { font-size: 11px; display: block; margin-bottom: 10px; } span.reply { position: absolute; top: 0; right: 0; border: 2px solid #dadada; padding: 0px 8px; margin: 0; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } h4.author { text-transform: uppercase; } /* Comment Form */ #commentform p { margin: 0 0 20px 0 !important; font-size: 12px; text-align: center; } /*#commentform label,*/ #commentform span.required { position: relative; top: 0px; display: inline-block; font-weight: 300; font-size: 15px; margin-bottom: 0px; } #commentform span.required { top: 0; color: #E96045; font-size: 12px; } #commentform input, #commentform textarea { z-index: 2; position: relative; margin: 0; padding: 3px; border-radius: 2px; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 16px; resize: none; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -webkit-appearance: none; } #commentform input:focus, #commentform textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #commentform input { margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #CCC; font-size: 16px; resize: none; } #commentform textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: vertical; } #commentform .submit { margin-top: 20px; width: auto; border: none; display: inline-block; padding: 3px 12px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 10px; cursor: pointer; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; opacity: 1; text-transform: uppercase; } #commentform .submit:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; opacity: 0.6; } #commentform p.comment-form-comment { margin-top: 35px !important; } .says { display: none; } /*-------------------------------------------------------------------------*/ /* 18- Contact Form 7 (Plugin Style) /*-------------------------------------------------------------------------*/ .wpcf7 p { font-size: 14px; } .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:10px; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { margin-top: 20px; width: auto; border: none; display: inline-block; padding: 10px 20px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 14.5px; cursor: pointer; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; opacity: 1; } .wpcf7 .wpcf7-submit:hover { opacity: 0.6; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } ::-webkit-input-placeholder { color: #dadada; font-size: 14px; } :-moz-placeholder { /* Firefox 18- */ color: #dadada; font-size: 14px; } ::-moz-placeholder { /* Firefox 19+ */ color: #dadada; font-size: 14px; } :-ms-input-placeholder { color: #dadada; font-size: 14px; } /*-------------------------------------------------------------------------*/ /* 19- BIG Search /*-------------------------------------------------------------------------*/ body.overflow-open { overflow: hidden !important; position:relative !important; } .panel { margin-bottom: 0px; background-color: transparent; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .panel-body { padding: 0px; border: none; margin-top: 50px; } .panel-body .widget_search form input[type="search"] { display: block; margin-bottom: 20px; cursor: pointer; background: #FBFBFB; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; color: #BCBCC4; /* Dynamic */ font-size: 50px; resize: none; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; width: 100%; -webkit-appearance: none; min-height: 137px; outline: none; line-height: 60px; text-align: center; } .panel-body .big_search::-webkit-input-placeholder { color: #dadada; font-size: 50px; } .panel-body .big_search:-moz-placeholder { /* Firefox 18- */ color: #dadada; font-size: 50px; } .panel-body .big_search::-moz-placeholder { /* Firefox 19+ */ color: #dadada; font-size: 50px; } .panel-body .big_search:-ms-input-placeholder { color: #dadada; font-size: 50px; } /* 19.1- Style Search -> Tag - Category - Date ================================================== */ .container-select-box select { margin-bottom:0; border: none; padding: 11px 15px; outline: 0; margin: 0 0 20px; width: 100%; border-radius: 0; max-width: 100%; -webkit-appearance: none; border-radius: 0px; cursor: pointer; height: 47px; max-height: 47px; -webkit-box-shadow: none !important; box-shadow: none !important; -moz-box-shadow: none !important; } .container-select-box:after { content: "\f107"; font-family: fontAwesome; position: absolute; font-size: 14px; right: 7px; top: 0px; text-align: center; line-height: 43px; border-right: 0; border-left: 0; height: 47px; padding: 4px 18px; } /* 19.2- Search Icon in Navigation + Animation ================================================== */ #top-search { position: relative; margin-top: 4px; margin-left: 15px; z-index: 10; } #top-search a { text-transform: uppercase; } .click_search:after { content: "\f002"; font-family:'FontAwesome'; font-size: 15px; margin-left: 15px; } #top-search { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search:after { opacity:.75; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .click_search.is-clicked { position: relative; } .click_search.is-clicked:after { content: "\f00d"; font-family:'FontAwesome'; font-size: 17px; } /* 19.3- Container Popup Search ================================================== */ .container_search { position: fixed; left: 0; top: 0; height: 100%; width: 100%; /*background: rgba(2, 23, 37, 0.96);*/ z-index: 11; text-align: center; padding: 50px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; /* Animation Fade */ opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .container_search.is-visible { /* Animation Fade */ visibility: visible; opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /* 19.4- Container Popup Menu (Responsive) ================================================== */ .cd-primary-nav { position: fixed; left: 0; top: 0; height: 100%; width: 100%; /*background: rgba(2, 23, 37, 0.96);*/ z-index: 11; text-align: center; padding: 50px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; /* Animation Fade */ opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .cd-primary-nav.is-visible { /* Animation Fade */ visibility: visible; opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /*-------------------------------------------------------------------------*/ /* 20- Big About the Author /*-------------------------------------------------------------------------*/ img.img_big_author { border-radius: 50%; max-width: 100%; } /*-------------------------------------------------------------------------*/ /* 21- Slider Carusel Post /*-------------------------------------------------------------------------*/ .owl-theme .owl-controls { margin-top: 0px; } .owl-carousel .owl-wrapper-outer { z-index: 1; } .owl-item { overflow: hidden; } #ig-slide-post .owl-controls, #ig-slide-post-full .owl-controls, #ig-slide-post-4 .owl-controls { padding-bottom: 0px; margin-bottom: 0px; } .bg_slide_post { min-height: 90px; padding: 10px 20px 10px 20px; overflow: hidden; display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .promo-item { display: table; background-size: cover; background-repeat: no-repeat; background-position: center center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; position: relative; display: table; width: 100%; } .promo-overlay { height: 100%; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #fff; position: relative; z-index: 5; padding: 0px 20px; } .promo-link { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; display: block; } .section_mask { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } h6.cat_slide_post { text-transform: uppercase; margin: 0px; font-size: 12px; color: #fff !important; border: solid 2px #fff; padding: 5px 15px; margin-bottom: 23px; display: inline-block; } h6.cat_slide_post a { color: #fff !important; display: inline-block; } h2.title_slide_post { text-transform: uppercase; margin: 0px; font-size: 30px; line-height: 20px; color: #fff; font-weight: bold !important; line-height: 30px; } .promo-overlay p { color: #fff !important; font-weight: bold; } #ig-slide-post.owl-theme .owl-controls, #ig-slide-post-full.owl-theme .owl-controls, #ig-slide-post-4.owl-theme .owl-controls { margin-top: 0px; text-align: center; } #ig-slide-post.owl-theme .owl-controls .owl-buttons div, #ig-slide-post-full.owl-theme .owl-controls .owl-buttons div, #ig-slide-post-4.owl-theme .owl-controls .owl-buttons div { color: #000; display: inline-block; zoom: 1; margin: 6px 5px 0px 5px; padding: 3px 13px; font-size: 19px; background: transparent; filter: Alpha(Opacity=50); opacity: 0.5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; z-index: 2; } .owl-next { position: absolute; right: 20px; top: 45%; z-index: 5; } .owl-prev { position: absolute; left: 20px; top: 45%; z-index: 2; } #ig-slide-post.owl-theme .owl-controls .owl-buttons div:hover, #ig-slide-post-full.owl-theme .owl-controls .owl-buttons div:hover, #ig-slide-post-4.owl-theme .owl-controls .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } /*-------------------------------------------------------------------------*/ /* 22- BLOG Template /*-------------------------------------------------------------------------*/ /* 22.1- Parallax blog Template ================================================== */ .cont_parallax_blog { max-width: 470px; margin: 0 auto; } .cont_parallax_blog .blog-post-content { margin-bottom: 0px !important; padding: 40px; border: 1px solid #dadada; } .border_post_p { padding: 40px 40px 43px 40px; border: 1px solid #dadada; } .cont_parallax_blog .title-content { padding: 0px; } .cont_parallax_blog .post_divider { margin-bottom: 20px; } .cont_parallax_blog .button_cont { margin-top: 15px; } .paral-shadow { -webkit-box-shadow: inset 0px -1px 229px 12px rgba(0,0,0,0.45); -moz-box-shadow: inset 0px -1px 229px 12px rgba(0,0,0,0.45); box-shadow: inset 0px -1px 229px 12px rgba(0,0,0,0.45); } /* 22.2- Infinite Post Template ================================================== */ .cont-total-infinite { display: block; clear: both; } .gelo_no_margin_l { padding-right: 0px; padding-left: 0px; } @media (max-width: 480px) { .no_padding_infblog { padding-right: 15px; padding-left: 15px; } } @media (max-width: 991px) { .hide_gallery_img { display: none !important; } } @media (max-width: 1200px) { .cont-total-infinite .col-md-7 .normal_cont .effect-ig-feat-images img { height: 450px !important; } } .no_padding_infblog { padding: 0px !important; } /* Post section */ .ig-min-h { min-height: 450px; } .blog-post-infbox-content { padding: 90px 30px 1px 30px; margin-bottom: 0px; } .metaabsolute_bot { position: absolute; bottom: 110px; width: 100%; padding-right: 60px; } @media (max-width: 480px) { .metaabsolute_bot { bottom: 30px; } .ig-min-h { min-height: 500px; } } @media (max-width: 1200px) { .responsive_img_infinite { min-height: 394px; } } /* icon load more */ #blog-wait { padding: 40px 0px 40px; } /* 22.3- Template List blog ================================================== */ .total-content-list { background-color: #fff; display: inline-block; margin-bottom: 10px; width: 100%; } .total-content-list .col-md-4 { margin: 0px; padding: 0px; } .blog-post-content-list { padding: 30px 20px 30px 20px; background-color: #fff; } .blog-post-content-list .subtitle_post_standard { margin-bottom: 15px !important; } .total-content-list .list_img img { width: 100%; height: auto; } @media (max-width: 1200px){ .blog-post-content-list { padding: 20px 20px 7px 20px; background-color: #fff; } } .cont_header_post_list { margin: 5px 0px 0px 0px; } .blog-post-content-list h6 { margin-bottom: 5px; } .blog-post-content-list .ig_meta_post_classic, .blog-post-content-list-sider .ig_meta_post_classic { text-align: left !important; } @media (max-width: 780px) { .total-content-list .col-xs-4, .total-content-list .col-xs-8 { width: 100%; } .total-content-list figure img { width: 100%; height: auto; } } /* 22.4- Template List blog ( sidebar) ================================================== */ .blog-post-content-list-sider { padding: 30px 20px 10px 20px; background-color: #fff; margin-bottom: 0px; } .blog-post-content-list-sider h6 { margin-bottom: 5px; } .blog-post-content-list-sider .subtitle_post_standard { text-transform: uppercase; margin-bottom: 10px !important; } /* Grid blog */ .blog-post-content-grid { padding: 40px 35px; margin-bottom: 0px; } .blog-post-content-grid h4 { margin-bottom: 0px; } .blog-post-content-grid h6 { margin-bottom: 10px; } .blog-post-content-grid p { margin-bottom: 40px; } /* 22.5- Grid blog template ================================================== */ /* Masonry Layout */ .isotopeItem_masonry { opacity: 0; } .masonry_pad { padding: 0px 15px 20px 15px; } .isotopeItem_masonry img { width: 100%; } .cont_post_masonry { padding: 0px 15px 0px 15px; } /* == Basic Style Isotope == */ .isotopeWrapper { margin-bottom: 0px; margin-left: -15px; margin-right: -15px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotopeItem img { width: 100%; } /* == Grid responsive Isotope == */ /* gallery Post grid */ /*.isotopeItem_masonry .slide_post .owl-controls { position: absolute; z-index: 2; right: 20px; } */ .isotopeItem_masonry .slide_post.owl-theme .owl-controls .owl-buttons div { padding: 3px 12px; } /* 2 Columns */ .isotopeWrapper .col-full-2 { width: 50%; } /* 3 Columns */ .isotopeWrapper .col-full-3 { width: 33.3%; } /* 4 Columns */ .isotopeWrapper .col-full-4 { width: 25%; } @media (min-width: 768px) and (max-width: 979px) { .isotopeWrapper .col-full-3 { width: 50%; } .isotopeWrapper .col-full-4 { width: 50%; } } @media (min-width: 485px) and (max-width: 979px) { .isotopeWrapper .col-full-3 { width: 50%; } .isotopeWrapper .col-full-4 { width: 50%; } } @media (max-width: 480px) { .isotopeWrapper .col-full-2 { width: 100%; margin-bottom: 5px !important; } .isotopeWrapper .col-full-3 { width: 100%; margin-bottom: 5px !important; } .isotopeWrapper .col-full-4 { width: 100%; margin-bottom: 5px !important; } .blog-post-content-grid { margin-bottom: 0px !important; } } /* 22.6- Template Page - Right Sideber - Left Sidebar ================================================== */ .page-central-content { padding: 20px 100px; margin-bottom: 50px; } .page-content { padding: 20px 40px; margin-bottom: 50px; } .blog-post-content, .total-content-list, .blog-post-content-list, .blog-post-content-list-sider, .blog-post-content-grid, .blog-post-single-content, .content-related-post, .content-comment, .content-author, .page-content, .page-central-content { position: relative; z-index: 0; } @media (max-width: 600px) { .page-content,.page-central-content { padding: 10px 20px; } } /* 22.7- Template Category - Right Sideber - Left Sidebar ================================================== */ /* Title Category*/ .category_bg { background-color: transparent; /* Dynamic */ } h2.title_category { margin-bottom: 0px; font-size: 24px; line-height: 24px; text-transform: uppercase; } .title_category span { font-size: 12px; font-style: italic; font-weight: normal; } /*-------------------------------------------------------------------------*/ /* 23- Post format - Link And Quote /*-------------------------------------------------------------------------*/ /* 23.1- Link and Quote Style ================================================== */ .cont_logo_quote { width: 50px; height: 50px; margin: 0 auto 10px; } .logo_quote { width: 40px; height: 40px; border: 2px solid #dadada; text-align: center; font-size: 22px; color: #fff; display: table-cell; vertical-align:middle; } .quote_style { padding: 70px 70px; margin-bottom: 50px; } .quote_style p { font-size: 23px; line-height: 32px; font-style: italic; } .quote_style_paralax p { font-size: 18px; line-height: 32px; font-style: italic; } /* Quote style Infinite */ .quote_style_infinite { padding: 70px 20px; margin-bottom: 0px; } /* Quote style Infinite */ .link_style_infinite { padding: 100px 20px; margin-bottom: 0px; } .link_style { margin-bottom: 50px; } .max-widht-text-quote { max-width: 800px; margin: 0 auto; } .padding_link_quote { padding: 60px 60px; } @media (max-width: 480px){ .padding_link_quote { padding: 60px 15px; } } /*-------------------------------------------------------------------------*/ /* 24- Post Layout /*-------------------------------------------------------------------------*/ /* Subtitle 1 Row 18- ================================================== */ .fancy_one { overflow: hidden; text-align: center; margin: 0px 0px 15px 0px; height: 35px; } .fancy_one span { position: relative; font-size: 10px; letter-spacing: 2px; } .fancy_one span:before, .fancy_one span:after { content: ""; position: absolute; width: 600px; height: 1px; top: 50%; } .fancy_one span:before { right: 100%; margin-right: 15px; } .fancy_one span:after { left: 100%; margin-left: 15px; } @media (max-width: 480px){ .fancy_one span:before, .fancy_one span:after { display: none; } .fancy_one { overflow: visible; } } /* 24.1- Post Divider ================================================== */ .post_divider { width: 100%; height: 1px; background-color: #ECECEC; margin-bottom: 35px; } @media (max-width: 480px){ .post_divider { margin-top: 20px; } } .post_divider_classic { width: 100%; height: 2px; margin-bottom: 0px; margin-top: 35px; } /* 24.2- Container Post layout ================================================== */ .title-content { padding: 0px 0px 13px; } .blog-post-content { padding: 60px 60px; margin-bottom: 50px; } .blog-post-single-content { padding: 65px 55px; margin-bottom: 0px; overflow: hidden; } @media (max-width: 480px) { .blog-post-content, .blog-post-single-content { padding: 65px 20px; margin-bottom: 50px; } } /* Title Post */ .cont_header_post { margin: 30px 0px 40px 0px; } h2.title_post_standard { margin-bottom: 3px !important; line-height: 35px; } h3.title_post_standard { margin-bottom: 5px !important; } .subtitle_post_standard { text-transform: uppercase; margin-bottom: 25px !important; } .subtitle_post_standard a { padding: 4px 6px 4px 6px; display: inline-block; margin-bottom: 5px; letter-spacing: 3px; font-family: 'Montserrat'; font-size: 10px; line-height: 13px; margin-top: 0; margin: 0px 2px; } /* Footer Post - Continue Reading - social Share - Comments */ .footer_classic_post { padding: 30px 0px 7px 0px; } .footer_classic_post i.ico_footer_post { font-size: 15px; margin-right: 6px; padding: 0px; background-color: transparent; vertical-align: middle; } .footer_classic_post i { font-size: 13px; padding: 6px; margin-right: 1px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; min-height: 24px; min-width: 24px; max-width: 24px; max-height: 24px; } .footer_classic_post i:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .foot_post_cont_reading, .foot_post_comment { display: inline-block; margin-top: 0px; } .foot_post_cont_reading a, .foot_post_comment a { text-transform: uppercase !important; letter-spacing: 1px !important; font-weight: bold; font-size: 10px; } .textalign_foot_reading { text-align: left; } .textalign_foot_comment { text-align: right; } @media (max-width: 990px) { .textalign_foot_reading, .textalign_foot_comment { display: block !important; clear: both; margin-right: auto; margin-left: auto; text-align: center; } } /* 24.3- Meta Post Classic blog ================================================== */ .ig_meta_post_classic { margin: 0px; position: relative; padding: 0px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; font-weight: bold; font-size: 10px; } .ig_meta_post_classic:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_meta_post_classic span { font-size: 12px; padding: 0px; margin: 0px; letter-spacing: 0px; } /* 24.4- Meta Post Grid - List ================================================== */ .ig_meta_post_grid_list { margin: 0px; top: 11px; right: 55px; padding: 10px 15px 10px 0px; opacity: 0.6; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; } .ig_meta_post_grid_list:hover { opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_meta_post_grid_list span { font-size: 14px; padding: 0px; margin: 0px; } /* 24.5- Post Icon Social Share ================================================== */ .ig_social_prod { margin: 0px; position: absolute; bottom: 11px; right: 55px; padding: 10px 15px 10px 0px; opacity: 0.6; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod:hover { opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod_grid { margin: 10px 0px 0px 0px; text-align: center; bottom: 11px; right: 55px; padding: 10px 15px 0px 0px; opacity: 0.6; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod_grid:hover { opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod i, .ig_social_prod_grid i { font-size: 13px; margin-right: 5px; margin-left: 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod i:hover, .ig_social_prod_grid i:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .ig_social_prod span, .ig_social_prod_grid span { font-size: 14px; padding: 0px; margin: 0px; } .share_post { font-size: 22px; } /* 24.5- Post Icon Social Share Font Awesome Icon ================================================== */ .share_post a i { font-size: 15px; padding: 0px; margin-right: 0px; } /* 24.6- GR Social Share ================================================== */ #social-shares { margin: 60px 0px 30px 0px; text-align: center; } #social-shares a { display: inline-block; text-decoration: none; font-size: 14px; height: 2.3em; line-height: 2.3; padding: 0 0.4em 0 0; color: #fff; margin-left: 5px; background-repeat: no-repeat; background-position: 0.4em 50%; border-radius: 2px; width: 8%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } #social-shares a:hover { opacity: 0.6; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } #social-shares a span { font-size: 15px; margin-right: 5px; } @media only screen and (max-width: 480px) { #social-shares { text-align: left; } #social-shares a { width: 18.8%; margin-left: 3px; } #social-shares a span { float: right; } } @media only screen and (min-width: 481px) { #social-shares a { width: 12% !important; } } @media only screen and (min-width: 790px) { #social-shares a { width: 9% !important; } } /* 24.7- About Author ================================================== */ .content-author { padding: 0px; background-color: #fff; margin-bottom: 10px; } .box_author { padding: 40px 50px; display: inline-block; width: 100%; } .author-img-left { float: left; margin-right: 25px; position: absolute; } .author-img-left img { display: block; clear: both; margin-right: auto; margin-left: auto; border-radius: 50%; max-width: 100%; } .author-description { position: relative; padding-left: 130px; } .author-description h3 { margin-bottom: 5px !important; text-transform: uppercase; } .author-description p { margin: 0px 20px 0px 0px; } .box_author .footer_classic_post { padding: 10px 0px 0px 0px; } @media (max-width:600px){ .author-img-left { float: none; margin-right: 0px; position: relative; margin-bottom: 15px; } .author-description { position: relative; padding-left: 0px; text-align: center; } .footer_classic_post .textalignleft { text-align: center; } .author-description p { margin: 0px; } } /* 24.8- Related Post (Style 1 - Style 2) ================================================== */ .content-related-post { padding: 40px 50px; margin-bottom: 40px; display: inline-block; width: 100%; } @media (max-width:600px){ .content-related-post { padding: 20px 15px; } } /* Style 1 */ .related-post-style1 h5 { text-transform: uppercase; margin-bottom: 3px; font-size: 13px; letter-spacing: 0px; line-height: 15px; } .related-post-style1 p.r-p-date { font-size: 11px; padding: 0px; margin: -5px 0px; } .img_related_post { position: absolute; width: 80px; } .title_related_post { position: relative; padding-left: 90px; display: inline-block; } /* Style 2 */ .related-post-style2 { margin-bottom: 15px; } .related-post-style2 h5 { text-transform: uppercase; margin-bottom: 3px; letter-spacing: 0px; } .related-post-style2 p.r-p-date { font-size: 12px; padding: 0px; margin: -5px 0px; } /* 24.9- Post Twitter Status ================================================== */ .twitter-tweet { margin: 40px auto !important; } .twitter_status_wrapper{ position: relative; } /* 24.10- Tag layout Single Post ================================================== */ ul.post_tag { text-align: center; padding-left: 0px; } ul.post_tag li { list-style: none; display: inline-block; padding: 0px 8px; border: 2px solid #dadada; margin-right: 10px; font-size: 10px; } /*-------------------------------------------------------------------------*/ /* 25- Post Gallery - Carusel Post /*-------------------------------------------------------------------------*/ /* 25.1- Gallery Slide - Template Infinite Post ================================================== */ .slide_post_infinite.owl-theme .owl-controls { position: absolute; top: 0; left: -85px; } @media (max-width:991px){ .slide_post_infinite.owl-theme .owl-controls { display: none !important; } } .slide_post_infinite .owl-controls .owl-buttons div { color: #000; display: inline-block; zoom: 1; margin: 6px 5px 0px 5px; padding: 3px 13px; font-size: 19px; background: transparent; filter: Alpha(Opacity=50); opacity: 0.5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .slide_post_infinite .owl-controls .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /* 25.2- Gallery Post ================================================== */ .slide_post.owl-theme .owl-controls .owl-buttons div { color: #000; display: inline-block; zoom: 1; margin: 5px; padding: 3px 13px; font-size: 19px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: transparent; filter: Alpha(Opacity=50); opacity: 0.5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .slide_post.owl-theme .owl-controls .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } /*-------------------------------------------------------------------------*/ /* 26- Post Pagination / Navigation /*-------------------------------------------------------------------------*/ /* 26.1- Pagination Post ================================================== */ .ilgelo_pagination { float: left; width: 100%; margin-bottom: 50px; } a.page-numbers { text-align: center; font-size: 16px; float: left; width: 35px; height: 35px; margin: 0px 3px; padding-top: 4px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; } a.page-numbers:hover { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; background-color: transparent; padding-top: 4px; } .page-numbers.current { font-size: 16px; float: left; padding: 11px 20px 10px 20px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; padding: 5px 6px 6px 12px; width: 35px; height: 35px; margin: 0px 3px; } .next { float: right !important; } a.next.page-numbers { padding-top: 3px; } a.prev.page-numbers { padding-top: 3px; } a.next.page-numbers:hover, a.prev.page-numbers:hover { padding-top: 3px; } .prev { float: left !important; } span.dots { text-align: center; font-size: 17px; padding: 11px 20px 10px 20px; float: left; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; } /* 26.2- Navigation Post ================================================== */ .ig_navigation { width: 100%; clear: both; display: inline-block; } .ig_navigation .alignleft { margin-left: 20px; } .ig_navigation .alignright { margin-right: 20px; } .ig_navigation .alignright i { margin-left: 10px; color: #dadada; } .ig_navigation .alignleft i { margin-right: 10px; color: #dadada; } .cont_prev_left > div, .cont_next_right > div { padding: 20px 25px 25px 25px; min-height: 150px; position: relative; } .cont_prev_left { width: 48%; float: left; clear: none; margin-right: 4%; } .cont_next_right { width: 48%; clear: none; float: left; } /* Title Nav Prev */ .tit_prev { overflow: hidden; text-align: left; height: 35px; } .tit_prev span { position: relative; letter-spacing: 1px; font-size: 10px; } .tit_prev span:before, .tit_prev span:after { content: ""; position: absolute; width: 600px; height: 1px; top: 49%; } .tit_prev span:after { left: 100%; margin-left: 15px; } /* Title Nav Next */ .tit_next { overflow: hidden; text-align: right; height: 35px; } .tit_next span { position: relative; font-size: 10px; letter-spacing: 1px; } .tit_next span:before, .tit_next span:after { content: ""; position: absolute; width: 600px; height: 1px; top: 49%; } .tit_next span:before { right: 100%; margin-right: 15px; } .tit_next span:after { left: 100%; margin-left: 15px; } /* Container image and title/Date */ .img_navigation_post { position: absolute; width: 105px; z-index: 5; } .img_navigation_post a img { width: 100%; height: auto; } .title_navigation_post { position: relative; padding-left: 122px; display: inline-block; } .img_navigation_post_r { position: absolute; width: 105px; z-index: 5; right: 25px; top: 55px; } .img_navigation_post_r a img { width: 100%; height: auto; } .title_navigation_post_r { position: relative; padding-right: 122px; text-align: right; } .title_navigation_post_r p { padding: 0px; margin: 0px; } .title_navigation_post p { padding: 0px; margin: 0px; } .title_navigation_post h5 a, .title_navigation_post_r h5 a { text-transform: uppercase !important; letter-spacing: 0px !important; } /* Style title/Date */ .title_navigation_post h5, .title_navigation_post_r h5 { font-size: 16px; font-weight: bold; margin-bottom: 0px; } .title_navigation_post h6.date, .title_navigation_post_r h6.date { font-size: 12px; font-weight: normal; } @media (max-width: 992px){ .cont_prev_left { width: 100%; } .cont_next_right { width: 100%; } } /*-------------------------------------------------------------------------*/ /* 27- Animation Hover Image /*-------------------------------------------------------------------------*/ .grid { position: relative; list-style: none; text-align: center; } .col-md-4 .grid, .col-md-7 .grid, .col-md-9 .grid, .col-md-12 .grid, .isotopeWrapper .col-full-3 .grid { margin-bottom: 0px !important; margin-top: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } /* Common style */ .grid figure { position: relative; overflow: hidden; width: 100%; /*background: #333;*/ text-align: center; cursor: pointer; z-index: 1; } .grid figure img { position: relative; display: block; opacity: 0.8; } .grid figure figcaption { padding: 15px; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 5; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /*---------------*/ /***** Jazz *****/ /*---------------*/ figure.effect-jazz { background: #333333; } figure.effect-jazz img { opacity: 0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz h2, figure.effect-jazz p { opacity: 1; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); } figure.effect-jazz h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-jazz p { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; letter-spacing: 2px; top: 40%; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } figure.effect-jazz i { font-size: 50px; } figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0,0,1,0deg) scale3d(1,1,1); transform: rotate3d(0,0,1,0deg) scale3d(1,1,1); } figure.effect-jazz:hover h2, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /* layout grid */ figcaption.layout_grig p { top: 29% !important; } /* Main About Me ================================================== */ .indie_aboutme { position: relative; margin-bottom: 30px; } .indie_aboutme .ig_widget p { /*font-size: 12px;*/ } .indie_cont_image { text-align: center; margin-bottom: 0px; height: 130px; } .indie_aboutme .ig_widget { padding: 25px; } .indie_cont_image section { height: 130px; } img.indie_about { margin-top: -100px !important; margin-bottom: 20px !important; } .indie_aboutme p { margin: 25px 0px 0px 0px; text-align: center; } img.indie_radius { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; height: 150px; width: 150px; display: inline-block; } .indie_aboutme .ig-top-social a, .indie_big_aboutme .ig-top-social a { font-size: 25px; margin-left: 0px; } .indie_big_aboutme .title_special_aut { margin-bottom: 5px; } .indie_big_aboutme .local_special_aut { margin-bottom: 10px; } /* End */