/*------------------------------------------------ Theme Name: Amanda Lite Theme URI: http://pogothemes.com/themes/amanda-lite/ Description: Amanda Lite is a clean, creative and responsive blog WordPress theme for creative people working as a graphic designer or illustrator. Amanda Lite is free version of the premium theme Amanda. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Author: Pogo Themes Author URI: http://pogothemes.com Tags: light, gray, white, one-column, two-columns, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, custom-colors, translation-ready Text Domain: amanda-lite ------------------------------------------------*/ /*------------------------------------------------ CSS STRUCTURE: 1. GENERAL TYPOGRAPHY 1.1 General Styles - Links - Floating & Alignment - Clear Floats 1.2 Headings 1.3 Basic Lists 1.4 Images Styles - Image with Caption - Image with Frame 1.5 Forms Styles 1.6 Tables Styles 1.7 Styled Boxes 1.8 Buttons - Button Styles - Button Color Scheme - Buttons with sliding effect 2. SITE STRUCTURE 2.1 General 2.2 Navigation 2.3 Section - Section General - Content colors 2.4 Sliders - Box Slider - Owl carousel - Revolution Slider 2.5 404 Error Page 2.6 Footer 2.7 Page Navigations 3. CONTENT ELEMENTS 3.1 Captions 3.2 Posts carousel 3.3 Posts Masonry 3.4 Portfolio filterable 3.5 Milestones 3.6 Call to action 3.7 Pie charts 3.8 Progress bars 3.9 Testimonials 3.10 Contact Form 7 3.11 Social icons 3.12 Page Title 3.13 MCP Anything Slider 3.14 Icon Boxes - Icon styles - Icon box - Icon box styles - Icon effects 3.15 Tabs & Toggles & Accordion - Tabs - Toggle - Accordion 3.16 Team member 3.17 Pricing Tables 4. BLOG STYLES 4.1 Blog 4.2 Blog Single Post 4.3 Single portfolio 4.4 Post content 4.5 About Author 4.6 Comments List 4.7 Comments Form 5. WIDGET STYLES - Widget General - Sidebar Widget General - Footer Widget General 5.1 Search Form Widget 5.2 Recent Comments Widget 5.3 Tags Widget 5.4 Twitter Widget 5.5 Flickr Widget 6. EXTENDED TYPOGRAPHY 6.1 Blockquote / Pullquote 6.2 Dropcap 6.3 Text Highlights 6.4 Code & Pre 7. PLUGIN STYLES 7.1 google maps 7.2 Isotope 7.3 MCP Animation 7.4 Grayscale images 8. MEDIA QUERIES ------------------------------------------------*/ /*====================================================================*/ /* 1. GENERAL TYPOGRAPHY */ /*====================================================================*/ @import 'css/bootstrap.css'; /*----------------------------------------------*/ /* 1.1 General styles*/ /*----------------------------------------------*/ html, body{ /*links fail to work properly in safari */ width: 100%; height: 100% !important; margin: 0; padding: 0; } body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'PT Sans', 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { /*letter-spacing: -0.06em;*/ /*margin-top: 1.2em;*/ margin-bottom: 1em; line-height: 1.2em; } body { overflow-x: hidden; font-size: 15px; line-height: 1.5em; position: relative; transition: all 1s; background: #E8E8E8; } body.fade-in { opacity: 1; } .page { height: 100%; } hr { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0; } /*----------------------------------------------*/ /* links */ /*----------------------------------------------*/ a:focus, a:active { text-decoration: none; } a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } a:hover { text-decoration: none; } /*----------------------------------------------*/ /* Floating & Alignment*/ /*----------------------------------------------*/ .clear{clear:both} .align-left { text-align: left; } .align-left .divider { margin-left: 0; } .align-right { text-align: right; } .align-right .divider { margin-right: 0; } .absolute-center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; } .centered { text-align: center; } .scrollable { height: 300px; overflow: auto; padding-right: 20px; } .scrollable::-webkit-scrollbar { width: 4px; } .scrollable::-webkit-scrollbar-track { background-color: rgba(0,0,0,0); border: none; } .scrollable::-webkit-scrollbar-thumb { background-color: rgba(45,45,45,0.2); } .scrollable::-webkit-scrollbar-thumb:hover { background-color: rgba(45,45,45,0.4); } .no-mousescroll { pointer-events: none; } .white-box { background: #fff; padding: 20px; overflow: hidden; min-height: 120px; } .vc_empty_space { display: inline-block; width: 100%; } /*----------------------------------------------*/ /* 1.2 Headings */ /*----------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-rendering: optimizelegibility; font-weight: 600; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { display: block; } h1, h2, h3 { margin-bottom: 0.6em; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /*----------------------------------------------*/ /* 1.3 Basic lists*/ /*----------------------------------------------*/ ul li a:hover { text-decoration: none; } ul.custom { list-style: none; line-height: 2em; } ul.custom li i { padding-right: 20px; } ul.custom.colored-icon li i { color: #2bcaae; } /*----------------------------------------------*/ /* 1.4 Images Styles */ /*----------------------------------------------*/ .preloading { background: #fff url("../images/loading.gif") no-repeat 50% 50%; display: block; } img.alignleft, .wp-caption.alignleft { margin: 10px 20px 10px 0; } img.alignright, .wp-caption.alignright { margin: 10px 0 10px 20px; } img.aligncenter, .wp-caption.aligncenter { display: block; margin: 10px auto 20px; text-align: center; } .wpb_single_image img { max-width: 100%; width: auto; height: auto; } .wpb_single_image.vc_align_center { text-align: center; } .wpb_single_image.vc_align_right { text-align: right; } /* Image with Caption */ .wp-caption { max-width: 100%; padding: 4px; margin-bottom: 10px; background: #fff; border: 1px solid #eee; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wpb_text_column p.wp-caption-text, .post .content p.wp-caption-text { margin: 0; padding: 10px 0; font-size: 0.9em; line-height: 1.4em; text-align: center; color: #8d8d8d; } /*----------------------------------------------*/ /* 1.5 Forms styles*/ /*----------------------------------------------*/ input[type="text"]:focus{ outline:none; cursor:text; } .label { color: #1b1b1b; font-size: 1em; font-weight: normal; } /*----------------------------------------------*/ /* 1.6 Tables Styles */ /*----------------------------------------------*/ table, th, td { vertical-align: middle; } .post .content table, .wpb_text_column table, .table-style { margin-bottom: 20px; } .post .content table, .wpb_text_column table, .table-style table { border: 1px solid #e5e5e5; padding: 0; width: 100%; text-align: left; } .post .content table thead, .wpb_text_column table thead, .table-style thead { background: #fff; font-size: 16px; font-weight: bold; text-align: center; color: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .post .content table th, .wpb_text_column table th, .table-style th { padding: 20px; text-align: center; text-transform: uppercase; } .post .content table td, .wpb_text_column table td, .table-style td { border: 1px solid #e5e5e5; border-right: 0; padding: 10px; text-align: center; } .post .content table tr:nth-child(2n-1) td, .wpb_text_column table tr:nth-child(2n-1) td, .table-style tr:nth-child(2n-1) td { background-color: #f7f7f7; } .post .content table tfoot td, .wpb_text_column table tfoot td, .table-style tfoot td { padding: 6px; font-style: italic; } /*----------------------------------------------*/ /* 1.7 Styled Boxes */ /*----------------------------------------------*/ .wpb_alert .messagebox_text p:before { content: "\e85c"; font-family: "icomoon"; font-weight: normal; font-style: normal; display: inline-block; font-size: 18px; padding: 14px; } .wpb_alert-success .messagebox_text p:before { content: "\e60c"; } .wpb_alert-warning .messagebox_text p:before { content: "\e85c"; } .wpb_alert-info .messagebox_text p:before { content: "\ea2e"; } .wpb_alert-error .messagebox_text p:before { content: "\e85d"; } .wpb_alert { background: #F1D8A2; padding: 10px 20px; margin: 20px 0; } .wpb_alert-success { background: #C1F096; } .wpb_alert-info { background: #86D7E9; } .wpb_alert-error { background: #F5C3AC; } /*----------------------------------------------*/ /* 1.8 Buttons */ /*----------------------------------------------*/ .button, a.button, .wpcf7-submit, .form-submit [type="submit"] { display: inline-block; text-transform: uppercase; color: #333; background: rgba(158, 158, 158, 0.3); padding: 10px 20px; font-size: 12px; line-height: 60px; letter-spacing: 3px; font-weight: bold; border: none; cursor: pointer; margin-right: 8px; margin-bottom: 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .form-submit [type="submit"] { width: 100%; } .button:hover, .wpcf7-submit:hover, .form-submit [type="submit"]:hover { text-decoration: none; background: #333; color: #fff; } .button.small { padding: 0 20px; } .button.medium { padding: 0 25px; } .button.large { padding: 0 30px; } /*button color schemes*/ .button i { line-height: inherit; margin-right: 10px; margin-left: 0; } .button.icon-align-right i { float: right; margin-left: 10px; margin-right: 0; } a.button.theme-color,a.button.theme-color-1, a.button.theme-color-2, a.button.theme-color-3, a.button.theme-color-4, a.button.dark, a.button.black { color: #fff; } a.button.light, a.button.white, a.button.gray { color: #1b1b1b; } a.button.theme-color:hover,a.button.theme-color-1:hover, a.button.theme-color-2:hover, a.button.theme-color-3:hover, a.button.theme-color-4:hover, a.button.light:hover, a.button.white:hover, a.button.gray:hover{ background: #333; color: #fff; } a.button.dark:hover, a.button.black:hover { background: #fff; color: #1b1b1b; } /*transparent buttons*/ a.button.transparent { background: transparent; border: 1px solid; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; opacity: 0.6; border-width: 4px; line-height: 52px; } a.button.transparent:hover { opacity: 1; background: transparent; } .button.transparent.black { border-color: #000; color: #000; } .button.transparent.white { border-color: #fff; color: #fff; } /*====================================================================*/ /* 2. SITE STRUCTURE */ /*====================================================================*/ /*----------------------------------------------*/ /* 2.1 General*/ /*----------------------------------------------*/ /*preloader-wrapper*/ .preloader-wrapper { position: fixed; background: #fff; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; text-align: center; } /* spinner */ .spinner-container{ position: absolute; top: 50%; left: 50%; margin-top: -15px; } .spinner{position:relative} .spinner:before{content:"";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#999;opacity:.6} .spinner:after{z-index:2;content:"";height:30px;width:30px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;-webkit-transition:all .75s ease 0;transition:all .75s ease 0;border-radius:100%;border-right:4px solid #000;border-top:4px solid #fff;border-left:4px solid #fff;border-bottom:4px solid #fff;-webkit-animation:standard .45s infinite linear;animation:standard .45s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1} @-webkit-keyframes standard{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes standard{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} /*for site wide container*/ /*.wide .container { width: 100% !important; padding: 0; } .wide .row { margin: 0; }*/ .wide .column_container { padding: 0; } /*User these to change gutter sizes of columns within a row*/ .no-gutter .column_container { padding: 0; margin: 0; } .gutter-1 .column_container { padding: 1px; margin: 0; } .gutter-5 .column_container { padding: 5px; margin: 0; } /*----------------------------------------------*/ /* 2.2 Navigation */ /*----------------------------------------------*/ /*logo*/ .logo.header { position: absolute; z-index: 10; top: 0; left: 0; padding: 40px; } .logo { float: left; } .logo a { color: #1b1b1b; } .site-nav .logo h1 { font-size: 60px; margin: 0; text-transform: uppercase; } .site-nav .logo span { text-transform: uppercase; } .site-nav-top .logo h1 { font-size: 16px; text-transform: uppercase; } .site-nav-top .logo h2 { margin: 0; font-size: 10px; line-height: 15px; } header { text-align: center; padding-top: 80px; } header h1 { font-size: 80px; margin: 0; } .header-text { width: 90%; margin: 60px auto; display: block; font-size: 26px; line-height: 1.1em; text-align: center; max-width: 800px; } .header-image { background: #fff; padding: 30px; margin-bottom: 60px; } .header-image img { width: 100%; height: auto; } /*page-wrap*/ .page-wrap { height: 100%; width: 100%; float: left; } .page-wrap, .site-nav-top { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 0.5s cubic-bezier(0.7,0,0.3,1); -o-transition: -o-transform 0.5s cubic-bezier(0.7,0,0.3,1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7,0,0.3,1); transition: transform 0.5s cubic-bezier(0.7,0,0.3,1); } .nav-right.site-nav-open .site-nav-top, .nav-right.site-nav-open .page-wrap { -moz-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); -webkit-transform: translate(-200px, 0); transform: translate(-200px, 0); -moz-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } .nav-left.site-nav-open .site-nav-top, .nav-left.site-nav-open .page-wrap { -moz-transform: translate(200px, 0); -ms-transform: translate(200px, 0); -webkit-transform: translate(200px, 0); transform: translate(200px, 0); -moz-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } .site-nav .logo { width: 100%; padding: 20px 0 40px; float: none; text-align: center; } .copyright { text-transform: uppercase; font-size: 11px; } /*site navigations*/ .site-nav { position: fixed; height: 100%; top: 0; bottom: 0; outline: 0; max-width: 400px; z-index: 999; -moz-transition: -moz-transform 0.5s cubic-bezier(0.7,0,0.3,1); -o-transition: -o-transform 0.5s cubic-bezier(0.7,0,0.3,1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7,0,0.3,1); transition: transform 0.5s cubic-bezier(0.7,0,0.3,1); } .nav-right .site-nav { right: 0; -moz-transform: translate(400px, 0); -ms-transform: translate(400px, 0); -webkit-transform: translate(400px, 0); transform: translate(400px, 0); -moz-transform: translate3d(400px, 0, 0); -ms-transform: translate3d(400px, 0, 0); -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); } .nav-left .site-nav { left: 0; -moz-transform: translate(-400px, 0); -ms-transform: translate(-400px, 0); -webkit-transform: translate(-400px, 0); transform: translate(-400px, 0); -moz-transform: translate3d(-400px, 0, 0); -ms-transform: translate3d(-400px, 0, 0); -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); } .nav-right.site-nav-open .site-nav { -moz-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -webkit-transform: translate(20px, 0); transform: translate(20px, 0); -moz-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } .nav-left.site-nav-open .site-nav { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-nav-scrollable-container { float: left; padding: 60px; width: 400px; -webkit-overflow-scrolling: touch; height: 100%; position: relative; } .site-nav-overlay { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 600; } .site-nav-open .site-nav-overlay, .site-nav:focus ~ .site-nav-overlay { position: fixed; display: block; z-index: 900; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .nav-right .site-navigation { margin-left: -100px; left: 0; } .nav-right .section-navigation { left: 0; } .nav-left .site-nav a.site-nav-button { right: 0; } .nav-left .site-navigation { margin-right: -100px; right: 0; } .nav-left .section-navigation { right: 0; } .nav-opaque.nav-right .site-navigation { border-right: 1px solid rgba(220, 220, 220, 0.1); } .nav-opaque.nav-left .site-navigation { border-left: 1px solid rgba(220, 220, 220, 0.1); } .site-menu i { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .site-nav-open .site-menu i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } a.site-nav-button { text-align: center; display: block; cursor: pointer; } .site-nav a.site-nav-button { width: 60px; height: 60px; } .nav-transparent .site-nav a.site-nav-button span { color: #fff; margin-top: 40px; } .site-nav a.site-nav-button i { line-height: 60px; } .site-nav a.site-nav-button { position: absolute; } /*.admin-bar .site-nav-top,*/ .admin-bar .site-nav-close, .admin-bar .site-navigation { margin-top: 32px; } /* nav-opaque: site navigation with background*/ .nav-opaque .site-nav-top, .site-nav-top.sticky { background: rgba(255,255,255,1); } .nav-pagination.nav-opaque.nav-right .page-wrap { padding-right: 80px; } .nav-pagination.nav-opaque.nav-left .page-wrap { padding-left: 80px; } .nav-opaque .site-nav .site-title { display: block; } .nav-opaque .site-nav .site-title a {transform-origin: 14px -15px;} .nav-opaque a.site-nav-button, .nav-opaque .section-navigation { width: 80px; } /*nav pagination*/ .nav-pagination.nav-right.nav-opaque .site-nav-top { padding-right: 80px; } .nav-pagination.nav-left.nav-opaque .site-nav-top { padding-left: 80px; } .nav-right.nav-opaque .site-navigation { margin-left: -80px; } .nav-left.nav-opaque .site-navigation { margin-right: -80px; } /*nav sidebar*/ .site-navigation { position: absolute; width: 80px; height: 100%; color: #fff; } .site-navigation .social-networks { position: absolute; bottom: 30px; width: 100%; text-align: center; } .site-navigation ul.social-networks li { display: block; } .site-navigation ul.social-networks li a { padding: 10px; } .site-nav .logo-small { position: absolute; top: 60px; left: 0; width: 100%; text-align: center; } .site-nav .logo-small img { width: 40px; } .site-nav .site-title { position: absolute; top: 80px; display: none; } .site-title a { display: block; font-weight: bold; letter-spacing: 1px; font-size: 16px; text-align: right; text-transform: uppercase; } .site-nav .site-title a { position: absolute; top: 200px; width: 200px; transform-origin: 20px -20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } /* Top navigation */ .nav-top .site-navigation { display: none; } .nav-top .page-wrap { margin-top: 80px; } .nav-top .site-nav-top { display: block; } .site-nav-top a { color: #000; } .site-nav-top .site-title a { font-size: 21px; padding: 0 20px; line-height: 80px; } .site-nav-top a.site-nav-button { width: 80px; height: 80px; } .site-nav-top a.site-nav-button i { line-height: 80px; } .site-nav-top { position: fixed; display: none; top: 0; width: 100%; color: #000; background: rgba(255,255,255,0); height: 80px; z-index: 20; /*-webkit-transition: background 0.5s; transition: background 0.5s;*/ } .nav-transparent.dark-nav a.site-nav-button:hover, .nav-transparent.dark-nav .site-navigation a span, .nav-transparent.dark-nav a.site-nav-button { color: #1b1b1b; } .nav-transparent.dark-nav .section-navigation a span { background: #1b1b1b; } a.site-nav-close { width: 80px; height: 80px; text-align: center; display: block; color: #ddd; cursor: pointer; margin: 0 auto; display: none; } a.site-nav-close i { line-height: 80px; } a.site-nav-close:hover { color: #333; } .site-nav .close-nav { position: absolute; top: 25px; right: 30px; font-size: 30px; cursor: pointer; z-index: 50; } /* Menu Text Effect 5 */ .icon-effect-5 .fa { display: inline-block; font-size: 0px; cursor: pointer; margin: 0 auto; width: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; } .icon-effect-5 .fa:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .icon-effect-5 .fa:before { speak: none; font-size: 36px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .icon-effect-5 .fa { overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .icon-effect-5 .fa:after { display: none; } .no-mobile .icon-effect-5:hover .fa { color: #fff; } .no-mobile .icon-effect-5a:hover .fa:before { -webkit-animation: toRightFromLeft 0.4s forwards; -moz-animation: toRightFromLeft 0.4s forwards; animation: toRightFromLeft 0.4s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } .no-mobile .icon-effect-5b:hover .fa:before { -webkit-animation: toLeftFromRight 0.4s forwards; -moz-animation: toLeftFromRight 0.4s forwards; animation: toLeftFromRight 0.4s forwards; } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -moz-transform: translate(-100%); } 50% { opacity: 0; -moz-transform: translate(100%); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { transform: translate(-100%); } 50% { opacity: 0; transform: translate(100%); } 51% { opacity: 1; } } .no-mobile .icon-effect-5c:hover .fa:before { -webkit-animation: toTopFromBottom 0.4s forwards; -moz-animation: toTopFromBottom 0.4s forwards; animation: toTopFromBottom 0.4s forwards; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } .no-mobile .icon-effect-5d:hover .fa:before { -webkit-animation: toBottomFromTop 0.4s forwards; -moz-animation: toBottomFromTop 0.4s forwards; animation: toBottomFromTop 0.4s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } /* Effect: same word slide in */ .button.slide-text-effect, .slide-text-effect a { overflow: hidden; } .button.slide-text-effect span, .slide-text-effect a span { position: relative; display: inline-block; width: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .button.slide-text-effect span::before, .slide-text-effect a span::before { position: absolute; top: 100%; content: attr(data-hover); /*font-weight: bold;*/ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .button.slide-text-effect:hover span, .slide-text-effect a:hover span, .button.slide-text-effect:focus span, .slide-text-effect a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } /*Multi-level Navigation*/ .multi-level-nav { margin-bottom: 30px; } .multi-level-nav .mcp-menu { display: block; width: 100%; padding-left: 0; text-transform: uppercase; } .multi-level-nav .mcp-menu .sub-menu { padding: 10px 0; display: none; } .multi-level-nav .mcp-menu .sub-menu li { line-height: 1.4em; } .multi-level-nav .mcp-menu li { position: relative; line-height: 2em; list-style: none; } .multi-level-nav .mcp-menu li.menu-item-has-children { padding-right: 20px; } .multi-level-nav .mcp-menu li.menu-item-has-children > ul { display: none; } .multi-level-nav .mcp-menu li.menu-item-has-children > .plus { position: absolute; top: 0; right: 0; } .multi-level-nav .mcp-menu li.menu-item-has-children > .plus:after { font-family: 'amandaicons'; content: '\e802'; position: absolute; line-height: 25px; top: 0; right: 0; padding: 0; z-index: 9; cursor: pointer; } .multi-level-nav .mcp-menu li.menu-item-has-children.active > .plus:after { content: '\e803'; color: #666; } .multi-level-nav .mcp-menu li a { display: block; padding: 0; font-size: 16px; } .multi-level-nav .mcp-menu .sub-menu li a { font-size: 13px; font-weight: normal; text-transform: none; } .comment-list, .widget ul { list-style: none; } /*----------------------------------------------*/ /* 2.3 Section */ /*----------------------------------------------*/ .section { position: relative; padding: 60px 0; } .section.fullscreen { height: 100%; } .section.fullscreen .wpb_wrapper, .section.fullscreen .column_container, .section.fullscreen .container { height: 100%; } .panel-row-style { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } /* panel grid */ .section.fullscreen .container { height: 100%; } .section.no-padding { padding: 0; } .section.no-padding-top { padding-top: 0; } .section.no-padding-bottom { padding-bottom: 0; } .section .bgholder { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; } .section .bgholder .bgitem { position: absolute; width: 100%; height: 800px; top: 0; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); } .section .bgholder .bgitem video, .section .bgholder .bgitem img { width: 100%; height: auto; } .section.page-title .bgholder .bgitem { opacity: 0.6; } .section.opacity-2 .bgholder .bgitem { opacity: 0.2; } .section.opacity-3 .bgholder .bgitem { opacity: 0.3; } .section.opacity-4 .bgholder .bgitem { opacity: 0.4; } .section.opacity-5 .bgholder .bgitem { opacity: 0.5; } .section.opacity-6 .bgholder .bgitem { opacity: 0.6; } .section.opacity-7 .bgholder .bgitem { opacity: 0.7; } .section.opacity-8 .bgholder .bgitem { opacity: 0.8; } .section.opacity-9 .bgholder .bgitem { opacity: 0.9; } .section-title { overflow: hidden; margin-top: 0; } .section-title h2 { font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 1em; margin-top: 0; margin-bottom: 0; } .section-title .sub-title { display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 0; line-height: 1.5em; } .section-title .description { display: block; font-family: 'Playfair Display'; font-size: 21px; margin-top: 30px; margin-bottom: 30px; line-height: 1.5em; } .logo h2, .page-title .description, .call-to-action small { font-size: 16px; line-height: 22px; } .logo h2 { font-size: 10px; line-height: 10px; } .logo img { max-width: 100%; max-height: 100%; } .section-title.separator_align_center { max-width: 70%; margin: 70px auto; text-align: center; } .section-title.separator_align_left { text-align: left; } .section-title.separator_align_right { text-align: right; } .section.page-title { margin-top: 0px; margin-bottom: 0px; background-color: #1b1b1b; color: #fff; } .section.page-title .post-meta, .section.page-title .post-meta a, .section.page-title a { color: #fff; } /* Content colors*/ .site-nav-top.theme-color, .main-sidebar.theme-color, .site-nav.theme-color, .nav-opaque .site-nav.theme-color .site-navigation, .section.theme-color, .site-nav-top.theme-color-1, .main-sidebar.theme-color-1, .site-nav.theme-color-1, .nav-opaque .site-nav.theme-color-1 .site-navigation, .section.theme-color-1 { background-color: #2bcaae; } .site-nav-top.theme-color-2, .main-sidebar.theme-color-2, .site-nav.theme-color-2, .nav-opaque .site-nav.theme-color-2 .site-navigation, .section.theme-color-2 { background-color: #90CAD6; } .site-nav-top.theme-color-3, .main-sidebar.theme-color-3, .site-nav.theme-color-3, .nav-opaque .site-nav.theme-color-3 .site-navigation, .section.theme-color-3 { background-color: #1CB9A0; } .site-nav-top.theme-color-4, .main-sidebar.theme-color-4, .site-nav.theme-color-4, .nav-opaque .site-nav.theme-color-4 .site-navigation, .section.theme-color-4 { background-color: #6BDFBA; } .site-nav-top.dark, .main-sidebar.dark, .site-nav.dark, .nav-opaque .site-nav.dark .site-navigation, .section.dark { background-color: #00010a; } .site-nav-top.light, .main-sidebar.light, .site-nav.light, .nav-opaque .site-nav.light .site-navigation, .section.light { background-color: #f8f8f8; } .site-nav-top.gray, .main-sidebar.gray, .site-nav.gray, .nav-opaque .site-nav.gray .site-navigation, .section.gray { background-color: #ddd; } .site-nav-top.black, .main-sidebar.black, .site-nav.black, .nav-opaque .site-nav.black .site-navigation, .section.black { background-color: #111; } .site-nav-top.white, .main-sidebar.white, .site-nav.white, .nav-opaque .site-nav.white .site-navigation, .section.white { background-color: #fff; } a.button.theme-color,a.button.theme-color-1 {background: #2bcaae;} a.button.theme-color-2 {background: #2ECCAC;} a.button.theme-color-3 {background: #2ECCAC;} a.button.theme-color-4 {background: #2ECCAC;} a.button.dark {background: #111;} a.button.black {background: #000;} a.button.light {background: #f2f2f2;} a.button.white {background: #f8f8f8;} a.button.gray {background: #999;} /*individual*/ .black-content .section-navigation a span, .black-content .swiper-pagination-bullet { background: #1b1b1b; } .black-content { color: #1b1b1b; } .black-content .post .content b, .black-content .wpb_text_column b, .black-content .post .content strong, .black-content .wpb_text_column strong, .black-content a{ color: #1b1b1b; } .black-content .screen-reader-text, .black-content .comment-reply-title, .black-content .widgettitle, .black-content .widget-title { color: #999; } .single-post .content p:first-child, .single-post blockquote, .single-post .blockquote, .black-content .pullquote-left, .black-content .pullquote-right, .black-content .call-to-action small, .black-content .social-networks a:hover, .black-content .post-stats a:hover i, .black-content .post-stats a:hover, .black-content .title .sub-title, .black-content h1, .black-content h1 a, .black-content h2, .black-content h2 a, .black-content h3, .black-content h3 a, .black-content h4, .black-content h4 a, .black-content h5, .black-content h5 a, .black-content h6, .black-content h6 a { color: #000; } .black-content .section-title .sub-title{ color: rgba(0, 0, 0, 0.6); } .black-content .owl-carousel .owl-controls .owl-dot span { background: #1b1b1b; } .black-content h1 small, .black-content h2 small, .black-content h3 small, .black-content h1 .small, .black-content h2 .small, .black-content h3 .small { color: rgba(0, 0, 0, 0.8); } .black-content .portfolio-services li, .black-content .tag-cloud a { color: #555; background: #f2f2f2; } .black-content .tag-cloud a:hover { background: #222; color: #fff; } .black-content .widget_search form input{ background: rgba(0, 0, 0, 0.1); } /* white content*/ .white-content { color: #fff; } .white-content .title .sub-title, .white-content .call-to-action small, .white-content .caption, .white-content .social-networks a:hover, .white-content a, .white-content a:hover, .white-content blockquote cite, .white-content h1, .white-content h1 a, .white-content h2, .white-content h2 a, .white-content h3, .white-content h3 a, .white-content h4, .white-content h4 a, .white-content h5, .white-content h5 a, .white-content h6, .white-content h6 a { color: #fff; } .white-content .toggle-title, .white-content .accordion-title { border-color: rgba(255,255,255,0.3); } .white-content .tabs .tabs-nav li.active a, .white-content .toggle-title.ui-state-active, .white-content .accordion-title.ui-state-active { color: #fff; border-color: #fff; } .white-content .tweet_time, .white-content .social-networks a, .white-content .section-title .sub-title { color: rgba(255, 255, 255, 0.8); } .white-content .section-navigation a span, .white-content .owl-carousel .owl-controls .owl-dot span{ background: #fff; } .white-content h1 small, .white-content h2 small, .white-content h3 small, .white-content h1 .small, .white-content h2 .small, .white-content h3 .small { color: rgba(255, 255, 255, 0.8); } .white-content .testimonial figcaption:before { color: rgba(255, 255, 255, 0.1); } .white-content .portfolio-services li, .white-content .tag-cloud a { color: #555; background: rgba(255, 255, 255, 0.6); } .white-content .tag-cloud a:hover { background: #fff; color: #555; } .white-content .widget_search form input{ background: rgba(255, 255, 255, 0.2); } .light-content { color: #666; } .light-content a{ color: #999; } .light-content a:hover{ color: #ccc; } .light-content .title .sub-title, .light-content blockquote cite, .light-content h1, .light-content h1 a, .light-content h2, .light-content h2 a, .light-content h3, .light-content h3 a, .light-content h4, .light-content h4 a, .light-content h5, .light-content h5 a, .light-content h6, .light-content h6 a { color: #aaa; } .light-content .toggle-title, .light-content .accordion-title { border-color: rgba(255,255,255,0.3); } .light-content .tabs .tabs-nav li.active a, .light-content .toggle-title.ui-state-active, .light-content .accordion-title.ui-state-active { color: #999; border-color: #999; } .light-content .section-title .sub-title, .light-content .post-stats a i, .light-content .post-stats a, .light-content .post-meta, .light-content .post-date { color: rgba(255, 255, 255, 0.6); } .light-content .portfolio-services li, .light-content .tag-cloud a { color: #999; background: rgba(255, 255, 255, 0.1); } .light-content .tag-cloud a:hover { color: #fff; background: rgba(255, 255, 255, 0.2); } .light-content .widget_search form input{ background: rgba(255, 255, 255, 0.1); } .section.light-content .social-networks a:hover, .section.light-content .post-stats a:hover i, .section.light-content .post-stats a:hover{ color: #aaa; } .section.light-content .section-navigation a span, .section.light-content .owl-carousel .owl-controls .owl-dot span { background: #999; } .section.light-content h1 small, .section.light-content h2 small, .section.light-content h3 small, .section.light-content h1 .small, .section.light-content h2 .small, .section.light-content h3 .small { color: rgba(255, 255, 255, 0.8); } /*----------------------------------------------*/ /* 2.4 Sliders */ /*----------------------------------------------*/ /* Box Slider */ .mobile .slide-anything .carousel > span, .mobile .slide-anything .carousel > div { display: block; margin-bottom: 20px; } .box-item figure img { width: 100%; height: auto; } .box-item figure { position: relative; overflow: hidden; } .slide-anything .box-item .post-icon { display: block; width: 80px; margin: 40px auto 0; } .box-item .post-icon { font-size: 80px; position: absolute; bottom: 60px; right: 0; opacity: 0.1; } .box-item .gallery .post-icon { pointer-events:none; } .box-item figure figcaption { width: 100%; text-align: center; padding: 30px; } .box-item figure figcaption p { margin-top: 20px; } .testimonial .post-title, .box-item .quote blockquote cite, .box-item figure figcaption .post-title, .box-item figure figcaption .post-title a { font-size: 16px; line-height: 1.4em; font-weight: bold; word-wrap: break-word; text-transform: uppercase; } .box-item .quote blockquote cite, .box-item figure figcaption .post-title, .box-item figure figcaption .post-title a { margin-top: 0; margin-bottom: 10px; } .box-item .quote blockquote { margin: 0; padding: 0; } .box-item .quote blockquote p, .box-item .quote blockquote cite { margin-top: 20px; } .box-item .post .content .post-meta { margin-bottom: 0; line-height: 1.2em; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a { color: #fff; background: #1b1b1b; padding: 4px 10px; } .pricing-table .title, .pricing-table .per-month, .comment-meta, .comment-navigation .nav-previous, .comment-navigation .nav-next, .paging-navigation, .image-grid .box-item figcaption, .image-slideshow figcaption, .posts-slider .post-meta, .testimonial .post-meta, .post .content .post-meta, .post .content .more-link, .box-item figure figcaption .post-meta, .box-item figure figcaption .post-meta a { display: block; /*font-size: 11px;*/ letter-spacing: 1px; text-transform: uppercase; line-height: 1.5em; } /*.post .content .more-link { margin-top: 20px; }*/ .no-gutter .post .content a.more-link { right: 0; bottom: 0; } .post .content a.more-link { position: absolute; right: 0; bottom: 0; width: 40px; height: 20px; line-height: 20px; font-size: 18px; text-align: center; color: #1b1b1b; } .post-meta i { margin-right: 5px; } figure .image-zoom { position: absolute; width: 100%; height: 100%; margin: auto; top:0; bottom: 0; left: 0; right: 0; z-index: 3; opacity: 0; color: #1b1b1b; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } /* image gallery / slider / carousel */ .carousel > div { position: relative; } .carousel > div img{ width: 100%; height: auto; } .carousel { position: relative; } .section.image-parallax-slideshow figcaption { z-index: 10; position: absolute; bottom: 0; right: 0; color: #fff; background: #1b1b1b; padding: 20px; } .image-slideshow { max-width: 100%; margin: 0; } a.swipebox { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .image-grid .box-item { margin-bottom: 20px; } .image-grid.no-gutter .box-item { padding: 0; margin-bottom: 0; } .gallery .gallery-caption, .image-grid .box-item figcaption, .image-slideshow figcaption { position: absolute; bottom: 0; background: #1b1b1b; color: #fff; margin: 0; padding: 10px 20px; width: auto; } .image-slideshow.transparent .owl-carousel .owl-item img { width: auto; max-width: 100%; margin: 0 auto; } .image-slideshow.transparent .owl-controls{ position: relative; } .post-image .gallery .gallery-caption { display: none; } .post-image .gallery .gallery-item { margin: 0; } .gallery .gallery-item a { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .gallery .gallery-item { position: relative; } .gallery.owl-carousel .owl-controls, .image-slideshow .owl-controls{ position: absolute; bottom: 40px; width: 100%; } .gallery.owl-carousel .owl-controls { bottom: 20px; } .gallery.owl-carousel .owl-prev { right: 60px; } .gallery.owl-carousel .owl-next { right: 20px; } .gallery.owl-carousel .owl-controls .owl-dot span, .image-slideshow:not(.transparent) .owl-carousel .owl-controls .owl-dot span { background: #fff; } .fullscreen > .container, .fullscreen > .container > .row, .fullscreen > .column_container { height: 100%; } .fullscreen > .container > .row > .column_container { width: 100%; height: 100%; } .vertical-middle > .container > .row > .column_container > .wpb_wrapper { display: table-cell; vertical-align: middle; } .vertical-middle > .container > .row > .column_container { display: table; } /* section navigation */ .section-navigation { position: absolute; width: 60px; top: 50%; z-index: 10; } .section-navigation .tooltip-inner { background: #fe19a0; } .section-navigation .tooltip.right .tooltip-arrow { border-right-color: #fe19a0; } .section-navigation ul { margin: 0; padding: 0; } .section-navigation li { display: block; width: 60px; margin: 0 auto; } .section-navigation a { display: block; cursor: pointer; padding: 10px; } .section-navigation a span { display: block; background: #fff; width: 10px; height: 10px; border-radius: 50%; margin: 0 auto; opacity: 0.3; transition: all 0.3s ease; } .section-navigation .active a span { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } /*owl carousel*/ .mobile .owl-carousel{ display: block; } .slide-anything .section-title { margin-bottom: 30px; } .owl-carousel { position: relative; } .owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover { opacity: 1; color: #fff; } .owl-carousel .owl-controls .owl-buttons div, .owl-prev, .owl-next { position: absolute; z-index: 100; background: #222; color: #fff; width: 30px; height: 30px; text-align: center; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .owl-prev, .owl-next { border-radius: 4px; } .owl-carousel .owl-prev, .owl-carousel .owl-next { bottom: 0; } .owl-carousel .owl-prev { right: 70px; } .owl-carousel .owl-next { right: 30px; } .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { font-family: 'amandaicons'; font-size: 12px; border-radius: 0px; line-height: 30px; } .owl-carousel .owl-prev:after { content: "\e813"; } .owl-carousel .owl-next:after { content: "\e80d"; } /*----------------------------------------------*/ /* 2.5 404 Error Page /*----------------------------------------------*/ .error-404 { text-align: center; } .error-404 span.text-404 { font-size: 200px; line-height: 1em; color: #555; text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); } .error-404 p { font-size: 16px; line-height: 30px; } .error-404 button span { text-shadow: none; } /*----------------------------------------------*/ /* 2.6 Footer*/ /*----------------------------------------------*/ .no-mobile footer.section { position: fixed; width: 100%; padding: 30px 0; z-index: 10; -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 0.5s cubic-bezier(0.7,0,0.3,1); -o-transition: -o-transform 0.5s cubic-bezier(0.7,0,0.3,1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7,0,0.3,1); transition: transform 0.5s cubic-bezier(0.7,0,0.3,1); } .no-mobile.site-footer-open footer { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .no-mobile .footer-top { position: absolute; width: 100%; top: -142px; background: #000; line-height: 40px; padding: 30px 0; text-transform: uppercase; border-bottom: 1px solid rgba(148, 148, 148, 0.2); } .footer-top .social-networks { margin: 0; } .footer-utilties a.more { margin-right: 10px; } .mobile .footer-utilties a.more { display: none; } .footer-utilties a i { margin-right: 6px; } footer .bottom { margin-top: 60px; text-transform: uppercase; font-size: 13px; line-height: 30px; } .footer-menu { list-style: none; margin-bottom: 0; padding-left: 0; } .footer-menu ul { margin: 0; padding: 0; } .footer-menu li { display: inline-block; margin-left: 10px; } /*----------------------------------------------*/ /* 2.7 Page Navigations */ /*----------------------------------------------*/ .portfolio-navigation { display: inline-block; margin-top: 15px; } .portfolio-navigation a { display: inline-block; padding: 10px; text-align: center; color: #1b1b1b; } .portfolio-navigation a:hover { color: red; } /*paging navigation*/ .paging-navigation .prev { float: right; } .paging-navigation .next { float: left; } .paging-navigation .page-numbers { padding: 4px; } .paging-navigation .page-numbers.current { background: #222; color: #fff; } /* Pagination */ .pagination { margin: 30px 0 10px; text-align: center; } .page-list { list-style-type: none; display: inline-block; margin: 0; } .ie7 .page-list { display: inline; } .page-numbers li, .page-list li { margin: 0; padding: 0; display: inline-block; font-size: 16px; } .page-numbers a, .page-numbers .current, .page-list a, .page-list .current { position: relative; margin: 0; padding: 12px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .page-numbers .current, .page-list .current, .page-numbers a:hover, .page-list a:hover { font-weight: 800; } .page-list a.next { border-right: 1px solid transparent; } /*====================================================================*/ /* 3. CONTENT ELEMENTS */ /*====================================================================*/ /*----------------------------------------------*/ /* 3.3 Posts Masonry */ /*----------------------------------------------*/ /* Preloader */ .preloader { position: relative; } .loader.stop { display: none; } .loader.stop .bar { animation-play-state: paused !important; -webkit-animation-play-state:paused !important; } .loader { margin: 30px; top: 0; left: 0; right: 0; bottom: 0; width: 60px; height: 40px; margin: auto; margin-top: 40px; display: flex; flex-flow: row no-wrap; justify-content: center; align-items: center; } .loader.loaded .bar { width: 10px; height: 10px; margin-right: 1px; border-radius: 5px; background: #333; display: inline-block; flex: 1 5px; } .loader.loaded .bar:last-child { margin: 0; } .loader.loaded .bar:nth-child(1) { animation: load 1s ease-in-out 0.1s infinite; -webkit-animation: load 1s ease-in-out 0.1s infinite; } .loader.loaded .bar:nth-child(2) { animation: load 1s ease-in-out 0.2s infinite; -webkit-animation: load 1s ease-in-out 0.2s infinite; } .loader.loaded .bar:nth-child(3) { animation: load 1s ease-in-out 0.3s infinite; -webkit-animation: load 1s ease-in-out 0.3s infinite; } .loader.loaded .bar:nth-child(4) { animation: load 1s ease-in-out 0.4s infinite; -webkit-animation: load 1s ease-in-out 0.4s infinite; } .loader.loaded .bar:nth-child(5) { animation: load 1s ease-in-out 0.5s infinite; -webkit-animation: load 1s ease-in-out 0.5s infinite; } @keyframes load { 30% { height: 30px; background: #999; } 60% { height: 10px; background: #333; } } @-webkit-keyframes load { 30% { height: 30px; background: #999; } 60% { height: 10px; background: #333; } } .blog.masonry .box-item { margin-bottom: 20px; } .blog.grid .box-item { overflow: hidden; margin-bottom: 40px; } /*load more*/ .button.load-more i { margin: 0; } .button-area { position: relative; } .button-area .spinner-container { margin: 0; display: none; } .button-area { width: 60px; height: 60px; margin: 0 auto; } .button-area .fa, .button-area .button { margin: 0; } .button-area .button { padding: 0; width: 60px; text-align: center; } /*----------------------------------------------*/ /* 3.10 Contact Form 7 */ /*----------------------------------------------*/ .comment-respond p, .wpcf7 p { /*line-height: 40px;*/ margin: 0; } .input-text, .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{ background: rgba(158, 158, 158, 0.3); border: none; border-radius: 6px; color: #333; line-height: 1.5em; padding: 10px 20px; width: 100%; transition: all 0.2s; -webkit-transition: all 0.2s; } .comment-respond input[type="text"], .comment-respond input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="email"]{ margin-bottom: 15px; height: 60px; } .comment-respond textarea:focus, .comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus{ background: rgba(158, 158, 158, 0.2); outline:none; cursor:text; } .wpcf7-submit { width: 100%; line-height: 30px; margin-top: 10px; border: none; padding: 10px 20px; font-size: 12px; border-radius: 6px; height: 60px; } .wpcf7-submit:hover { background: #2bcaae; } /*----------------------------------------------*/ /* 3.11 Social icons */ /*----------------------------------------------*/ /*----------------------------------------------*/ /* 3.12 page title */ /*----------------------------------------------*/ .single-post .content .description, .page-title .description { font-size: 12px; } .single-post .title, .page-title .title { display: inline-block; font-size: 36px; line-height: 1.3em; margin-top: 0.5em; word-wrap:break-word; font-size: 46px; line-height: 1.1em; letter-spacing: -1px; } .page-title .description { display: block; margin: 0; font-family: 'Playfair Display', 'Georgia', serif; font-size: 16px; font-weight: normal; } .page-title.centered .description { margin: 0 auto; width: 90%; max-width: 500px; } /*----------------------------------------------*/ /* 3.13 MCP Anything Slider */ /*----------------------------------------------*/ .owl-carousel.gutter-1 .owl-item { padding: 0 1px; margin: 0; } .owl-carousel.gutter-5 .owl-item { padding: 0 5px; margin: 0; } .owl-carousel.no-gutter .owl-item { padding: 0; margin: 0; } .owl-carousel.gutter .owl-item { padding: 0 20px; } .social-networks { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; } .social-networks li { display: inline-block; } .social-networks li a { padding: 0 6px; display: block; transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } .social-networks li a:hover { color: #2ccce2; } /*====================================================================*/ /* 4. BLOG STYLES */ /*====================================================================*/ .blog .post-title a { font-weight: bold; } .blog .post-title { margin-top: 0; margin-bottom: 10px; font-size: 18px; line-height: 1.4em; } .blog .post .content, .blog .post .post-image { width: 100%; } .blog .post .post-image { margin-bottom: 20px; } .blog .post-image img { width: 100%; height: auto; } .blog .post-image p { margin: 0; } .blog .post .content { position: relative; float: left; padding: 10px 0; } .blog .post .content p { margin: 0; } .blog .post.link, .blog .post.quote { position: relative; overflow: hidden; } .blog .post.quote .content { position: relative; z-index: 2; } .blog .post .post-icon { font-size: 96px; line-height: 1em; margin-right: 40px; float: left; } .blog .post .content .post-meta { font-family: "PT Sans"; display: block; margin-bottom: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #999; } .blog .post .content { float: left; } .blog .post .content .button { position: relative; display: block; width: 180px; margin: 30px auto 0px; } .blog .post .content .button span { position: absolute; right: 0; } /* posts masonry with boxed items*/ /* blog standard */ .blog.standard.boxed .post { background: #fff; padding: 40px; border-radius: 6px; -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset; } .blog.standard .post { position: relative; overflow: hidden; margin-bottom: 60px; } .blog.standard .post .content { padding: 0; } .blog.standard.col-3 .post-title { font-size: 21px; } .blog.standard .post-title { font-size: 36px; } .blog.standard .entry-summary { font-size: 19px; line-height: 28px; } .blog.standard .post .post-image .fluid-width-video-wrapper { min-height: 300px; } .blog.standard .post .post-image { width: 100%; float: left; } .blog.standard .post .post-image.audio, .blog.standard .post .post-image.video { height: 300px; } .blog.standard .post.no-post-image .content, .blog.standard .post.audio .content, .blog.standard .post.link .content, .blog.standard .post.quote .content { width: 100%; } .blog.standard.boxed article { padding: 40px; } .blog.standard.boxed .post-title { font-size: 21px; } /*blog masonry*/ .blog.masonry .grid-sizer, .blog.masonry .box-item { min-height: 1px; padding-left: 10px; padding-right: 10px; width: 33.33333333%; } .blog.boxed article { overflow: hidden; background: white; padding: 30px; } .blog.boxed .post .content { font-size: 16px; color: #999; padding: 0; } .blog.boxed .post-title { margin-bottom: 15px; font-size: 19px; } .blog.boxed .post-title a { color: #222; } .blog .post .content .button { width: 100%; margin: 0; background: none; color: #333; padding: 0; line-height: 1em; margin-top: 20px; text-transform: uppercase; font-size: 12px; font-weight: normal; letter-spacing: 0; } /* .blog.boxed .box-item .quote blockquote { font-size: 24px; } */ /*----------------------------------------------*/ /* Breadcrumbs */ /*----------------------------------------------*/ .breadcrumbs { line-height: 60px; margin-bottom: 30px; text-transform: uppercase; font-size: 0.9em; } .breadcrumbs span, .breadcrumbs a{ margin-right: 12px; } .breadcrumbs span:first-child { margin-left: 0; } /*----------------------------------------------*/ /* 4.2 Blog Single Post */ /*----------------------------------------------*/ .single-post header .blockquote { color: #999; font-weight: normal; margin-top: 0; } .single-post .post-meta { font-family: "PT Sans"; text-transform: uppercase; letter-spacing: 1px; } .single-post .post-meta, .single-post .post-meta a { color: #aaa; } .single-post .social-share, .single-post header { margin-bottom: 30px; } .single-post .post-thumbnail { margin-bottom: 60px; } .single-post .tag-cloud { float: left; width: 100%; margin-bottom: 30px; } .single-post .content .social { margin-top: 30px; padding: 0; } .single-post .carousel, .single-post .fluid-width-video-wrapper, .single-post .audio-player, .single-post .post-image { margin-bottom: 2em; } .single-post .post-stats { display: inline-block; padding-right: 30px; } .single-post .post-meta .post-stats:last-child { padding: 0; } .sidebar .widget { padding-left: 60px; } .post-image .image-gallery { margin-bottom: 0; } .image-gallery, .post-image { position: relative; overflow: hidden; } .post-image { min-height: 1px; } .image-gallery.carousel { margin: 0 auto; max-width: 70%; } .blog.slider .quote blockquote, .masonry .quote blockquote { padding: 0; } /*related posts*/ /*post navigation*/ .post-navigation, .related-posts{ margin-bottom: 30px; } .post-navigation .post-title, .related-posts .post-title{ font-size: 18px; line-height: 1.2em; } .post-navigation .post, .related-posts .post{ overflow: hidden; margin-bottom: 30px; } .post-navigation .post-image, .related-posts .post-image { float: left; width: 80px; margin: 0; } .post-navigation .post .content, .related-posts .post .content { margin-left: 100px; margin-bottom: 0; } .post-navigation .post.no-post-thumbnail .content, .related-posts .post.no-post-thumbnail .content { margin-left: 0; } .post-navigation .post .content .post-meta, .related-posts .post .content .post-meta, .post-navigation .post-title, .related-posts .post-title { margin: 0; text-transform: uppercase; } /*----------------------------------------------*/ /* 4.4 Post content */ /*----------------------------------------------*/ .main-article h1:first-child, .main-article h2:first-child, .main-article h3:first-child, .main-article h4:first-child, .main-article h5:first-child, .main-article h6:first-child, .wpb_text_column h1:first-child, .wpb_text_column h2:first-child, .wpb_text_column h3:first-child, .wpb_text_column h4:first-child, .wpb_text_column h5:first-child, .wpb_text_column h6:first-child, p:first-child { margin-top: 0; } .main-article img { max-width: 100%; } .main-article p { margin-bottom: 1.6em; } .main-article { font-size: 18px; line-height: 1.8em; margin-bottom: 1.8em; } .main-article a { color: #2093d2; } .portfolio-details p a, .main-article a:hover { text-decoration: underline; } .wpb_text_column pre, .main-article pre, .wpb_text_column code, .main-article code { padding: 20px; max-width: 100%; /*overflow: scroll;*/ } .main-article .carousel, .wpb_text_column .carousel { margin-bottom: 2em; } .wpb_text_column img, .main-article, .main-article .divider{ margin-bottom: 2em; } .wpb_text_column ul, .wpb_text_column ol, .main-article ul, .main-article ol { margin-top: 0; margin-bottom: 30px; line-height: 2em; } .single-post .post-thumbnail img, .wpb_text_column img, .main-article img { max-width: 100%; height: auto; } .main-article .share-buttons { margin-bottom: 2em; } /*----------------------------------------------*/ /* 4.5 About Author */ /*----------------------------------------------*/ .about-author { margin-bottom: 30px; overflow: hidden; } .about-author .author-details { margin-left: 120px; } .about-author .author-details h3 { font-size: 18px; margin-top: 0; } .about-author .author-desc { margin-top: 0; } .about-author .author-avatar { float: left; } .about-author .author-avatar img{ border-radius: 50%; } /*====================================================================*/ /* 5. WIDGET STYLES */ /*====================================================================*/ .widget { margin-bottom: 30px; padding: 0; clear: both; } .widget img { max-width: 100%; height: auto; } .widget input, .widget button, .widget select, .widget textarea { max-width: 100%; } .widget .social-networks, .widget .social-networks ul li { margin-bottom: 0; } .widget .thumbnail { margin: 0; padding: 0; background: none; border:none; } .widget .post-meta, .widget .post-date { text-transform: uppercase; font-size: 0.8em; } /* Visual Composer WP Widgets*/ .element-title { /* display: block; margin-bottom: 30px; float: left; width: 100%; */ float: left; margin: 0; margin-bottom: 40px; font-size: 28px; line-height: 40px; text-transform: uppercase; } .screen-reader-text, .comment-reply-title, .widgettitle, .wpb_heading, .widget-title { font-family: "PT Sans"; font-size: 11px; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .widget-title { margin-bottom: 20px; } .wpb_widgetised_column ol, .wpb_widgetised_column ul, .widget ol, .widget ul { list-style: none; padding-left: 0; } /*----------------------------------------------*/ /* 5.1 Search Form Widget */ /*----------------------------------------------*/ .widget.widget_search form { padding: 0; } .search-form { padding: 0.7em 0; } .search-form p { position: relative; margin-bottom: 0; } .widget_search { position: relative; } .widget_search form { position: relative; padding: 10px; } .widget_search form input { background: #f0f0f0; border: none; margin: 0; width: 100%; height: 60px; font-size: 14px; padding-left: 20px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_search form:after { content: "\e80e"; font-family: "amandaicons"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 18px; padding-right: 20px; position: absolute; float: right; top: 16px; right: 0; color: #999; } .widget ul li { line-height: 1em; margin-bottom: 10px; } /*----------------------------------------------*/ /* 5.2 Recent Comments Widget */ /*----------------------------------------------*/ .widget.recentcomments li { padding: 0; } .widget.recent-comments-list { margin-bottom: 0; } .widget.recent-comments-list li { padding: 0; } .widget.widget_recent_entries li a { display: block; } .widget .post-title { margin-bottom: 0; } /*----------------------------------------------*/ /* 5.3 Tags Widget*/ /*----------------------------------------------*/ .portfolio-services li, .tag-cloud a { display: inline-block; float: left; font-size: 13px; margin-bottom: 6px; margin-right: 6px; line-height: 30px; padding: 0px 7px; border-radius: 4px; text-transform: uppercase; text-decoration: none; } .tag-cloud a:hover { text-decoration: none; } .nav-left .site-nav .site-nav-scrollable-container .tag-cloud a , .align-right .tag-cloud a { margin-right: 0; margin-left: 6px; float: right; } .centered .tag-cloud a { float: none; } .widget_layered_nav li:last-child, .widget_product_categories li:last-child, .widget_categories li:last-child { border: none; } .widget_product_categories span, .widget_categories span { margin-left: 10px; } .widget_product_categories .children { padding-left: 20px; } #wp-calendar { width: 100%; } .wpb_gmaps_widget iframe { width: 100%; margin-bottom: 20px; } /*----------------------------------------------*/ /* 5.4 Twitter Widget */ /*----------------------------------------------*/ .widget .twitter-wrap li { text-align: left; } .widget .twitter-wrap li:first-child { margin-top: 0; } .widget .tweet_text { background: none; padding: 0; } .widget .twitter-wrap .tweet_time { background: none; padding: 0; } .widget .tweet_list { overflow: hidden; } .twitter-wrap p.loading { background: transparent url('images/loading_small.gif') no-repeat scroll 0 4px; padding-left: 25px; } .twitter-wrap li { overflow: hidden; margin: 0; padding-bottom: 15px; text-align: center; } .twitter-wrap li:last-child { padding-bottom: 0; } .twitter-wrap .tweet_text { display: block; } .twitter-wrap .tweet_text a { font-weight: 700; } .twitter-wrap .tweet_time { display: block; overflow: hidden; } .twitter-wrap .tweet_time a { font-size: 11px; font-style: italic; color: #8d8d8d; } .twitter-wrap .tweet_text a:hover, .twitter-wrap .tweet_time a:hover { text-decoration: underline; } /* tweet slider */ .tweet-slider .tweet_list { list-style-type: none; margin: 0; padding: 0 90px; } .tweet-slider .tweet_text { background: none; margin-bottom: 20px; padding: 0; font-size: 24px; font-weight: 300; line-height: 1.4em; text-align: center; } .tweet-slider .tweet_text a { font-weight: 400; } .follow-us { margin-top: 20px; } .tweet-slider .tweet_time { display: none; } /*----------------------------------------------*/ /* 5.5 Flickr Widget */ /*----------------------------------------------*/ .flickr-wrap { position: relative; overflow: hidden; } .widget .flickr-wrap { margin-left: -6px; margin-right: -6px; } .widget.flickr-widget .flickr-wrap li { float: left; border: none; padding: 5px; width: 25%; margin-bottom: 0; } .flickr-wrap li img { width: 100%; height: auto; } .flickr-wrap li a { display: block; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .flickr-wrap li a { filter: alpha(opacity=70); opacity: 0.7; } .flickr-wrap li a:hover { filter: alpha(opacity=100); opacity: 1; } /*====================================================================*/ /* 6. EXTENDED TYPOGRAPHY & SHORTCODES */ /*====================================================================*/ /*----------------------------------------------*/ /* 6.1 Blockquote /Pullquote */ /*----------------------------------------------*/ /*.main-article p:first-child,*/ /*.quote blockquote, blockquote, .blockquote,*/ .single-post .content blockquote p, .pullquote-right, .pullquote-left { font-family: 'Playfair Display', 'Times New Roman', serif; font-style: normal; font-size: 28px; line-height: 1.4em; letter-spacing: -0.04em; margin: 30px 0 30px; padding: 0; } .pullquote-right, .pullquote-left { width: 50%; padding: 40px; } blockquote cite { display: block; font-size: 0.8em; margin-top: 20px; } .pullquote-left { float: left; margin: 20px 20px 20px -40px; } .pullquote-right { float: right; margin: 20px -40px 20px 20px; } /*----------------------------------------------*/ /* 6.2 Dropcap */ /*----------------------------------------------*/ .dropcap { display: inline-block; margin: 20px; font-size: 4em; font-weight: bolder; text-transform: uppercase; text-align: center; color: #1b1b1b; float: left; } .dropcap.colored { color: #2bcaae; } /*----------------------------------------------*/ /* 6.3 Text Highlights */ /*----------------------------------------------*/ .highlight { background: #2bcaae; color: #fff; padding: 0.2em; display: inline-block; } .highlight.light { background: #ffff99; color: #101010; } .highlight.dark { background: #333; } .colored { color: #2bcaae !important; } /*----------------------------------------------*/ /* 6.4 Code & Pre */ /*----------------------------------------------*/ code, pre{ border: 1px solid #e5e5e5; border-left: 3px solid #e5e5e5; padding: 0 20px; line-height: 20px; white-space: pre-wrap; overflow: auto; border-radius: 3px; } code { display: block; margin: 20px 0; padding: 10px; background: #f7f7f7; color: #666; } pre {} /*----------------------------------------------*/ /* WORDPRESS DEFAULT STYLES */ /*----------------------------------------------*/ .blog .sticky .entry-header .entry-meta { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } /* Alignment */ .alignleft { display: inline; float: left; /*margin-right: 1.625em;*/ } .alignright { display: inline; float: right; /*margin-left: 1.625em;*/ } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*----------------------------------------------*/ /* 4.6 Comments List */ /*----------------------------------------------*/ .comments-title { margin-top: 60px; } .comment-list { list-style: none; padding-left: 0; } .comment-list li:last-child { border: none; } .comment-list > li { } .comment-body { padding: 15px 0; border-bottom: 1px solid #EAEAEA; } .comment-list .children { margin-left: 40px; list-style: none; } .comment-author vcard img { border-radius: 50%; } .comment-author .says { display: none; } .comment-author, .comment-author .fn, .comment-meta { display: inline-block; padding-left: 10px; } .comment-author .fn { font-weight: bold; font-style: normal; text-transform: uppercase; } .comment-meta { } .comment-body .reply { text-transform: uppercase; text-align: right; } .comment-body .reply a:hover { color: #2bcaae; text-decoration: underline; } #cancel-comment-reply-link { text-transform: uppercase; font-size: 12px; padding: 0 10px; } .comment.bypostauthor > .fn:after { content: 'author'; padding: 0px 5px; font-size: 10px; display: inline-block; margin: 0 0 6px 8px; text-transform: uppercase; background: #D44949; color: #fff; } .comment-body p { margin-top: 20px; } /*----------------------------------------------*/ /* 4.7 Comments Form */ /*----------------------------------------------*/ .comment-form input[type="email"], .comment-form input[type="text"] { margin-bottom: 20px; } /* Post author highlighting */ .comment-list > li.bypostauthor { /*background: #ddd; border-color: #d3d3d3;*/ } .comment-list > li.bypostauthor .comment-meta { /*color: #575757;*/ } .comment-list > li.bypostauthor .comment-meta a:focus, .comment-list > li.bypostauthor .comment-meta a:active, .comment-list > li.bypostauthor .comment-meta a:hover { } .comment-list > li.bypostauthor:before { } /* Post Author threaded comments */ .comment-list .children > li.bypostauthor { } .entry-format{ } /*----------------------------------------------*/ /* 8. MEDIA QUERIES */ /*----------------------------------------------*/ @media screen and (min-width: 767px) and (max-width: 992px) { .no-mobile .section .container>.row { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .section .bgholder .bgitem video, .section .bgholder .bgitem img { width: auto; height: 100%; } } @media (min-width: 1300px) { .swiper-slide figure img { max-height: 600px; height: 600px; } } @media screen and (min-width: 1300px) { .blog.masonry .grid-sizer, .blog.masonry .box-item { width: 25%; } } @media screen and (max-width: 992px) { .admin-bar .site-nav-top, .admin-bar .site-nav-close, .admin-bar .site-navigation { margin-top: 46px; } .page-wrap { margin-top: 80px; } .nav-pagination.nav-left.nav-opaque .site-nav-top { padding-left: 0; } .nav-pagination.nav-right.nav-opaque .site-nav-top { padding-right: 0; } .nav-pagination.nav-opaque.nav-left .page-wrap { padding-left: 0; } .nav-pagination.nav-opaque.nav-right .page-wrap { padding-right: 0; } .portfolio-two-col .portfolio-content, .portfolio-two-col .portfolio-sidebar { width: 100%; margin: 0; } .portfolio-two-col .portfolio-sidebar { float: none; } .no-mobile.single-portfolio .portfolio-details.floating { position: relative; width: 100%; top: 0 !important; } .single-portfolio .portfolio-details.boxed.floating .btn-close { display: none; } .tabs-nav li a, .accordion .accordion-title, .accordion .accordion-content { padding: 10px; } .left-sidebar .blog { float: none; } .call-to-action .call-out-text { text-align: center; margin-bottom: 0.4em; } .blog.standard .post .content, .blog.standard .post .post-image { width: 100%; height: auto; } .blog.standard .blockquote { padding-left: 0; margin-top: 30px; float: left; } .single-post .content { padding: 180px 40px 40px 40px; } .single-post .section { padding: 0; } .site-nav-top { position: absolute; display: block; } .blog.masonry .grid-sizer, .blog.masonry .box-item { width: 50%; } } @media (max-width: 767px) { .masonry .box-item { width: 100%; } .call-to-action .align-left, .call-to-action .align-right { text-align: center !important; } .testimonial blockquote, .section-title .description { font-size: 24px; } .section .caption.font1 { font-size: 48px; line-height: 48px; } .single-post .content .description, .section.page-title .description, .section .call-to-action small, .section .section-title .sub-title, .section .caption.font2 { font-size: 10px; line-height: 14px; } .no-mobile .swiper-slide figure { height: 300px; } .section.fullscreen { height: auto; } .admin-bar .site-nav-top { margin-top: 46px; } } @media (max-width: 670px) { .nav-sidebar .container { width: 100%; } .pull-right { float: left; } .icon-box.boxed .icon-box-title { font-size: 24px; } .icon-box.boxed .content-wrapper { min-height: 0; } .align-left, .align-right { text-align: center; } .bottom .align-right { text-align: left; } .site-nav-scrollable-container { padding: 0px 40px 120px; } .single-post .content .title, .page-title .title { font-size: 30px !important; } .blog.masonry .post-title,.blog.standard .post-title { font-size: 24px; } .blog .post .post-icon { float: none; } .blog .post blockquote { margin: 20px; } a.site-nav-close { display: block; } .site-nav .main-nav .mcp-menu li a { font-size: 24px; } .site-nav-up, .site-nav-down { display: none; } .section-title.separator_align_center { margin-bottom: 20px; } .section-title.separator_align_right, .section-title.separator_align_left { display: block; } .section-title.separator_align_right h2, .section-title.separator_align_left h2 { text-align: center; margin-bottom: 40px; } .section-title.separator_align_right span, .section-title.separator_align_left span { display: block; width: 100%; text-align: center; padding: 10px 50px; } .section-title.separator_align_right, .section-title.separator_align_left { text-align: center; } h3.call-out-text, .section-title h2 { font-size: 32px !important; } .call-to-action .align-right { text-align: center; margin-bottom: 40px; } .blog.masonry .grid-sizer, .blog.masonry .box-item { width: 100%; } .box-item figure figcaption { padding: 30px; } .navigation a { width: 50px; height: 50px; } .navigation a i { line-height: 50px; } .quote blockquote, .wpb_text_column blockquote, blockquote, .pullquote-right, .pullquote-left { font-size: 16px; padding: 0; } .pullquote-right, .pullquote-left { width: 100%; margin: 30px; } .icon-box { padding: 40px 30px; } .tweet-slider .tweet_text { font-size: 1em; } .testimonial figcaption { margin-left: 190px; } .section.image-parallax-slideshow .bgitem, .section.image-parallax-slideshow .bgholder { position: relative; min-height: 100px; height: auto; } .section.image-parallax-slideshow { min-height: 100px; height: auto; padding: 0; } .section.image-parallax-slideshow .bgholder .bgitem video, .section.image-parallax-slideshow .bgholder .bgitem img { width: 100%; height: auto; } .swiper-container { height: 200px; } .v-tabs .tabs-nav { float: none; width: 100%; max-width: 100%; } .v-tabs .tabs-nav li { float: none; display: inline-block; margin-right: 10px; } .slide-anything .owl-prev { left: 0; } .slide-anything .owl-next { right: 0; } } @media (max-width: 450px) { body { font-size: 18px; } .section .bgholder .bgitem { height: 100%; } .section .bgholder .bgitem img, .section .bgholder .bgitem video { height: 100%; width: auto; } /*.site-nav { width: 100%; max-width: 100%; }*/ .nav-right.site-nav-open .site-nav, .nav-left.site-nav-open .site-nav { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .site-nav { -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .site-nav-scrollable-container { width: 100%; } .site-nav .main-nav .mcp-menu li a { font-size: 30px; text-align: center; } .section { padding: 60px 0; } .section-nav { display: none; } .blog.standard .post .content { padding: 30px; } .blog.standard.boxed .post .content { padding: 0; } .about-author .author-avatar { float: none; } .about-author .author-details { margin-left: 0; } .testimonial .author-image { width: 100%; float: none; } .tweet-slider .tweet_list { padding: 0 30px; } .testimonial figcaption { margin-left: 0; } .h-tabs .tabs-nav li a { margin: 0; } .icon-box.standard .icon-wrap { width: 90px; height: 90px; } .icon-box.standard.align-left .content { margin-left: 110px; } .icon-box.standard.align-right .content { margin-right: 110px; } .icon-box.boxed { padding: 20px; } .icon-box.boxed.align-right .icon-wrap, .icon-box.boxed.align-left .icon-wrap { width: 40px; } .icon-box.boxed.align-left .content { margin-left: 60px; } .icon-box.boxed.align-right .content { margin-right: 60px; } .testimonial .post-title, .box-item .quote blockquote cite, .box-item figure figcaption .post-title { font-size: 21px; } .single-post .post-stats { margin: 0 auto; padding-right: 0; } } @font-face { font-family: 'amandaicons'; src: url('font/amandaicons.eot?86522037'); src: url('font/amandaicons.eot?86522037#iefix') format('embedded-opentype'), url('font/amandaicons.woff?86522037') format('woff'), url('font/amandaicons.ttf?86522037') format('truetype'), url('font/amandaicons.svg?86522037#amandaicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'amandaicons'; src: url('../font/amandaicons.svg?86522037#amandaicons') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "amandaicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-plus:before { content: '\e800'; } /* '' */ .icon-cancel:before { content: '\e801'; } /* '' */ .icon-plus-squared-alt:before { content: '\e802'; } /* '' */ .icon-minus-squared-alt:before { content: '\e803'; } /* '' */ .icon-quote-right:before { content: '\e804'; } /* '' */ .icon-menu:before { content: '\e805'; } /* '' */ .icon-facebook:before { content: '\e806'; } /* '' */ .icon-twitter:before { content: '\e807'; } /* '' */ .icon-instagram:before { content: '\e808'; } /* '' */ .icon-dribbble:before { content: '\e809'; } /* '' */ .icon-github-circled:before { content: '\e80a'; } /* '' */ .icon-behance:before { content: '\e80b'; } /* '' */ .icon-youtube:before { content: '\e80c'; } /* '' */ .icon-angle-right:before { content: '\e80d'; } /* '' */ .icon-search:before { content: '\e80e'; } /* '' */ .icon-clock:before { content: '\e80f'; } /* '' */ .icon-th-large:before { content: '\e810'; } /* '' */ .icon-comment-alt2:before { content: '\e811'; } /* '' */ .icon-user-outline:before { content: '\e812'; } /* '' */ .icon-angle-left:before { content: '\e813'; } /* '' */ .icon-folder-empty:before { content: '\e814'; } /* '' */ .icon-angle-up:before { content: '\e815'; } /* '' */ .icon-link:before { content: '\e816'; } /* '' */ .icon-download:before { content: '\e817'; } /* '' */