/********************************************************************************************* Theme Name: Venture Theme URI: http://www.wpzoom.com/themes/venture Version: 2.0 Author: WPZOOM Author URI: http://www.wpzoom.com License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 1. Toolbox CSS 2. Global Styles 3. Header 4. Navigation 5. Featured Slider 6. Portfolio Archive 7. Portfolio Item 8. Archive posts 9. Single posts 10. Comments 11. Sidebar & Widgets 12. Footer **********************************************************************************************/ /********************************************************************************************* 1. Toolbox CSS *********************************************************************************************/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 600 } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: none; margin: 0; padding: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } figure { margin: 0 } img { vertical-align: middle } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px } small { font-size: 85% } mark { padding: 0.2em } ul, ol { list-style-position: inside; margin: 0; padding: 0; } ul ul, ol ol, ul ol, ol ul { margin: 0 } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857 } dt { font-weight: bold } dd { margin-left: 0 } blockquote:before, blockquote:after { content: "" } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .sticky, .bypostauthor { } /* Smart clearfix */ .clear, .cleaner { clear: both; height: 0; overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* Text Selection Color */ ::-moz-selection { color: #fff; background: #08ceff; } ::selection { color: #fff; background: #08ceff; } .floatleft { float: left; } .floatright { float: right; } label { display: block; margin-bottom: 10px; font-weight: 500; } input, textarea { padding: 8px 12px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 300; background: white; border: 1px solid #e2e2e2; width: auto; color: #444; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } input[type=text], textarea { -webkit-appearance: none; } input:focus, textarea:focus { border-color: #ccc; outline: 0; } button, input[type=button], input[type=reset], input[type=submit] { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; background-color: #ea6c35; border: none; color: white; border-radius: 2px; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; background: #222; } /* Navigation */ div.navigation { position: relative; text-align: center; font-weight: normal; font-size: 16px; margin: 0 0 30px; } div.navigation a { padding: 6px 12px; margin: 0 4px; display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; color: #666; border-radius: 3px; } div.navigation a:hover { background-color: #f2f2f2; } div.navigation span.current { padding: 6px 12px; margin: 0 4px; font-weight: 500; border-radius: 3px; background: #ccc; display: inline-block; color: #fff; } div.navigation span.pages { margin-right: 15px; display: none; } div.navigation span.dots { color: #999; line-height: 100%; margin: 0 5px; } div.navigation .alignleft, div.navigation .alignright { margin: 0 } div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 20px; border: 1px solid #e6e6e6; color: #666; border-radius: 3px; } div.navigation .prev { left: 0 } div.navigation .next { right: 0 } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?-ill5ly'); src: url('fonts/icomoon.eot?#iefix-ill5ly') format('embedded-opentype'), url('fonts/icomoon.ttf?-ill5ly') format('truetype'), url('fonts/icomoon.woff?-ill5ly') format('woff'), url('fonts/icomoon.svg?-ill5ly#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /********************************************************************************************* 2. Global Styles *********************************************************************************************/ html { min-height: 100%; } body { font-family: "Source Sans Pro", sans-serif; color: #6c8088; font-size: 16px; line-height: 1.6; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; background: #FCFCFD; background: -moz-linear-gradient(top, #f2f6f9 0%, #fbfcfd 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f2f6f9 0%, #fbfcfd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f6f9 0%, #fbfcfd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f6f9 0%, #fbfcfd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f6f9 0%, #fbfcfd 100%); /* W3C */ } /* Links */ a { text-decoration: none; color: #10a4dd; outline: none; border: none; } a:hover { text-decoration: none; color: #222; } p { margin: 0 0 16px; } body.home .home_column.home_content p { margin: 12px 0 16px 0; } .inner-wrap { max-width: 1140px; margin: 0 auto; } .content-wrap { position: relative; background-color: #fff; padding: 20px 30px 30px; border: 1px solid #ebf0f2; border-bottom: none; margin: 40px 0 0; } #homepage-wrap { position: relative; z-index: 10; background-color: #fff; width: 1140px; padding: 50px 30px 0; border: 1px solid #ebf0f2; border-bottom: none; margin: -30px auto 0; } /********************************************************************************************* 3. Header *********************************************************************************************/ #header { padding: 25px 0; background: #fff; border-bottom: 1px solid #ebf0f2; } .header-top { padding: 10px 0; border-bottom: 1px solid #ebf0f2; text-align: right; font-size: 16px; background: #fff; } /* Logo Styles */ .navbar-brand { float: left; } .navbar-brand h1 { margin: 0; line-height: 1.1; font-size: 40px; font-weight: 600; color: #10a4dd; } .navbar-brand a { color: #10a4dd; } .navbar-brand a:hover { text-decoration: none; color: #222; } .navbar-brand img { max-width: 100%; height: auto; } .tagline { margin: 0; color: #b4babc; } /* Top Intro Bar */ #heading { position: relative; font-size: 30px; color: #6c8088; background: #F2F6F9; padding: 22px 0; } #heading p { margin: 0; } #heading h3 { font-size: 26px; line-height: 1.4; margin: 0; padding: 0; float: left; width: 70%; } #heading h2 { font-weight: bold; font-size: 40px; color: #333; line-height: 1.3; } .cta-btn { background-color: #b0040e; border-radius: 3px; color: #fff; float: right; font-size: 18px; margin-top: 30px 0 0 30px; padding: 10px 30px; text-decoration: none; transition-duration: 200ms; margin-top: 30px !important; } .inner-wrap a { float: right; margin-top: 30px; width: auto; } .cta-btn:hover { background-color: #486fb4; color: #fff; } /********************************************************************************************* 4. Navigation *********************************************************************************************/ .main-navbar { float: right; margin-top: 5px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { display: inline-block; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 6px 0px 0 4px; } .sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white } .navbar-toggle { display: none; position: relative; float: left; margin: 8px 0 0; padding: 9px 10px; background: #f9f9f9; border-radius: 2px; } .navbar-toggle:hover { background: #10a4dd; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #10a4dd; } .navbar-toggle:hover .icon-bar { background: #fff; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px } .navbar-nav { font-size: 18px; font-weight: 400; position: relative; z-index: 100; text-align: center; } .navbar-nav > li { padding: 15px 0 15px 35px; position: relative; } .navbar-nav > li:first-child { padding-left: 0; } .navbar-nav > li:last-child { margin-right: 0 } .navbar-nav a { display: block; position: relative; color: #666; text-decoration: none; font-size: 18px; font-weight: 400; padding: 0 0 4px; } .navbar-nav a:hover { text-decoration: none; color: #000; } .navbar-nav ul { background: #fff; text-align: left; margin: 0; padding: 10px; font-size: 16px; left: 10%; width: 170px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; } .navbar-nav > li > ul:before { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -7px; left: 31px; z-index: 470; } .navbar-nav > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e5e5e5; position: absolute; top: -8px; left: 30px; z-index: 460; } .navbar-nav ul a { line-height: 1.5; text-transform: none; padding: 5px 10px; } .navbar-nav ul ul { right: 100%; margin-top: 0px; } .navbar-nav .current-menu-item a, .navbar-nav .current_page_item a, .navbar-nav .current-menu-parent a { color: #10a4dd; } .navbar-nav .current_page_item ul a, .navbar-nav .current-menu-parent ul a, .navbar-nav .current_page_parent ul a { color: #666; border: none; } /* WooCommerce Cart Icon */ a.cart-button:before { content: "\f174"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/24px 'dashicons'; vertical-align: top; margin: 0 8px 0 0; } a.cart-button { display: block; } /********************************************************************************************* 5. Featured Slider *********************************************************************************************/ #slider { margin: 0; position: relative; height: 520px; overflow: hidden; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; } .slides > li { -webkit-backface-visibility: hidden; } #slider .slides > li a { display: block; height: 100%; width: 100%; } #slider .slides > li { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 520px; overflow: hidden; display:block; } .slides > li h3 { display: inline-block; font-size: 45px; font-weight: 600; line-height: 1.5; color: #fff; background-color: #0DA6D7; background-color: rgba(0, 167, 231, 0.9); padding: 0 30px 0 20px; margin-top: 130px; } .slides > li .excerpt { display: inline-block; position: absolute; font-size: 20px; line-height: 1.5; color: #d1d9dc; background: #61696d; background: rgba(97, 105, 109, .8); max-width: 640px; padding: 15px 20px; } .slides > li .excerpt:last-child { margin-bottom: 0; } .slides > li .li-wrap { width: 1140px; margin: 0 auto; position: relative; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 0 15px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px } /* Nav Dots */ .flex-control-nav { text-align: center; position: absolute; bottom: 10%; height: 30px; width: 100%; left: 0; z-index: 1000; pointer-events: none; } .flex-control-nav li { display: inline-block; position: relative; width: 16px; height: 16px; margin: 8px; pointer-events: auto; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999em; background: #ddd; background: rgba(150,150,150,0.1); height: 100%; width: 100%; border-radius: 50%; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); } .flex-control-nav li a.flex-active:after { content: ''; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } #slider .flex-direction-nav { position: absolute; z-index: 510; top: 48%; width: 100%; list-style: none; padding: 0; } #slider .flex-direction-nav li a { position: absolute; font-size: 0; display: block; width: 40px; height: 43px; cursor: pointer; -moz-transition: all 100ms; -webkit-transition: all 100ms; transition: all 100ms; } #slider .flex-direction-nav .flex-prev:after, #slider .flex-direction-nav .flex-next:after { font: normal 44px/14px 'icomoon'; display: inline-block; content: "\e601"; vertical-align: top; padding: 15px 0; -webkit-font-smoothing: antialiased; color: #fff; opacity: .8; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } #slider .flex-direction-nav .flex-next:after { content: "\e600"; } #slider .flex-direction-nav .flex-prev:hover:after, #slider .flex-direction-nav .flex-next:hover:after { opacity: 1; text-decoration: none; } #slider .flex-direction-nav .flex-prev { left: 2%; } #slider .flex-direction-nav .flex-next { right: 2%; } /********************************************************************************************* 6. Portfolio Archive *********************************************************************************************/ #portfolio h3.title a { float: right; font-size: 14px; font-weight: normal; padding: 5px 0 0; } .portfolio-grid { list-style-type: none; font-size: 0; } .portfolio-isotope .portfolio-grid { display: none; margin: 0; } .portfolio-grid li { float: none; display: inline-block; vertical-align: top; width: 31%; margin: 0 2.3% 40px 0; position: relative; text-align: center; } .portfolio-grid li .post-thumb { margin: 0 0 15px; position: relative; } .portfolio-grid li .post-thumb a { display: block; position: relative; } .portfolio-grid li img { max-width: 100%; height: auto; } .portfolio-grid li .post-thumb:hover img { opacity: 0.8; } .portfolio-grid li h3 { margin: 0 0 3px; font-size: 22px; font-weight: 600; line-height: 1.2; } .portfolio-grid li h3 a { color: #222; } .portfolio-grid li h3 a:hover { color: #10a4dd; } .portfolio-grid li .portfolio-sub { font-size: 16px; font-weight: normal; } .portfolio-grid li:hover { transition: 0.2s ease all; } .portfolio-grid .isotope-item { z-index: 2; } .portfolio-grid .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .portfolio-grid.isotope, .portfolio-grid.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .portfolio-grid.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .portfolio-grid.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .portfolio-grid.no-transition, .portfolio-grid.no-transition .isotope-item, .portfolio-grid .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .portfolio-tags { margin: 0 0 25px; } .portfolio-tags a { font-size: 16px; font-weight: normal; color: #666; padding: 0 0 4px; border-bottom: 1px solid transparent; } .portfolio-tags a:hover { text-decoration: none; color: #000; } .portfolio-tags .portfolio-taxonomies { list-style-type: none; } .portfolio-tags .portfolio-taxonomies .cat-item { margin: 0 20px 10px 0; display: inline-block; } .portfolio-tags .portfolio-taxonomies .current-cat a { color: #000; border-bottom: 1px solid #81bff0; } /********************************************************************************************* 7. Portfolio Item *********************************************************************************************/ #portfolio-slider { margin: 0 0 20px; width: 750px; position: relative; overflow: hidden; } #portfolio-slider .slides:first-child { display: block; } #portfolio-slider .flex-direction-nav { position: absolute; bottom: 8px; right: 8px; width: 100px; height: 30px; } #portfolio-slider .flex-direction-nav a { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px; text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease; } #portfolio-slider .flex-direction-nav .flex-next { background-position: -41px 0; right: 0; } #portfolio-slider .flex-direction-nav .flex-prev { right: 31px; } #portfolio-slider .flexslider:hover .flex-next { opacity: 0.8; background-position: 31px -33px; } #portfolio-slider .flexslider:hover .flex-prev { opacity: 0.8; background-position: 0 -33px; } #portfolio-slider .flex-next:hover, #portfolio-slider .flex-prev:hover { opacity: 1; } #portfolio-slider .flex-viewport li .postcontent { height: 100%; overflow: hidden; } #portfolio-slider .flex-active-slide .slide_caption { display: block; position: absolute; background: rgba(0,0,0,0.1); bottom: 0; color: #fff; left: 10px; padding: 0 10px; } .aside { float: right; width: 300px; margin: 0; box-shadow: 0 0 3px rgba(0,0,0,.1); border: 1px solid #ebf0f2; border-top: 3px solid #6c8088; } .aside h3 { font-size: 18px; font-weight: bold; color: #333; border-bottom: 1px solid #ebf0f2; padding: 10px 15px; margin: 0 0 10px; } .aside h4 { color: #333; font-weight: bold; border-bottom: 1px solid #ebf0f2; padding: 0 0 10px; margin: 15px 0 10px; } .aside .inner { padding: 10px 15px; } .aside ul li { list-style-type: square; margin: 0 0 0 20px; } .similar-projects { margin-top: 60px; } .similar-projects > h3 { font-size: 24px; font-weight: bold; color: #333; border-bottom: 1px solid #ebf0f2; padding-bottom: 15px; margin-bottom: 30px; } /********************************************************************************************* 8. Archives/Blog posts *********************************************************************************************/ .recent-posts, .post-wrap { position: relative; float: left; width: 738px; } .post-wrap.full-width { width: 100%; float: none; } .recent-posts > article { margin: 0 0 50px; padding: 0 0 30px; border-bottom: 1px solid #ebf0f2; } .breadcrumbs { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ebf0f2; } .page-title { font-weight: 600; font-size: 40px; color: #333; line-height: 1.3; margin: 0 0 20px; } .post-thumb { position: relative; overflow: hidden; margin: 0 0 15px; } .post-thumb img { max-width: 100%; height: auto; } .more_link { display: inline-block; padding: 0; border-bottom: 1px solid #ddd; transition: all .25s ease-in-out; font-weight: 600; color: #6c8088; font-size: 16px; } .more_link:hover { color: #333; border-color: #6c8088; text-decoration: none; } .more_link:active { border-color: #10a4dd; } /********************************************************************************************* 9. Single posts *********************************************************************************************/ h1.entry-title { margin-top: 0; margin-bottom: 15px; font-size: 40px; font-weight: 600; line-height: 1.2; color: #222; } h3.entry-title { margin-top: 0; margin-bottom: 15px; font-size: 30px; font-weight: 600; line-height: 1.3; color: #222; } h3.entry-title a { color: #333; } h3.entry-title a:hover { color: #10a4dd; } article .post-thumb { display: block; } article .post-thumb img { max-width: 100%; height: auto; } .entry-meta { margin: 0 0 20px; } .entry-meta a { color: #333; border-bottom: 1px solid #ccc; } .entry-meta a:hover { color: #10a4dd; text-decoration: none; } .entry-meta span { display: inline; margin-right: 15px; } .shop-wrapper { overflow: hidden; } .entry-content { margin: 0 0 20px; } .entry-content:before, .entry-content:after { content: " "; display: table; } .entry-content:after { clear: both } .entry-content p { margin-bottom: 20px } .entry-content p:last-child { margin-bottom: 0 } .entry-content img { max-width: 100%; height: auto; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 20px; line-height: 1.3; font-weight: 600; color: #222; } .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize { margin-bottom: 20px; max-width: 100%; height: auto; } .entry-content ul, .entry-content ol { margin: 0 0 14px 14px } .entry-content li ul, .entry-content li ol { margin-bottom: 0 } .entry-content li { list-style-position: inside } .entry-content ul li { list-style-type: square } .entry-content ol li { list-style-type: decimal } .entry-content blockquote { border-left: solid 3px #ddd; font-style: italic; font-size: 20px; margin: 45px 40px; padding: 0 0 0 40px; } /* [gallery] shortcode */ .entry-content .gallery .gallery-item { max-width: 150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .entry-content .gallery { clear: both; margin: auto; text-align: center; } .entry-content .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.6; transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } .gallery img { width: 150px; height: auto; } /* Images align */ .entry-content .aligncenter, div.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; } .alignleft, .entry-content .alignleft { float: left; margin-right: 15px; } .alignright, .entry-content .alignright { float: right; margin-left: 15px; } /* Caption for images */ .entry-content .wp-caption { max-width: 100% !important; width: auto; text-align: center; } .entry-content .wp-caption img { background: none; margin: 0; border: 0 none; max-width: 100%; width: auto; height: auto; } .entry-content .wp-caption-text, .gallery-caption { color: #868686; font-size: 14px; margin: 0; padding: 15px 0; text-align: center; } .entry-content .wp-caption.aligncenter { margin: 0 auto 15px } img.wp-smiley { border: none; padding: 0; } .entry-content .fullimg .wp-caption.aligncenter { margin-bottom: 0 } .entry-content .fullimg .aligncenter { margin-bottom: 0 } .entry-content .fullimg p { margin-bottom: 0 } .single .tag_list { margin: 10px 0; } .single .tag_list .separator { margin: 0 5px 0 0; color: #aaa; } /* Author Bio */ .single .post_author { margin-top: 25px; padding: 35px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .single .author-description { overflow: hidden; } .single .post_author .author-title { margin: 0 0 14px; font-size: 18px; font-weight: 600; } .single .post_author .author-bio { margin-bottom: 0; } .single .post_author > img { float: left; margin-right: 25px; -webkit-border-radius: 50%; border-radius: 50%; } /********************************************************************************************* 10. Comments *********************************************************************************************/ #comments { margin: 40px 0 0; } #comments > h3, #respond > h3 { font-weight: 600; font-size: 26px; position: relative; margin: 0 0 30px; color: #333; } #respond h3 { margin-top: 30px } .comment-notes { display: none; } #respond h3 small { font-size: 14px; } .commentlist { list-style-type: none; padding: 0; } .commentlist li { list-style-type: none } .commentlist .children { margin-left: 50px } .commentlist .comment { margin-bottom: 80px; position: relative; } .commentlist .comment:after { width: 100%; content: " "; border-bottom: 1px solid #ebebeb; bottom: -40px; left: 0; position: absolute; } .comment-author:before, .comment-author:after { content: " "; display: table; } .comment-author:after { clear: both } .comment-author .avatar { float: left; border-radius: 50%; margin-right: 22px; margin-bottom: 15px; } .comment-author .fn, .comment-author .fn a { font-size: 18px; font-style: normal; } .comment-author .fn a:hover { } .comment-author .comment-meta, .comment-author .comment-meta a { color: #999; font-size: 14px; } .comment-author .comment-meta a:hover { color: #222; text-decoration: none; } .comment-author a.comment-reply-link, .comment-author a.comment-edit-link { color: #2c343a } .comment-body { font-size: 16px; line-height: 28px; margin-bottom: 40px; } #respond { margin-bottom: 30px } #respond .form_fields p { margin-bottom: 15px } #respond label { display: block; } #respond input { width: 40% } #respond textarea { width: 100% } #respond #submit { width: auto } #respond code { white-space: pre-wrap } .form-allowed-tags { display: none } /********************************************************************************************* 10. Sidebar & Widgets *********************************************************************************************/ #sidebar { width: 325px; position: relative; margin: 0 0 0 15px; float: right; overflow: hidden; } /* Page Template: Sidebar on the Left */ .sidebar-left #sidebar { float: left; margin-right: 25px; margin-left: 0; } .sidebar-left .post-wrap { float: right; } #sidebar .widget { margin-bottom: 50px; position: relative; } #sidebar .widget h3.title { font-size: 24px; font-weight: 600; color: #333; margin: 0 0 20px; line-height: 1.2; } #sidebar .widget a:hover { text-decoration: none; } .widget ul { clear: both; line-height: 1.7; } .widget ul li { list-style-type: none; } .widget ul ul { margin: 0; padding: 0; border-top: none; } .widget ul ul li { border: none; } .widget_tag_cloud a { line-height: 1.3em; font-weight: normal; } /* Calendar widget */ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; font-weight: bold; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #EFEEEE; text-align: center; padding: 8px; } #wp-calendar tbody td:hover { background: #E8E8E8; } #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; } /* Homepage Widgets */ .homepage_widgets .widget { margin: 0 0 60px; padding: 0 0 60px; border-bottom: 1px solid #eee; } .homepage_widgets > div:last-child { border-bottom: none; padding: 0 0 20px; margin: 0; } .homepage_widgets .widget h3.title { line-height: 1.3; font-weight: 600; font-size: 26px; margin: 0 0 30px; color: #222; text-align: center; } .homepage_widgets .widget h3.title a { color: #222; } .homepage_widgets .widget h3.title a:hover { color: #10a4dd; } .home_separator { width: 100%; height: 1px; background: #eee; margin: 30px 0 50px; } .homepage_widgets .home_column { width: 31.5%; margin: 0 2.75% 0 0; float: left; } .homepage_widgets .home_column.last { margin: 0 } .homepage_widgets .home_column .widget { padding-bottom: 0; margin-bottom: 25px; border-bottom: none; } .homepage_widgets .home_column h3.title { font-size: 22px; } /* Portfolio widget on Homepage */ .homepage_widgets .portfolio-grid { font-size: 0; } .homepage_widgets .portfolio-grid li { float: none; display: inline-block; vertical-align: top; width: 31.5%; margin-right: 2.75%; font-size: 16px; } .homepage_widgets .portfolio-grid li:nth-child(3n+3) { margin-right: 0; } /* Recent Posts */ .feature-posts-list { list-style-type: none; padding: 0; } .feature-posts-list:before, .feature-posts-list:after { content: " "; display: table; } .feature-posts-list:after { clear: both } .feature-posts-list > li { margin: 0 0 20px; } .feature-posts-list .post-thumb { position: relative; overflow: hidden; margin: 0 20px 15px 0; max-width: 35%; float: left; } .feature-posts-list .post-thumb img { max-width: 100%; height: auto; } .feature-posts-list h3 { font-weight: 600; margin: 0 0 15px; font-size: 18px; line-height: 1.3; } .feature-posts-list h3 a { color: #333; } .feature-posts-list h3 a:hover { color: #10a4dd; } /* Recent Posts on Homepage */ .homepage_widgets .feature-posts-list { font-size: 0; } .homepage_widgets .feature-posts-list > li { width: 31.5%; margin: 0 2.75% 50px 0; display: inline-block; vertical-align: top; font-size: 16px; box-shadow: 0 0 3px rgba(0,0,0,.1); } .homepage_widgets .feature-posts-list > li:nth-child(3n+3) { margin-right: 0; } .homepage_widgets .feature-posts-list h3 { line-height: 1.3; font-size: 22px; margin: 5px 0 15px; } .homepage_widgets .feature-posts-list h3 a { color: #222; } .homepage_widgets .feature-posts-list h3 a:hover { color: #10a4dd; } .homepage_widgets .feature-posts-list .post-thumb { margin: 0; float: none; max-width: 100%; } .homepage_widgets .feature-posts-list .post-content { padding: 15px 30px; border: 1px solid #ebf0f2; border-bottom: none; border-top: none; box-shadow: 0 3px 0 #6c8088; border-top: 0; } .homepage_widgets .feature-posts-list .more_link { margin-bottom: 10px; } /* Call to Action Widget */ .wpzoom-calltoaction { font-size: 18px; position: relative; } .wpzoom-calltoaction .cta-msg { line-height: 1.7; } .cta_wrapper { position: relative; } .cta_content { overflow: hidden; } .wpzoom-calltoaction .cta-msg p { margin: 0; } .wpzoom-calltoaction:before, .wpzoom-calltoaction:after { content: " "; display: table; } .wpzoom-calltoaction:after { clear: both } .wpzoom-calltoaction .cta-msg:last-child { margin-bottom: 0; } .wpzoom-calltoaction .cta-btn { float: right; margin: 5px 0 0 30px; font-size: 18px; text-decoration: none; color: #fff; background-color: #B0040E; padding: 13px 30px; border-radius: 3px; transition-duration: 200ms; } .wpzoom-calltoaction .cta-btn:hover, .wpzoom-calltoaction .cta-btn:active { background-color: #486fb4; } .homepage_widgets .widget.wpzoom-calltoaction h3.title { text-align: left; margin-bottom: 15px; font-weight: 600; } .homepage_widgets .widget.wpzoom-calltoaction .cta_align_center h3.title { text-align: center; } .cta_align_center { text-align: center; } .wpzoom-calltoaction .cta_align_center .cta-btn { display: inline-block; float: none; margin-top: 20px; margin-left: 0px!imporatant; } .wpzoom-calltoaction .cta_align_left .cta-btn { float: left; margin-right: 30px; } /* Testimonial Widget */ .wpzoom-testimonial { text-align: center; position: relative; } .wpzoom-testimonial .slides li { display: none; } .wpzoom-testimonial .testomonial_wrapper { padding: 0 7%; position: relative; } .wpzoom-testimonial .flex-direction-nav a { position: absolute; top: 30%; display: block; cursor: pointer; font-size: 0; } .wpzoom-testimonial .flex-direction-nav .flex-prev:after, .wpzoom-testimonial .flex-direction-nav .flex-next:after { font: normal 34px/14px 'icomoon'; display: inline-block; content: "\e601"; vertical-align: top; padding: 15px 10px; -webkit-font-smoothing: antialiased; color: #6c8088; border-radius: 50px; opacity: .8; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } .wpzoom-testimonial .flex-direction-nav .flex-next:after { content: "\e600"; } .wpzoom-testimonial .flex-direction-nav .flex-prev:hover:after, .wpzoom-testimonial .flex-direction-nav .flex-next:hover:after { opacity: 1; text-decoration: none; color: #333; } .wpzoom-testimonial .flex-direction-nav .flex-prev { left: 0; } .wpzoom-testimonial .flex-direction-nav .flex-next { right: 0; } .wpzoom-testimonial blockquote { margin: 0; font-size: 20px; line-height: 36px; } .wpzoom-testimonial blockquote:last-child { margin-bottom: 0; } .wpzoom-testimonial blockquote>p:before { content: "“"; margin-right: .2em; } .wpzoom-testimonial blockquote>p:after, .wpzoom-testimonial blockquote>p:before { display: inline; font-size: 50px; } .wpzoom-testimonial blockquote>p:after { content: "„"; position: relative; bottom: -4px; margin-left: .2em; line-height: 0; } .testimonial_footer { display: table; margin: 25px auto 0; } .testimonial_footer .testimonial-thumb { margin: 0 20px 0 0; display: inline-block; vertical-align: middle; } .testimonial_footer .testimonial-thumb img { -webkit-border-radius: 50%; border-radius: 50%; } .testimonial_details { display: inline-block; vertical-align: middle; text-align: left; } .wpzoom-testimonial h4 { font-size: 20px; font-weight: 600; margin: 5px 0 0; color: #222; } .wpzoom-testimonial .position { color: #798286; margin: 0; } .wpzoom-testimonial .company { display: inline-block; } .wpzoom-testimonial .company a { color: #10a4dd; } .wpzoom-testimonial .company a:hover { color: #222; } /* Page Template: Testimonials */ .page-template-testimonials .wpzoom-testimonial { text-align: left; } .page-template-testimonials .testimonial { margin: 0 3% 50px 0; width: 48%; display: inline-block; vertical-align: top; box-shadow: 0 0 3px rgba(0,0,0,.1), 0 3px 0 #6c8088; padding: 15px 30px; border: 1px solid #ebf0f2; border-bottom: none; } .page-template-testimonials .testimonial:nth-child(2n+2) { margin-right: 0; } .page-template-testimonials .testimonial_footer { display: block; margin: 25px 0 0; } /* Subpages widget */ .wpzoom_subpages ul { font-size: 0; } .wpzoom_subpages ul > li { display: inline-block; vertical-align: top; font-size: 16px; } .wpzoom_subpages ul.subpages-3 > li { width: 31.5%; margin: 0 2.75% 30px 0; } .wpzoom_subpages ul.subpages-3 > li:nth-child(3n+3) { margin-right: 0; } .wpzoom_subpages ul.subpages-4 > li { width: 23%; margin: 0 2.6666% 30px 0; } .wpzoom_subpages ul.subpages-4 > li:nth-child(4n+4) { margin-right: 0; } .wpzoom_subpages ul.subpages-5 > li { width: 18%; margin: 0 2.5% 30px 0; } .wpzoom_subpages ul.subpages-5 > li:nth-child(5n+5) { margin-right: 0; } .widget.wpzoom_subpages ul h3.title { color: #222; font-size: 22px; font-weight: 600; color: #222; line-height: 1.2; margin: 0 0 15px; } /* Single Page Widget */ .homepage_widgets .wpzoom-singlepage h3.title { text-transform: none; font-size: 30px; text-align: left; font-weight: 600; line-height: 1.2; margin: 0 0 15px; } .homepage_widgets .home_column .wpzoom-singlepage h3.title { text-transform: none; font-size: 22px; text-align: left; font-weight: 600; line-height: 1.2; margin: 0 0 15px; } .wpzoom-singlepage .featured_page_content { overflow: hidden; font-size: 18px; } .home_column .wpzoom-singlepage .featured_page_content { font-size: 16px; } .post-thumb_top { margin: 0 0 20px; } .post-thumb_left { float: left; margin: 0 30px 0 0; } .post-thumb_right { float: right; margin: 0 0 0 30px; } .post-video_left, .post-video_right { width: 50%; } .wpzoom-singlepage img { max-width: 100%; height: auto; } /* Clients Widget */ .wpzoom-clients .clients_widget li { margin-right: 30px; overflow: hidden; } .wpzoom-clients .clients_widget li:last-child { margin-right: 0; } .wpzoom-clients { position: relative; } .wpzoom-clients .flex-direction-nav { position: absolute; top: 22px; right: 0; } .wpzoom-clients .flex-direction-nav li { display: inline-block; } .wpzoom-clients .flex-direction-nav a { display: block; text-indent: -9999em; background: #858f95 url('images/clients-arrows.gif') 8px 6px no-repeat; height: 21px; width: 21px; overflow: hidden; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .wpzoom-clients .flex-direction-nav a.flex-next { background-position: -13px 6px; } .wpzoom-clients .flex-direction-nav a:hover, .wpzoom-clients .flex-direction-nav a:active { background-color: #ec5706; } .wpzoom-clients .flex-direction-nav a.flex-disabled { opacity: 0.5; pointer-events: none; } /* MailPoet Widget */ .widget_wysija input { width: 100%; } .wysija-paragraph { margin: 15px 0 0; } .widget_wysija_cont .updated, .widget_wysija_cont .error, .widget_wysija_cont .xdetailed-errors { font-size: 14px; padding: 10px; line-height: 1.7; } /********************************************************************************************* 12. Footer *********************************************************************************************/ .site-footer { font-size: 16px; background: #F2F6F9; padding: 30px; border: 1px solid #ebf0f2; } .footer-widgets { border-bottom: 1px solid #DAE3E6; } .footer-widgets:before, .footer-widgets:after { content: " "; display: table; } .footer-widgets:after { clear: both } .footer-widgets .column { float: left; } .footer-widgets.widget-columns-4 .column { width: 23%; margin-right: 2.6666%; } .footer-widgets.widget-columns-3 .column { width: 31%; margin-right: 3.5%; } .footer-widgets.widget-columns-2 .column { width: 48%; margin-right: 4%; } .footer-widgets.widget-columns-1 .column { width: 100%; } .footer-widgets.widget-columns-2 .column:nth-child(2n+2), .footer-widgets.widget-columns-3 .column:nth-child(3n+3), .footer-widgets.widget-columns-4 .column:nth-child(4n+4) { margin-right: 0; } .footer-widgets .widget { margin-bottom: 40px; } .footer-widgets .widget h3.title { margin: 0 0 15px; font-size: 22px; color: #333; font-weight: 600; } .footer-menu { margin: 0 0 15px; } .footer-menu ul { list-style: none; } .footer-menu ul li { display: inline; margin-right: 20px; } .footer-menu a { color: #6c8088; } .footer-menu a:hover { color: #10a4dd; } .footer-menu ul li:last-child { margin-right: 0; } .site-info { padding: 30px 0 0; text-align: center; } .site-info p { margin: 0 0 10px; } .site-info:before, .site-info:after { content: " "; display: table; } .site-info:after { clear: both } /* WooCommerce */ .woocommerce-checkout #payment ul.payment_methods li { list-style-type: none; } .woocommerce-checkout #payment ul.payment_methods li label { display: inline; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { text-shadow: 0 1px 1px rgba(0,0,0,.18) !important; text-shadow: 0 1px 1px rgba(255,255,255,.18) !important; border: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: #10a4dd !important; color: #fff !important; padding: 10px !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover { opacity: 0.9 } /* jQuery.mmenu CSS */ .mm-hidden { display: none !important } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1 } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-header > a { text-decoration: none; display: block; padding: 10px 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-header .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-header .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a, .mm-listview a:hover { text-decoration: none } .mm-listview > li { position: relative } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px } .mm-listview .mm-next.mm-fullsubopen { width: 100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px } .mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after { border-top: none; border-left: none; right: 20px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview > li.mm-spacer { padding-top: 40px } .mm-listview > li.mm-spacer > .mm-next { top: 40px } .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px } .mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden } html.mm-opened .mm-page { min-height: 100vh } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; } .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) } .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) } .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white label.mm-toggle:before { background: white } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } /* Custom mmenu **/ .mm-listview { font-size: 16px } .mm-menu > .mm-panel { padding: 20px 40px; } .cta-btn { margin-top: 30px; } .inner-wrap a { margin-top: 30px !important; } /*************02-11-15*************/ .wpzoom-calltoaction .cta-btn { margin: 0!important; } .inner-wrap a { float: none!important; } .entry-content.truck img { width: 100%; } .truck .truck_image { float: left; width: 30%; } .truck .truck_excert { float: left; width: 70%; } .truck h2.truck_title { display: inline-block; } .truck .truck_image img { padding: 0 0 0 5px; width: 100%; margin-bottom: 5px; } .truck article.article-truck { box-shadow: 2px 1px 3px 3px grey; display: inline-block; margin: 5px 0; padding: 10px 10px 0; }