/* Theme Name: Mist Theme URI: http://themeforest.net/item/mist-advanced-multiconcept-theme/12023626 Author: Zozothemes Author URI: http://zozothemes.com/ Description: Mist is a Multi-Purpose business Wordpress Theme built for any type of business such as creative agency, freelancer or general business. The theme is designed uniquely and beautifully with elegant colour, featuring a responsive grid, retina optimization, modern design and much more.. Version: 1.2.5 License: GNU General Public License v3.0 License URI: license.txt Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options Text Domain: zozothemes */ /* ================================= CSS Structure ================================= 1. EXTERNAL STYLES - ISOTOPE - COUNTDOWN - BOOTSTRAP VALIDATOR - MEDIAELEMENT PLAYER - MB YTPLAYER 2. GLOBAL - LINKS - TEXT ELEMENTS - ALIGNMENT - TABLES - CLEARING 3. PAGE LOADER 4. PAGE HEADERS 5. HEADER - HEADER TOP SECTION - HEADER LOGO SECTION - HEADER MAIN SECTION 6. SLIDING BAR 7. LAYOUT 8. FOOTER 9. PARALLAX 10. REVOLUTION SLIDER 11. OWL CAROUSEL 12. TEAM SECTION 13. TESTIMONIALS SECTION 14. TWITTER SECTION 15. PRICING TABLE 16. FEATURES LIST 17. RESPONSIVE VIDEO 18. SOCIAL ICONS 19. BLOG 20. CONTACT US SECTION - CONTACT INFO - CONTACT FORM 7 - GRAVITY FORM 21. MAILCHIMP 22. PORTFOLIO 23. SECONDARY MENU 24. TABS 25. ACCORDION 26. CLIENT SLIDER 27. WIDGETS 28. FEATURED SLIDER 29. CUSTOM CSS 30. WORDPRESS GALLERIES 31. DARK SKINS =========================================================================== */ /* ================================================================ * EXTERNAL STYLES * ================================================================ */ /* ================================================================ * ISOTOPE * ================================================================ */ /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .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; } .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; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ================================================================ * COUNTDOWN * ================================================================ */ .is-countdown { } .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 85px; height: 70px; line-height: 63px; border: 2px solid; position: relative; } .countdown-amount { font-size: 40px; } .countdown-period { display: block; line-height: 20px; font-size: 15px; } .countdown-descr { display: block; width: 100%; } /* ================================================================ * BOOTSTRAP VALIDATOR * ================================================================ */ /* BootstrapValidator v0.5.3 */ .bv-form .help-block { margin-bottom:0; } .bv-form .tooltip-inner { text-align:left; } .nav-tabs li.bv-tab-success > a { color:#3c763d; } .nav-tabs li.bv-tab-error > a { color:#a94442; } .bv-form .bv-icon-no-label { top:0; } .bv-form .bv-icon-input-group { top:0; z-index:100; } /* ================================================================ * MEDIAELEMENT PLAYER ( AUDIO / VIDEO ) * ================================================================ */ .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #000; } .mejs-container.mejs-audio { background: transparent; font-family: inherit; width: 100%; height: 50px !important; } .mejs-overlay-button { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0 !important; } /* Start: CONTROL BAR */ .audio-player { /*height: 50px;*/ width: 100%; } .mejs-container.mejs-audio .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 50px; background: #2C2C2C; border: 1px solid #404040; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls div { display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; border: none; font-size: 16px; line-height: 16px; font-weight: 500; background: none; font-family: inherit; } .mejs-container.mejs-audio .mejs-controls .mejs-button { width: 40px; height: 48px; } .mejs-container.mejs-audio .mejs-button button { display: block; position: absolute; width: 40px; height: 36px; background: url(images/play-pause-icon.png) no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; font-size: 0; line-height: 0; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Start: Time (Current / Duration) */ .mejs-container.mejs-audio .mejs-controls .mejs-time { overflow: hidden; display: block; width: auto; height: 48px; padding: 0; color: #fff; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container.mejs-audio .mejs-controls .mejs-time span { display: block; float: left; width: auto; margin: 0 6px 0 0; color: #fff; font-size: 16px; line-height: 16px; height: 48px; line-height: 48px; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-container.mejs-audio .mejs-playpause-button button { background-position: center 30px; } .mejs-container.mejs-audio .mejs-play button { background-position: center 10px; } .mejs-container.mejs-audio .mejs-pause button { background-position: center -26px; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-container.mejs-audio .mejs-controls .mejs-time-rail { direction: ltr; padding-top: 5px; margin-right: 10px; position: relative; top: 0; left: 0; height: 48px; } .mejs-container.mejs-audio .mejs-time-rail span, .mejs-container.mejs-audio .mejs-time-rail a { display: block; position: absolute; height: 6px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls a:focus > .mejs-offscreen { height: auto; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail span a, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-total { background: #DBE0E4; width: 100%; margin-top: 17px; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { background: url(images/volume-handle.png) 0 0 no-repeat; border: none; width: 20px; height: 20px; top: -7px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; } .mejs-container.mejs-audio .mejs-time-loaded { width: 0; background: #DBE0E4; } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #DBE0E4; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-current { width: 0; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: none; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: none; } /* End: Progress Bar */ /* Start: Mute/Volume */ .mejs-container.mejs-audio .mejs-controls .mejs-volume-button { width: 34px; height: 48px; display: block; } .mejs-container.mejs-audio .mejs-volume-button button { width: 24px; height: 24px; background: url(images/volume-icon.png) 0 0 no-repeat transparent; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { height: 48px; width: 60px; position: relative; cursor: pointer; margin: 0 15px 0 0; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; background: #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { margin: 0; position: absolute; top: 14px; background: url(images/volume-handle.png) 0 0 no-repeat; width: 20px; height: 20px; } /* End: Mute/Volume */ /* Transparent Audio Player */ .transparent-player .mejs-container.mejs-audio .mejs-controls { background:rgba(0, 0, 0, 0) linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0; } /* ================================================================ * MB YTPLAYER * ================================================================ */ /* last modified: 19/04/15 17.35 */ @charset"UTF-8"; @font-face { font-family: 'ytpregular'; src: url('fonts/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('fonts/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTPlayer:focus { outline: 0; } .mbYTP_wrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; /* Chrome, Safari, Opera */ animation: fade .1s infinite alternate; } /* Chrome, Safari, Opera */ @-webkit-keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } /* Standard syntax */ @keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } .mb_YTPlayer.fullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; opacity: 1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5); } .inline_YTPlayer img { border: none!important; margin: 0!important; padding: 0!important; transform: none!important; } /*CONTROL BAR*/ .mb_YTPBar .ytpicon { font-size: 20px; font-family: 'ytpregular'; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar { transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: .1; box-sizing: border-box; } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background:transparent; font:12px/14px Calibri; position:absolute; top:-30px; left:0; padding: 5px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTPBar:hover .buttonBar { background: rgba(0,0,0,0.4); } .mb_YTPBar span { display:inline-block; font:16px/20px Calibri, sans-serif; position:relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span.mb_YTPUrl, .mb_YTPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span.mb_YTPUrl img { width: 60px; } .mb_YTPBar span.mb_OnlyYT { left:185px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar span.mb_YTPUrl a { color: white; } .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPMuteUnmute { cursor: pointer; } /*PROGRESS BAR*/ .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box; } /*RASTER OVERLAY*/ .YTPOverlay.raster { background: url("images/raster.png"); } .YTPOverlay.raster.retina { background: url("images/raster@2x.png"); } .YTPOverlay.raster-dot { background: url("images/raster_dot.png"); } .YTPOverlay.raster-dot.retina { background: url("images/raster_dot@2x.png"); } /* --------------------------------------------------- GLOBAL ------------------------------------------------------- */ body { color: #333; font-weight: 400; font-family: Georgia, "Times New Roman", Times, serif; background: #fff; line-height: 1.8; margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased !important; position: relative; } p { -webkit-font-smoothing: antialiased !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; margin-top:0; margin-bottom: 15px; } .typo-thin, .typo-thin h1, .typo-thin h2, .typo-thin h3, .typo-thin h4, .typo-thin h5, .typo-thin h6, .typo-thin p { font-weight: 300; } .typo-dark h1 > a,.typo-dark h2 > a,.typo-dark h3 > a,.typo-dark h4 > a,.typo-dark h5 > a,.typo-dark h6 > a { color: #333; } .typo-light h1 > a,.typo-light h2 > a,.typo-light h3 > a,.typo-light h4 > a,.typo-light h5 > a,.typo-light h6 > a { color: #fff; } label { font-size: 13px; } legend { margin-bottom: 20px !important; padding-bottom: 20px; } /* LINKS */ a { outline: none; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; } a:hover, a:focus, a:active { color: #333; text-decoration: none; } a:focus, .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline-offset: 0; } /* TEXT ELEMENTS */ blockquote p { font-style: italic; } dd { margin-bottom: 1em; } /* ALIGNMENT */ .alignleft { display: inline; float: left; margin: 0 1.5em 1.5em 0; } .alignright { display: inline; float: right; margin: 0 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* TABLES */ table { width: 100%; margin-bottom: 20px; } table th, table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #e1e1e1; } table th { font-weight: bold; } table thead th { vertical-align: bottom; } table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } iframe { border:none; } /* CLEARING */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } * html .clearfix { height: 1%; } *:first-child+html .clearfix { min-height: 1px; } .clear { clear: both; } img { max-width: 100%; height: auto; } /* BLOCKQUOTE */ blockquote, .blockquote-reverse { border-left: none; border-right: none; padding: 12px 40px; position: relative; font-size: 15px; color: #606060; display:inline-block; } .img-circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* Insert the pseudo element - replicating what FontAwesome does */ blockquote footer, blockquote small, blockquote .small { font-weight: 500; } blockquote blockquote { padding: 0; margin: 0; } blockquote blockquote:before, blockquote blockquote:after { content: none; } blockquote, .blockquote-reverse { font-size: 28px; font-weight: 700; } /* Blockqoute Plain */ .blockquote-plain{ font-family: georgia; font-size: 20px; font-style: italic; line-height: 36px; } /* Button */ .btn, .btn.btn-default, input[type="submit"], button[type="submit"], .vc_general.vc_btn3.vc_btn3-color-primary-bg, .vc_btn.vc_btn-primary-bg, .vc_general.vc_btn3.vc_btn3-color-juicy-pink, .btn-modal.btn-primary { border: none; line-height: 22px; font-weight: normal; outline: none; padding: 9px 20px; color: #333333; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; transition: all 0.4s ease-in-out 0s!important; -moz-transition: all 0.4s ease-in-out 0s!important; -webkit-transition: all 0.4s ease-in-out 0s!important; -o-transition: all 0.4s ease-in-out 0s!important; -ms-transition: all 0.4s ease-in-out 0s!important; } .bg-style.bg-normal .btn, .btn.btn-default, input[type="submit"], button[type="submit"], .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink { background:#333; } .bg-style.bg-normal .btn:hover, .btn.btn-default:hover, input[type="submit"]:hover, button[type="submit"]:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover{ background-color: rgba(0, 0, 0, 0.8); color:#fff; } .vc_btn, a.vc_btn, button.vc_btn, .vc_btn:hover, a.vc_btn:hover, button.vc_btn:hover, .vc_btn:focus, a.vc_btn:focus, button.vc_btn:focus { border:none; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg { background: transparent; border: 1px solid; padding: 8px 20px; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { border: 1px solid; } .bg-skin-dark .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { color:#fff; } .btn.square { border-radius: 0!important; -ms-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; -webkit-border-radius: 0!important; } .btn.white{ color:#fff; } /*Btn large*/ .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-size-lg, .vc_btn3.vc_btn3-size-lg { padding-top:20px; padding-bottom:20px; font-weight:700; } .btn:hover,.btn:focus, .btn.btn-default:hover,.btn.btn-default:focus, input[type="submit"]:hover,input[type="submit"]:focus, button[type="submit"]:hover,button[type="submit"]:focus, .btn-modal.btn-primary:hover, .btn-modal.btn-primary:active, .btn-modal.btn-primary:focus { color:#fff; } .btn.btn-transparent-white, .btn.btn-transparent-white-inverse, .btn.btn-transparent-black, .btn.btn-transparent-black-inverse, .btn.btn-transparent-color, .btn.btn-transparent-color-inverse { font-weight: 600; } .btn-transparent-white, .btn.btn-transparent-white, .btn-transparent-white-inverse:hover, .btn.btn-transparent-white-inverse:hover { background: transparent; border: 2px solid #fff; color: #fff; } .btn-transparent-white:hover, .btn.btn-transparent-white:hover, .btn-transparent-white-inverse, .btn.btn-transparent-white-inverse { background: #fff; border: 2px solid #fff; } .btn-transparent-black, .btn.btn-transparent-black, .btn-transparent-black-inverse:hover, .btn.btn-transparent-black-inverse:hover { background: transparent; border: 2px solid #333333; color: #333333; } .btn-transparent-black:hover, .btn.btn-transparent-black:hover, .btn-transparent-black-inverse, .btn.btn-transparent-black-inverse { background: #333333; border: 2px solid #333333; } .btn-transparent-color, .btn.btn-transparent-color, .btn-transparent-color-inverse:hover, .btn.btn-transparent-color-inverse:hover { background: transparent; border: 2px solid; } .btn-transparent-color:hover, .btn.btn-transparent-color:hover, .btn-transparent-color-inverse, .btn.btn-transparent-color-inverse { border: 2px solid; color: #fff; } .btn:active, .btn.active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .btn.btn-wide { width: 100%; max-width: 205px; } .btn-top-margin { margin-top: 10px; } .search-form .btn, .zozo-mailchimp-form .btn { font-size: 13px; font-weight: 400; } .widget .btn { padding-top: 10px; padding-bottom: 10px; } .btn-search{ background: transparent; } .btn-search:hover, .btn-search:active, .btn-search:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { background-color: #333; color: #fff; } .inline-block, .inline-title { display: inline-block; } .no-padding { padding: 0; } .zozo-rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .pager li > a, .pager li > span { margin-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; color:#333; } .pager li > a > i { font-weight: 700; font-size: 15px; } .pager li.previous > a > i { padding-right: 5px; } .pager li.next > a > i { padding-left: 5px; } .input-group-addon { background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; font-size: 18px; padding-right: 0; } .zozo-input-group-addon input.form-control { border-left: none; } .input-group-btn .btn { height: 40px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } .input-group .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .zozo-top-anchor { display: block; position: absolute; top: 0; font-size: 0; height: 0; line-height: 0; top: 0; } hr { width: 100%; display: inline-block; margin-top: 45px; margin-bottom: 45px; } /* SELECT BOX */ select{ padding: 5px 10px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; -ms- border-radius: 3px; -moz- border-radius: 3px; -o- border-radius: 3px; -webkit- border-radius: 3px; box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; padding: 6px 12px; color: #333; vertical-align: middle; width:100%; } select option{ padding: 10px; } /* Password Form */ .post-password-form label input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 22px; min-height: 40px; padding: 0 12px; } /* ================================================================ * WordPress Core * ================================================================ */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ================================================================ * HIGHTLIGHT * ================================================================ */ .text-hightlight{ background: #ccc; color: #fff; } /* ================================================================ * JUMBOTRON * ================================================================ */ .jumbotron p { margin-top: 20px; margin-bottom: 0; } /* ================================================================ * PAGE LOADER * ================================================================ */ .pageloader { background: #fff; height: 100%; position: fixed; top: 0; width: 100%; z-index: 99999; } .pageloader .zozo-loader .zozo-loader-inner { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 auto; width: 40px; } .pageloader .ball-clip-rotate > div { background-color: #fff; border-radius: 100%; margin: 0 auto; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 3px solid #fff; border-bottom-color: transparent; height: 40px; width: 40px; background: transparent !important; display: inline-block; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* ================================================================ * PAGE HEADERS * ================================================================ */ .page-title-section { background-color: #f7f7f7; border-bottom: 1px solid #e1e1e1; margin: 0; } .page-title-section .page-title-captions h1.entry-title { margin: 0; line-height: 1; font-size: 42px; font-weight: 500; } .page-title-section .page-title-captions .page-entry-slogan { font-weight: 300; font-size: 18px; text-transform: capitalize; margin-bottom: 0; clear: both; margin-top: 10px; } .page-entry-slogan > p { font-size: 14px; max-width: 500px; margin:0 auto; } .page-title-section { width: 100%; /*padding: 10px 0;*/ } .page-title-section .page-title-wrapper-outer { display: table; height: 150px; width:100%; } .page-title-section .page-title-wrapper { display: table-cell; vertical-align: middle; } /*Breadcrumbs*/ .page-title-section .page-title-wrapper .page-title-container{ position: relative; } .page-title-section .page-title-captions h1 { width: 70%; } .page-title-section.page-titlealign-right .page-title-captions h1 { float:right; } .page-title-section .page-title-breadcrumbs { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs { color: #7f7f7f; font-size: 12px; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .zozo-breadcrumb-sep { padding: 0 5px; } .zozo-breadcrumbs .zozo-breadcrumb-sep:last-child { display:none; } /*Title Right*/ .page-title-section.page-titlealign-right .page-title-captions { text-align:right; } .page-title-section.page-titlealign-right .page-title-breadcrumbs { right: auto; left: 15px; } /*Title Center*/ .page-title-section.page-titlealign-center .page-title-captions h1 { width:100%; margin-bottom:10px; } .page-title-section.page-titlealign-center .page-title-captions { text-align:center; margin:0 auto; } .page-title-section.page-titlealign-center .page-title-breadcrumbs { position:relative; right: auto; transform: none; } .page-title-section.page-titlealign-center .page-title-captions .page-entry-slogan { margin-bottom:5px; } /*Title Mini*/ .page-title-section.page-titletype-mini .page-title-captions h1.entry-title { font-size: 16px; margin-bottom:0; } .page-title-section.page-titletype-mini .page-title-captions .page-entry-slogan{ font-size: 13px; margin: 0; } /*Title Dark*/ .page-title-section.page-titleskin-dark{ background-color:#252525; color:#fff; } .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs, .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs a:hover, .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs a:focus{ color:#fff; } /* Page Title Image Overlay */ .page-title-image-bg:after{ width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.8); } .page-titleskin-dark.page-title-image-bg:after{ background: rgba(0,0,0,0.5); } .page-title-image-bg{ position: relative; } .page-title-wrapper { position: relative; z-index: 1; } /* Page Title Description */ .page-entry-slogan > p { font-size: 14px; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 0; } .zozo-parallax { overflow: hidden; position: relative; } .zozo-parallax .zozo_parallax-inner { background-attachment: scroll; background-color: transparent; background-image: inherit; background-position: 50% 0; background-size: cover; left: 0; pointer-events: none; position: absolute; right: 0; /*top: 0;*/ /*bottom: 0;*/ z-index: 0; } .zozo-parallax > * { position: relative; z-index: 1; } .single-post .page-title-captions { width :60%; } .single-post .page-title-section .page-title-breadcrumbs { width :40%; } /* ================================================================ * HEADER * ================================================================ */ /*Boxed Header*/ .boxed-header .is-sticky .header-main-section, .boxed .is-sticky .header-main-section { max-width:1200px; margin: 0 auto; } /* ================================================================ * LINE HEIGHTS AND HEIGHTS [HEADER AND HEADER TOP] * ================================================================ */ .header-section .header-top-section ul > li { line-height: 40px; height: 40px; } .header-section .header-top-section .zozo-social-icons li, .header-section .header-top-section .form-control, .header-section .header-top-section .input-group-btn .btn { line-height: 30px; min-height: 30px; height: 30px; } .header-section .header-top-section .input-group-btn .btn { line-height: initial; } /* HEADER LOGO SECTION */ .header-section .header-logo-section li, .header-section .header-logo-section .navbar-header .navbar-brand, .header-section.type-header-6 .header-logo-section li.header-top-cart { line-height: 76px; height: 76px; } .header-section .header-logo-section .form-control { line-height: 40px; height: 40px; } .type-header-6 .header-logo-section .zozo-logo-bar { height: 76px; line-height: 76px; vertical-align: middle; } /* HEADER MAIN SECTION */ .header-section .header-main-section { height: 76px; } .header-section.type-header-10 .header-sidenav-section .header-main-section { height: auto; } .header-section .header-main-section .navbar-header .navbar-brand, .header-section .header-main-section .zozo-main-nav > li, .header-section .header-main-section .zozo-main-nav > li > a, .header-section .header-main-section li.extra-nav, .header-section .header-main-section li.extra-nav > a, .header-section .header-main-section li.extra-nav i, .header-section .header-main-section .header-toggle-content, .type-header-9 .navbar-nav.zozo-main-bar > li, .type-header-9 .navbar-nav.zozo-main-bar > li a { line-height: 76px; height: 76px; } .header-section.type-header-3 .header-main-section { height: 152px; } .header-section .is-sticky .header-main-section, .header-section.type-header-3 .is-sticky .header-main-section { height: 60px; } .header-section .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section .is-sticky .header-main-section .zozo-main-nav > li, .header-section .is-sticky .header-main-section .zozo-main-nav > li > a, .header-section .is-sticky .header-main-section li.extra-nav, .header-section .is-sticky .header-main-section li.extra-nav > a, .header-section .is-sticky .header-main-section li.extra-nav i, .header-section .is-sticky .header-main-section .header-toggle-content, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li a { line-height: 60px; height: 60px; } .header-section.header-fullwidth-menu .header-main-section { height: 60px; } .header-section.header-fullwidth-menu .header-main-section .navbar-header .navbar-brand, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li > a, .header-section.header-fullwidth-menu .header-main-section li.extra-nav, .header-section.header-fullwidth-menu .header-main-section li.extra-nav > a, .header-section.header-fullwidth-menu .header-main-section li.extra-nav i, .header-section.header-fullwidth-menu .header-main-section li.social-nav { line-height: 60px; height: 60px; } /*HEADER STICKY*/ .header-section .is-sticky .header-main-section .navbar-header .navbar-brand { line-height: 60px; height: 60px; } /* Dropdown Menu */ .header-section .header-main-section .dropdown-menu li, .header-section .header-main-section .dropdown-menu li > a, .header-section .header-main-section .submenu li, .header-section .header-main-section .submenu li > a { line-height: 20px; height: auto; } /* Social Icons */ .header-section .header-main-section .zozo-social-icons li, .header-section .header-main-section .zozo-social-icons li a, .header-section .header-main-section .zozo-social-icons li i, .header-section .header-main-section .zozo-social-icons li, .header-section .header-main-section .zozo-social-icons li a, .header-section .header-main-section .zozo-social-icons li i, .header-section .header-main-section li.extra-nav .zozo-social-icons i { line-height: 30px; height: 30px; } .header-section .header-main-section .zozo-social-icons li i:hover, .header-section .header-toggle-section .zozo-social-icons li a:hover i { color: #fff; } /* ================================================================ * HEADER TOP SECTION * ================================================================ */ /* HEADER TOP LEFT */ .header-top-section ul{ list-style:none; padding:0; } .header-top-section ul > li, .header-top-section ul > li a { color:#fff; } .header-top-section ul > li a:hover { color:#333; } .header-top-section .navbar-nav.zozo-top-left { margin-left: -15px; } .header-top-section .navbar-nav.zozo-top-left ul > li, .header-contact-details > li { display: inline-block; position: relative; margin-right:15px; } .header-top-section .navbar-nav.zozo-top-left ul > li:last-child { margin-right:0; } .header-contact-details > li.header-phone:before { content: "\e700"; font-family: "icomoonpack2"; color:inherit; padding-right: 5px; } .header-contact-details > li.header-email:before { content: "\f0e0"; font-family: FontAwesome; color:inherit; padding-right: 10px; } /* HEADER TOP RIGHT */ .header-top-section .form-control { background: #fff; } /* SOCIAL ICONS */ .header-top-section .zozo-social-icons { margin-left:15px; } .header-top-section .zozo-social-icons li { margin:0 5px 0 0; } .header-top-section .zozo-social-icons li:last-child { margin-right:0; } .header-top-section .zozo-social-icons.zozo-social-icons li a, .header-top-section .zozo-social-icons.zozo-social-icons li a i{ color: #fff; } .header-top-section .zozo-social-icons.soc-icon-circle li a, .header-top-section .zozo-social-icons.soc-icon-flat li a, .header-top-section .zozo-social-icons.soc-icon-rounded li a { background:#333; } .header-top-section .zozo-social-icons.soc-icon-rounded li a { border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } .header-top-section .navbar-toggle{ position:relative; transform:none; -ms-transform:none; -o-transform:none; -moz-transform:none; -webkit-transform:none; } /* HEADER TOP MENU */ .header-top-section .navbar-nav.zozo-top-right > li > p, .header-top-section .navbar-nav.zozo-top-right > li > div { display:inline-block; vertical-align: top; font-size:12px; } .header-top-section .navbar-nav.zozo-top-right > li, .header-top-section .navbar-nav.zozo-top-right > li > p { position:relative; } .header-top-section .navbar-nav.zozo-top-right > li > p { padding-right:15px; } .top-menu-navigation .navbar-nav > li > a, .header-top-section .navbar-nav.zozo-top-right > li > p, p.welcome-msg { color:#fff; text-transform:uppercase; font-weight:700; } .top-menu-navigation .navbar-nav > li > a:hover, .top-menu-navigation .navbar-nav > li > a:focus, .top-menu-navigation .navbar-nav > li > a:active { background:transparent; color:#333; } .header-top-section .mobile-menu .navbar-nav.zozo-top-nav{ float: left; width: 100%; margin:0 auto; } .header-top-section .mobile-menu .navbar-nav.zozo-top-nav li > a{ background: rgba(255, 255, 255, 0.3); } /* HEADER CART */ .header-section .header-top-cart .cart-icon { position:relative; vertical-align: middle; font-size:14px; margin-right: 10px; } .header-section .header-top-cart .cart-icon.cart-empty{ margin-right: 0; } .header-section .header-top-cart .cart-icon .cart-count { background: #333; border-radius: 50%; color: #ffffff; font-size: 10px; height: 15px; line-height: 15px; position: absolute; right: -10px; text-align: center; top: -10px; width: 15px; min-height:auto; } .header-section .woo-cart-contents .woo-cart-item a.remove-cart-item:hover { color:#C9302C!important; } .header-section .woo-cart-contents { border-color:#e1e1e1; } .header-section .woo-cart-contents .cart-product-title, .header-section .woo-cart-contents .cart-product-quantity { color:#333; } .header-section .woo-cart-contents .woo-cart-item .remove-cart-item { background-color:#f7f7f7; } .header-skin-light .header-top-section .woo-cart-contents a, .header-skin-light .header-top-section .woo-cart-contents { color: #333; } /*SEARCH BAR*/ .header-top-section .extra-nav .search-form { display: block; position: relative; right: unset; top: 0; } .header-top-section .search-form .form-control { border:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .header-top-section .search-form .input-group-btn .btn-search, .header-top-section .search-form .input-group-btn .btn-search:hover { background:#333; color:#fff; padding: 6px 10px; line-height: 18px; } .header-section .header-top-section ul > li.extra-nav.search-nav, .header-section .header-top-section ul > li.extra-nav.search-nav .search-form .input-group .form-control, .header-section .header-top-section .form-control { line-height:normal; } .header-section .header-top-section ul > li.extra-nav.search-nav .search-form { display: table-cell; height: 40px; vertical-align: middle; } .header-section .header-top-section ul > li.extra-nav.search-nav .search-form .input-group { width:100%; } /* ================================================================ * HEADER LOGO SECTION * ================================================================ */ .header-section.header-fullwidth-menu .header-logo-section { border-bottom: 1px solid #e1e1e1; } .header-logo-section .zozo-header-logo-bar .extra-nav { margin-right: 15px; display: block; } .header-logo-section .zozo-header-logo-bar .search-form { display: block; position: static; width: 100%; min-width: 350px; } .header-logo-section .header-contact-details li > a, .header-section .header-logo-section .header-top-cart .cart-count { color:#333; } /* Header Details Box */ .header-details-box { margin-right:15px; } .header-details-box:last-child { margin-right: 0; } .header-details-box .header-details-icon { float: left; min-width: 20px; margin-right: 15px; font-size: 26px; } .header-details-info { display: inline-block; line-height: normal; vertical-align: middle; } .header-details-info p, .header-details-info strong, .header-details-info span { line-height: 20px; } .header-details-info > span, .header-details-info > span > a { display: block; color: #999; font-size: 13px; } /* ================================================================ * HEADER MAIN SECTION * ================================================================ */ .header-section { background: #fff; } .navbar-header { position:relative; } .navbar-header .navbar-brand,.navbar-brand { padding-top: 0; padding-bottom: 0; } .navbar-header .navbar-brand img, .navbar-brand img { display: inline-block; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .header-section .navbar { margin-bottom:0; width:100%; border: none; min-height: 0; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; } .header-section .navbar-nav > li.extra-nav a { transition:none; -ms-transition:none; -o-transition:none; -moz-transition:none; -webkit-transition:none; } .zozo-main-nav > li > a { padding-bottom: 0; padding-top: 0; color:#1dc7c7; transition: none; -ms-transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; } .zozo-main-nav.navbar-nav > li > a { padding-bottom: 0; padding-top: 0; } .zozo-main-nav > li > a > .caret { display:none; } .zozo-main-nav > li > a:hover, .zozo-main-nav > li > a:focus, .zozo-main-nav.nav > li > a:focus, .zozo-main-nav.nav > li > a:hover { background:transparent; } .header-main-section .navbar-collapse{ max-height: 320px; } .navbar-nav.zozo-main-bar > li { position:static; } /*NAV BAR LEFT*/ .header-main-section .zozo-header-main-bar .navbar-left{ margin-left: -15px; } /*TOGGLE BUTTON*/ .header-main-section .navbar-header.nav-respons { position:relative; z-index: 2; } .navbar-toggle{ margin: 0 15px 0 0; padding: 9px 0 9px 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .navbar-toggle .icon-bar { background:#333; } /*Extra Nav*/ .header-main-section .navbar-nav > li.extra-nav, .header-top-section .nav.navbar-nav > li.extra-nav { margin-left: 15px; min-width:15px; position: relative; } .header-logo-section .navbar-nav > li.extra-nav a, .header-main-section .navbar-nav > li.extra-nav a { color:#333; } .extra-nav .search-form { position: absolute; right: 0; width: 220px; display:none; top: 100%; z-index:50; } .header-main-section .extra-nav .search-form { line-height: initial; } .extra-nav .header-main-right-search, .extra-nav .header-logo-search { cursor:pointer; } .search-form .input-group input.form-control { float:none; } .header-section .header-main-section .header-top-cart .cart-icon .cart-count { color:#333; } /* SOCIAL NAV */ .header-main-section li.social-nav{ margin-left: 15px; } .header-section .header-main-section li.social-nav i:hover{ color:#fff; } /*STICKY*/ .is-sticky .header-main-section { z-index:99; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); background: #fff; left: 0; right: 0; } /*STICKY LOGO*/ .header-sticky.is-sticky .zozo-no-sticky-logo .navbar-brand > .zozo-standard-logo { max-height: 30px; max-width: 100%; width: auto; } .zozo-has-sticky-logo .navbar-brand > .zozo-sticky-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > .zozo-standard-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > .zozo-sticky-logo { display: inline-block; } .zozo-has-mobile-logo .navbar-brand > .zozo-mobile-logo { display: none; } /*DROP DOWN*/ .dropdown-menu, .navbar-right .dropdown-menu { background: #FFFFFF; min-width: 200px; border: none; border-width: 3px 0 0; border-style: solid; padding:0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; display: block; opacity: 0; visibility: hidden; left:0; right:auto; } .dropdown-menu li { position:relative; } .dropdown-menu > li > a, .dropdown-menu .sub-menu a, .zozo-megamenu .menu-item > a, .mobile-sub-menu > li > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 5px 15px; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; color:inherit; } .zozo-megamenu .menu-item > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 5px 0; display:block; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.dropdown:hover > a, .sub-menu > li > a:focus, .sub-menu > li > a:hover,.sub-menu > li.dropdown:hover > a { background:none; padding-left: 20px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background:none; } .zozo-megamenu .menu-item > a:hover, .zozo-megamenu .menu-item > a:focus, .zozo-main-nav .zozo-megamenu-submenu li > a:hover, .zozo-main-nav .zozo-megamenu-submenu li > a:focus { padding-left:5px; } .dropdown-menu > li.dropdown:after, .sub-menu > li.dropdown:after { content: "\f105"; font-family: FontAwesome; position:absolute; color:inherit; top:5px; right:12px; font-size:10px; } .dropdown-menu > li.dropdown:hover:after, .sub-menu > li.dropdown:hover:after { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); top: 7px; } /*Sub menu*/ .dropdown-menu .sub-menu { left: 100%; position: absolute; top: -3px; padding: 0; margin:0; min-width: 200px; list-style: none; display: block; opacity: 0; border: none; border-width: 3px 0 0; border-style: solid; visibility: hidden; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu { right: 100%; left:auto; } .dropdown-menu .sub-menu a { clear: both; display: block; line-height: 1.42857; white-space: nowrap; } .dropdown:hover .dropdown-menu, .dropdown-menu .dropdown:hover > .sub-menu, .sub-menu .dropdown:hover > .sub-menu, .zozo-megamenu-menu.dropdown:hover .zozo-megamenu-wrapper, .header-top-cart:hover .woo-cart-contents { visibility: visible; opacity:1; transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; } /*Mega Menu*/ .nav > li.zozo-megamenu-menu { position: static; } .zozo-megamenu-wrapper { background: #ffffff; left: 0; position: absolute; right: 0; width: 100%; opacity:0; top:100%; visibility: hidden; border: none; border-width: 3px 0 0; border-style: solid; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); z-index:99; } .zozo-megamenu-wrapper.megamenu-fullwidth { padding:0 15px; } .header-side-wrapper .header-main-section .zozo-megamenu-wrapper.container { margin: 0; } .zozo-megamenu-wrapper .zozo-megamenu { text-align: left; } .zozo-megamenu-container, .zozo-megamenu, .zozo-megamenu .zozo-megamenu-submenu .sub-menu { list-style: none; } .zozo-megamenu { padding: 10px 0; width: 100%; } .zozo-megamenu > li { padding: 10px 35px; text-align: left; } .zozo-main-nav.navbar-nav .zozo-megamenu .zozo-megamenu-submenu .sub-menu { margin: 0; padding: 0; border: none !important; } .zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu .zozo-megamenu-title > a, .zozo-megamenu-title { text-transform: uppercase; font-size:16px; } .zozo-megamenu-bullet { display:none; } /* MEGA MENU WIDGETS */ .zozo-megamenu-widgets-container .widget h3 { margin-bottom:0; } .widget .btn.mc-subscribe { padding:0 12px; } .zozo-megamenu-icon.title-menu { padding-right: 10px; } /*Mobile Nav*/ .main-mobile-nav .zozo-main-nav, .main-right-mobile-nav .zozo-main-nav { padding:0 15px; margin-left: 0; margin-right: 0; } .main-mobile-nav .zozo-main-nav li { list-style:none; padding:0; } .main-mobile-nav .mobile-sub-menu { padding-left:15px; } .mobile-megamenu .mobile-sub-menu.mobile-sub-nav { padding:0; } .main-mobile-nav .zozo-main-nav li > a, .main-right-mobile-nav .zozo-main-nav li > a { background:#f7f7f7; line-height:normal; padding:10px 15px; margin:0 0 5px; display:block; } .main-mobile-nav .zozo-main-nav li > .menu-toggler , .main-right-mobile-nav .zozo-main-nav li > .menu-toggler{ cursor: pointer; height: 25px; line-height: 25px; position: absolute; right: 10px; text-align: center; top: 5px; width: 25px; z-index: 99; } /*HEADER 4 (Header Fullwidth menu)*/ .header-section.header-fullwidth-menu .header-main-section .navbar-toggle { margin:8px 15px 8px 0; position:relative; transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; -webkit-transform:none; } .header-section.type-header-4 .navbar-nav > li.extra-nav.search-nav .search-form .input-group .form-control, .header-section.type-header-4 .navbar-nav > li.extra-nav.search-nav { line-height: normal; } .header-section.type-header-4 .navbar-nav > li.extra-nav.search-nav .search-form { display: table-cell; height: 74px; vertical-align: middle; } .header-section.type-header-4 .navbar-nav > li.extra-nav.search-nav .search-form .input-group { width:100%; } /*Header 5 (Header Fullwidth menu 2)*/ .header-section.type-header-5 .header-logo-section .navbar-header, .header-section.type-header-5 .header-logo-section .navbar-header .navbar-brand { width:100%; text-align:center; } .header-section.type-header-5 .header-logo-section .navbar-header .navbar-brand > img { margin:0 auto; } .header-section.type-header-5 .navbar-right .social-nav { vertical-align: middle; } .header-section.type-header-5 .header-main-section .navbar-header.nav-respons { text-align:center; } .header-section.type-header-5 .header-main-section .navbar-toggle { float: none; margin: 8px auto; } /*HEADER 6 (Header Fullwidth menu 3)*/ .header-section.type-header-6 p.welcome-msg { margin-bottom:0; } .header-section.type-header-6 .header-logo-section { padding:15px 0; } .header-section.type-header-6 .header-logo-section li { display: inline-block; float: none; height: auto; line-height: 20px; vertical-align: middle; } .header-section.type-header-6 .header-logo-section .navbar-nav > li.social-nav { margin-right:15px; } .header-section.type-header-6 .header-top-cart .cart-icon, .header-section.header-skin-dark.type-header-6 li.extra-nav.header-top-cart a.cart-icon { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; padding:0 25px; font-size:20px; float: left; margin: 0; color: #333; } .header-section.header-skin-dark.type-header-6 li.extra-nav.header-top-cart a.cart-icon i { color: #333; } .header-section.type-header-6 .header-top-cart .cart-count { background: #333; } .header-section.type-header-6 .header-top-cart .cart-icon:hover, .header-section.type-header-6 .header-top-cart .cart-icon i:hover { color:#fff; } .header-section.type-header-6 .zozo-social-icons li { margin: 0 3px; } .header-section.type-header-6 .zozo-social-icons li:last-child { margin-right: 0; } .header-section.type-header-6 .social-nav .sidebar-social { text-align:right; margin-right:15px; } .header-section.type-header-6 .contact-info-nav { margin-bottom: 10px; text-align: right; } /*Header 7 & 8 (Header Centered logo)*/ .header-section.type-header-7 .header-main-section .main-mobile-nav .zozo-main-nav, .header-section.type-header-7 .header-main-section .navbar-nav.navbar-left, .header-section.type-header-8 .header-main-section .main-mobile-nav .zozo-main-nav, .header-section.type-header-8 .header-main-section .navbar-nav.navbar-left { margin-bottom:0; } .header-section.type-header-7 .header-main-section .main-right-mobile-nav .zozo-main-nav, .header-section.type-header-7 .header-main-section .navbar-nav.navbar-right, .header-section.type-header-8 .header-main-section .main-right-mobile-nav .zozo-main-nav, .header-section.type-header-8 .header-main-section .navbar-nav.navbar-right { margin-top:0; } /*HEADER 9 (TOGGLE HEADER - SLIDE)*/ .header-section .header-toggle-section * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .header-section.type-header-9 .navbar-nav.zozo-main-bar{ margin-right: 0; } .header-section.type-header-9 .nav > li > a:focus, .header-section.type-header-9 .nav > li > a:hover { background:none; } .header-section.type-header-9 .header-side-wrapper #nav-side-menu > span { background: #000000; display: block; height: 4px; margin-bottom: 5px; width: 40px; position:relative; } .header-section .header-toggle-section { background:#fff; height: 100%; margin: 0; overflow-y: auto; position: fixed; left: -25%; top: 0; width: 25%; z-index: 250; border-right: 1px solid #e1e1e1; } .header-section .header-toggle-section.header-position-right{ right: -25%; left:auto; width: 25%; border-right: none; border-left: 1px solid; } .header-section .header-toggle-section .header-toggle-inner{ padding: 20px 40px; } .header-section .header-toggle-section .close-menu { color: #333; display: block; font-size: 30px; height: 66px; right: 0; line-height: 58px; padding: 0; position: absolute; text-align: center; top: 0; width: 66px; z-index: 10; } .header-section .header-toggle-section.header-position-right .close-menu { left:0; right:auto; } .header-section.type-header-9 .header-toggle-section .header-side-main-section .mobile-megamenu .menu-item { margin-top: 10px; } /*Menu & Dropdown*/ .header-section .header-toggle-section .header-side-main-section .navbar-nav > li { width:100%; } .header-section .header-toggle-section .header-side-main-section .navbar-nav > li > a, .header-section .header-toggle-section .header-side-main-section .mobile-sub-menu > li > a { line-height: 50px; text-transform:uppercase; padding:0; } .header-section.type-header-9 .header-toggle-section .header-side-main-section .mobile-sub-menu { list-style:none; padding-left: 15px; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .header-section.type-header-9 .header-toggle-section .header-side-main-section .menu-toggler { position: absolute; right: 0; top: 10px; cursor:pointer; } .header-section.type-header-9 .header-main-section li.header-side-wrapper > a{ font-size:40px; padding: 0; } .header-main-section .zozo-main-nav > li > .menu-toggler i:before, .header-main-section .mobile-sub-menu li > .menu-toggler i:before, .header-toggle-section .header-side-main-section .zozo-main-nav > li > .menu-toggler i:before, .header-toggle-section .header-side-main-section .mobile-sub-menu li > .menu-toggler i:before { content: "\e004"; font-family: "Flaticon"; font-size: 20px; font-weight: 600; } .header-main-section .zozo-main-nav > li > .menu-toggler i:before, .header-main-section .mobile-sub-menu li > .menu-toggler i:before{ font-size: 15px; } .header-main-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-main-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before, .header-toggle-section .header-side-main-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-toggle-section .header-side-main-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before { content: "\e08d"; } .header-section.type-header-9 .header-contact-details { padding: 0; text-align: center; } .header-section.type-header-9 .header-contact-details li{ margin:0; display:block; } .header-section.type-header-9 .header-contact-details li a{ color:#333; } .header-section.type-header-9 .zozo-social-icons { display:block; text-align:center; } .type-header-9 .zozo-social-icons li a:hover { color:#fff; } /*Top menu*/ .header-toggle-section .header-side-top-section, .header-toggle-section .header-side-main-section { margin-bottom:50px; } .header-toggle-section.header-position-right .header-side-top-section { text-align: right; } .header-toggle-section .header-side-top-section .header-side-top-cart, .header-toggle-section .header-side-top-section .header-side-topmenu { display:inline-block; } .header-toggle-section .header-side-top-section .header-side-top-cart { margin-right:15px; } .header-toggle-section .header-top-cart .cart-icon { border-radius: 4px; color: #000000; padding: 11px; } .header-toggle-section .header-side-top-section .navbar-nav.navbar-right{ margin:0; } .header-toggle-section .header-side-top-section .header-side-topmenu .dropdown-menu { display:none; visibility:visible; } .header-toggle-section .header-side-top-section .header-side-topmenu.open > .dropdown-menu { display:block; border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; opacity:1; animation:none; -ms-animation:none; -moz-animation:none; -o-animation:none; -webkit-animation:none; } .header-toggle-section .header-side-top-section .header-side-topmenu li:after { content:none; } .header-toggle-section .header-side-top-section .header-side-topmenu li { display: block; width: 100%; } .header-toggle-section .header-side-top-section .header-side-topmenu li > a { color:#333; } .header-toggle-section.header-position-left .header-top-cart .woo-cart .woo-cart-contents{ left:0; right:auto; } .header-toggle-section.header-position-right .header-top-cart .woo-cart .woo-cart-contents, .header-toggle-section.header-position-right .header-side-top-submenu.dropdown-menu{ left:auto; right:0; } /*Social & Search*/ .header-toggle-section .zozo-header-side-bottom .header-main-side-search { margin-bottom:20px; } .header-toggle-section .mCSB_inside > .mCSB_container{ margin-right:0; } /* Header Toggles */ .zozo-header-toggle-bar { position: relative; } .header-contact-phone, .header-contact-email, .header-toggle-search, .header-toggle-social { display: none; } .zozo-header-toggle-bar .contact-phone i, .zozo-header-toggle-bar .contact-email i, .zozo-header-toggle-bar .search-toggle i, .zozo-header-toggle-bar .social-toggle i { cursor: pointer; } .header-toggle-content { position: absolute; background:#fff; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; } .header-toggle-content h3 { margin: 0; line-height: inherit; } .header-toggle-content i { line-height: inherit; } .header-toggle-content .btn-toggle-close { float: right; cursor: pointer; font-size: 20px; } .header-toggle-content .header-email > a { color:inherit; } /*Header 10 (Vertical Header)*/ .header-section.type-header-10 * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .header-section.type-header-10 .header-top-section .header-top-cart .cart-icon { background: rgba(255, 255, 255, 0.4); color: #333333; padding: 3px 10px; line-height: 40px; } .header-section.type-header-10 .header-top-section .header-top-cart .cart-count { background:none; position:relative; color:#333; font-size: inherit; top:unset; right:unset; } .header-sidenav-section.header-position-left .header-top-cart .woo-cart .woo-cart-contents{ left:0; right:auto; } .header-sidenav-section.header-position-right .header-top-cart .woo-cart .woo-cart-contents{ right:0; left:auto; } .header-section.type-header-10 .header-contact-details { padding:0; text-align:center; } .header-section.type-header-10 .header-contact-details > li{ display:block; } .header-section.type-header-10 .header-contact-details > li, .header-section.type-header-10 .header-contact-details > li a{ margin:0; color: inherit; } .header-section.type-header-10 .extra-nav .search-form { display: block; position: relative; width: 100%; } /* Header Transparency */ .header-section.header-transparent, .header-section.header-semi-transparent { position: absolute; top: 0; left: 0; right: 0; z-index: 100; } .header-section.header-transparent .header-top-section { border-bottom: 1px solid #7c7c7c; } /*New tag*/ .header-section .menu-item .new-tag-hot, .header-section .menu-item .new-tag-new, .header-section .menu-item .new-tag-trend { border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 9px; font-weight: 800; margin-left: 10px; margin-top: 3px; padding: 3px 5px 4px; position: relative; text-transform: capitalize; } .header-section .menu-item .new-tag-hot:before, .header-section .menu-item .new-tag-new:before, .header-section .menu-item .new-tag-trend:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: transparent #138af9 transparent transparent; border-style: solid; border-width: 5px; content: ""; height: 0; left: -9px; position: absolute; top: 4px; width: 0; } .header-section .menu-item .new-tag-hot { background-color:#ff0000; } .header-section .menu-item .new-tag-hot::before { border-color:transparent #ff0000 transparent transparent; } .header-section .menu-item .new-tag-new { background-color:#138af9; } .header-section .menu-item .new-tag-new::before { border-color:transparent #138af9 transparent transparent; } .header-section .menu-item .new-tag-trend { background-color:#1eb710; } .header-section .menu-item .new-tag-trend::before { border-color:transparent #1eb710 transparent transparent; } /* Sliding Bar */ .slidingbar-toggle-wrapper a { border-left: 40px solid transparent; border-top: 40px solid #222; position: absolute; right: 0; color: #fff; } .slidingbar-toggle-wrapper a:after { color: #fff; content: "\e004"; font-family: "Flaticon"; display: block; font-size: 12px; font-weight: 600; left: -18px; position: absolute; text-shadow: none; top: -40px; } .slidingbar-toggle-wrapper a.sb-open:after { content: "\e08d"; font-family: "Flaticon"; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .sliding-bar-section { margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; } .slidingbar-inner { background: #222; color: #fff; display: none; height: auto; overflow: hidden; padding: 25px 0; position: relative; z-index: 3; } /* Sliding Bar Widgets */ .sliding-bar-widgets input, .sliding-bar-widgets select, .sliding-bar-widgets textarea{ color: #666; } .sliding-bar-widgets a:hover, .sliding-bar-widgets a:active, .sliding-bar-widgets a:focus{ color: #fff; } .sliding-bar-widgets .widget, .sliding-bar-widgets .widget table { margin-bottom: 0; } .sliding-bar-widgets .widget-title { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); color: #fff; line-height: 22px; margin-top: 0; padding-bottom: 13px; } .sliding-bar-widgets .zozo-counter-count { color: #fff; line-height: 30px; margin: 0; padding: 0 0 10px; } .sliding-bar-widgets .zozo-counter-count .counter{ margin-left: 10px; } .sliding-bar-widgets .widget_calendar caption{ color: #fff; padding-top: 0; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a{ color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a:hover, .sliding-bar-widgets .widget.widget_recent_comments li a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a:hover, .sliding-bar-widgets .widget.widget_categories li a:hover, .sliding-bar-widgets .widget.widget_archive li a:hover, .sliding-bar-widgets .widget.widget_meta li a:hover, .sliding-bar-widgets .sliding-bar-widgets .widget.widget_nav_menu li a:hover{ color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a{ color: #bbb; } .sliding-bar-widgets .zozo-latest-posts .posts-title a{ color: #fff; } .sliding-bar-widgets .zozo-latest-posts .posts-title { margin-bottom: 5px; margin-top: -4px; } .sliding-bar-widgets .zozo-latest-posts .entry-date{ color: #bbb; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item{ margin: 0; padding: 15px 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:first-child{ padding-top: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:last-child{ padding-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-summary p{ margin-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-date{ margin-top: 8px; display: block; } .sliding-bar-widgets .textwidget p, .sliding-bar-widgets .textwidget div { color: #bbb; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a{ color: #fff; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:focus, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:focus{ color: #333; } .sliding-bar-widgets .zozo-tabs-widget .tabs .zozo-tab-content{ color: #333; } .sliding-bar-widgets .zozo-social-icons i{ color: #333; } .sliding-bar-widgets .zozo-social-icons li a:hover i, .sliding-bar-widgets .zozo-social-icons li a:focus i{ color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a { padding-right: 10px; width: auto; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a i{ color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a, .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a:hover, .zozo-social-icons.soc-icon-transparent li a:focus{ background-color: transparent; } .sliding-bar-widgets .widget .tweet-item { border-color: rgba(255, 255, 255, 0.3); } .sliding-bar-widgets .widget li .tweet-user-name a{ color: #ddd; } .sliding-bar-widgets .tweet-user-name span, .sliding-bar-widgets .zozo_tweet_text{ color: #bbb; } .sliding-bar-widgets .zozo-subscribe.form-control { background: #bbb none repeat scroll 0 0; border-color: #bbb; } /* ================================================================ * Section Title * ================================================================ */ .parallax-title{ position:relative; margin:0 0 45px 0; text-transform:uppercase; line-height: 40px; } h4.parallax-title { font-size: 28px; } .parallax-title.text-capitalize { text-transform:capitalize; } .parallax-title.text-lowercase { text-transform:lowercase; } .parallax-title.text-none { text-transform:none; } .parallax-title:after{ bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .bg-style.bg-normal .parallax-title::after { background:#333; } .parallax-title.text-left:after{ right:auto; left:0; } .parallax-title.text-right:after{ left:auto; right:0; } .parallax-desc { max-width: 800px; margin: 0 auto 40px; text-align: center; font-weight: 300; } .parallax-desc.text-left, .parallax-desc.text-right { text-align: left; margin-bottom: 0; float: left; } .parallax-desc.text-right { text-align: right; float: right; } .page-title-section .YTPOverlay { background:rgba(0,0,0,0.5); } /* ================================================================ * LAYOUT * ================================================================ */ .boxed #zozo_wrapper, .boxed .container { margin: 0 auto; max-width: 1200px; width: 100%; } .boxed #zozo_wrapper { position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .fullwidth .container { width: 100%; max-width: 1200px; } body.wide .container { padding:0px 15px; width: 100%; } #zozo_wrapper { width: 100%; } /* Hidden Footer Boxed Layout */ body.boxed .footer-section.footer-style-hidden { margin:0 auto; max-width:1200px; } .two-col-right #single-sidebar-container #primary, .two-col-left #single-sidebar-container #sidebar, .three-col-right #single-sidebar-container, .three-col-right #single-sidebar-container #primary, .three-col-middle #single-sidebar-container #primary, .three-col-middle #secondary-sidebar, .three-col-left #single-sidebar-container #sidebar, .three-col-left #secondary-sidebar { float: left; } .two-col-right #single-sidebar-container #sidebar, .two-col-left #single-sidebar-container #primary, .three-col-right #single-sidebar-container #sidebar, .three-col-right #secondary-sidebar, .three-col-middle #single-sidebar-container, .three-col-middle #single-sidebar-container #sidebar, .three-col-left #single-sidebar-container, .three-col-left #single-sidebar-container #primary { float: right; } .site-content { padding-top: 75px; padding-bottom: 75px; } .main-section { background: #fff; border-top: 1px solid #e1e1e1; } .rev_slider-active.rev-position-header-below .main-section { border-top: none; } .main-col-small, .main-col-full, .content-col-small, .content-col-full, .pm-sidebar, .sec-sidebar { padding-left: 15px; padding-right: 15px; } .main-col-small { width: 80%; } .main-col-full { width: 100%; } .content-col-small { width: 75%; } .content-col-full { width: 100%; } .pm-sidebar { width: 24%; } .sec-sidebar { width: 19%; } .sidebar { padding-top: 75px; padding-bottom: 40px; } .grey-wrapper { background-color:#f7f7f7; } .light-wrapper { background-color:#fff; } .dark-wrapper { background-color:#333; } .image-left .vc-zozo-image-wrapper, .image-right .vc-zozo-image-wrapper { background-position:center; } /* ================================================================ * FOOTER * ================================================================ */ .footer-section { background: #f2f2f2; } .footer-copyright-section { background: #f7f7f7; border-top: 1px solid #e1e1e1; padding:25px 0; } .footer-widgets-section { padding: 40px 0; } .footer-hidden .wrapper-inner { position: relative; z-index: 10; } .footer-section.footer-style-hidden { bottom: 0; left: 0; position: fixed; right: 0; z-index: -1; overflow-y: auto; } .footer-sticky .footer-section.footer-style-sticky .footer-copyright-section { bottom: 0; left: 0; position: fixed; right: 0; z-index: 10; } .footer-copyright-section p { margin-top: 8px; } /*Copyright and back to top*/ .footer-copyright-section p, .zozo-footer-nav.navbar-nav > li > a{ color: #7f7f7f; font-size: 11px; margin: 0; line-height: 18px; } .zozo-footer-nav.navbar-nav > li{ margin-right:8px; position: relative; } .zozo-footer-nav.navbar-nav > li:after { color:#7f7f7f; content: "/"; position: absolute; right: -6px; top: -4px; } .zozo-footer-nav.navbar-nav > li:last-child:after{ content:none; } .zozo-footer-nav.navbar-nav > li > a{ padding:0; } .zozo-footer-nav.navbar-nav > li > a:hover{ color:#333; background: transparent; } .footer-backtotop a{ background-color: #c6c6c6; font-size:11px; color:#fff; height:30px; width:30px; line-height: 30px; text-align:center; display: inline-block; margin-top:3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; padding-right: 1px; } /* Dark Footer */ .footer-section.footer-skin-dark, .footer-skin-dark .footer-backtotop a { background:#222; } .footer-section.footer-skin-dark .zozo-social-icons li a, .footer-section.footer-skin-dark .footer-copyright-section { background:#000; } .footer-section.footer-skin-dark .footer-widgets .widget h3.widget-title, .footer-section.footer-skin-dark .footer-widgets .widget, .footer-section.footer-skin-dark .widget.widget_recent_entries li a, .footer-section.footer-skin-dark .widget.widget_recent_comments li .comment-author-link a, .footer-section.footer-skin-dark .widget.zozo_category_posts_widget li a, .footer-section.footer-skin-dark .widget.widget_categories li a, .footer-section.footer-skin-dark .widget.widget_archive li a, .footer-section.footer-skin-dark .widget.widget_meta li a, .footer-section.footer-skin-dark .widget.widget_nav_menu li a, .footer-section.footer-skin-dark .widget li .tweet-user-name a, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget .posts-title > a, .footer-section.footer-skin-dark .latest-posts-menu .entry-date, .footer-section.footer-skin-dark caption, .footer-section.footer-skin-dark .zozo-tabs-widget a, .footer-section.footer-skin-dark .widget.widget_pages li > a{ color:#fff; } .footer-section.footer-skin-dark .footer-widgets .widget h3, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget li.posts-item, .footer-section.footer-skin-dark .widget .tweet-item, .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .nav-tabs, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover, .footer-section.footer-skin-dark .widget-posts-list li, .footer-section.footer-skin-dark .footer-copyright-section { border-color:#7c7c7c; } .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover{ background:transparent; } /* ================================================================ * PARALLAX * ================================================================ */ .zozo-parallax-header { text-align: center; clear:both; margin-bottom: 20px; } .zozo-parallax-header:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } .parallax-header { text-align: center; } .fullwidth-section { position: relative; z-index: 1; } .fullwidth-section.no-bg-image .parallax-page-inner, .zozo-fullwidth-box.normal-background .fullwidth-page-inner { padding-top: 35px; padding-bottom: 35px; } .fullwidth-section.no-bg-image { padding-top: 70px; margin-top: -70px; } .fullwidth-section.parallax-background .parallax-page-inner, .zozo-fullwidth-box.parallax-background .fullwidth-page-inner { padding-top: 100px; padding-bottom: 100px; } .parallax-background.parallax-section .parallax-page-inner { background-attachment: fixed !important; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; } .parallax-overlay.parallax-overlay-pattern:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; } .parallax-overlay.parallax-overlay-pattern { position: relative; z-index: 100; } .parallax-overlay.parallax-overlay-pattern.pattern-1:before { background: url(images/patterns/pattern-1.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-2:before { background: url(images/patterns/pattern-2.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-3:before { background: url(images/patterns/pattern-3.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-4:before { background: url(images/patterns/pattern-4.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-5:before { background: url(images/patterns/pattern-5.png) top left repeat; } .zozo-fullwidth-box { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .parallax-background .parallax-bg-overlay { background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .parallax-section-container { position: relative; z-index: 10; } .parallax-background .parallax-header, .parallax-background .parallax-desc, .parallax-background .parallax-content, .parallax-background .parallax-content p, .parallax-background .parallax-content .team-member-desc, .parallax-background .parallax-content .zozo-tabs .nav-tabs > li > a { color: #fff; } .parallax-background .parallax-content a:hover, .parallax-background .parallax-content a:active, .parallax-background .parallax-content a:focus { color: #fff; } .parallax-background .parallax-content .portfolio-mask a:hover, .parallax-background .parallax-content .portfolio-mask a:active, .parallax-background .parallax-content .portfolio-mask a:focus { color: #333; } /* Overlay */ .bg-overlay-dark,.bg-overlay-light, .bg-overlay-primary{ position:relative; } .bg-overlay-dark:before,.bg-overlay-light:before, .bg-overlay-primary:before { background:rgba(0,0,0,0.5); content:""; position:absolute; display:block; left:0; top:0; width:100%; height:100%; bottom:0; z-index:1; } .bg-overlay-light:before{ background:rgba(255,255,255,0.5); } .zozo-vc-main-row-inner { position:relative; z-index: 31; } .vc_row .upb_row_bg { z-index:1; } /* ================================================================ * REVOLUTION SLIDER * ================================================================ */ .zozo-revslider-section { position: relative; z-index: 30; } .rev_slider_wrapper .slider-title > h2, .rev_slider_wrapper .slider-title{ font-size: 65px; font-weight: 700; line-height: 75px; margin: 0; text-transform: uppercase; } .rev_slider_wrapper .slider-sub-title{ font-size: 40px; margin-bottom:22px; line-height: 52px; font-weight:700; } .rev_slider_wrapper .slider-desc{ font-size:15px; line-height:25px; font-weight:300; color:#000; } .slider-h4{ font-size: 24px; font-weight: 500; line-height: 31px; } .h2_white, .h2_white h2 { color: #fff; text-transform: uppercase; letter-spacing: 1px; } .logo-bordered-white { border: 5px solid #fff; padding: 15px; } .italic-white { color: #fff; font-style: italic; font-size: 17px; } .text-white { color: #fff; } .text-black { color: #000; } /* ================================================================ * ICON STYLES * ================================================================ */ /* Icon Pattern */ .zozo-icon.icon-pattern { background-color: rgba(0, 0, 0, 0.5); color: #fff; background-position: top center; background-repeat: repeat; } .zozo-icon.icon-pattern.pattern-1 { background-image: url(images/pattern-1.png); } .zozo-icon.icon-pattern.pattern-2 { background-image: url(images/pattern-2.png); } .zozo-icon.icon-pattern.pattern-3 { background-image: url(images/pattern-3.png); } .zozo-icon.icon-pattern.pattern-4 { background-image: url(images/pattern-4.png); } .zozo-icon.icon-pattern.pattern-5 { background-image: url(images/pattern-5.png); } /* ================================================================ * OWL CAROUSEL * ================================================================ */ .zozo-content-carousel-wrapper .content-carousel-slider .owl-item { overflow: hidden; } .owl-carousel .owl-wrapper-outer { z-index: 100; } .owl-carousel.owl-theme .owl-controls .owl-nav { margin-top: 0; } .owl-carousel.owl-theme .owl-controls .owl-nav div { text-align: center; font-size: 16px; opacity: 1; filter: alpha(opacity = 1); line-height: 22px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background: transparent; margin: 0; overflow: hidden; padding: 0; height:25px; width:25px; border:1px solid; position: absolute; z-index: 101; top:-35px; right:0; } .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { margin-right: 10px; right: 20px; } .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { color: #fff; } .owl-carousel.owl-theme .owl-dots { text-align: center; margin-top:25px; } .owl-carousel.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel.owl-theme .owl-controls .owl-dots span { width: 22px; height: 7px; background: #cbcbcb; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; opacity: 1; display: block; margin: 5px 2px; } .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span { background:#000; } .owl-slides-container { position: relative; } .owl-carousel .itemsScale .owl-item img { width: 100%; } .zozo-client-slider-wrapper .owl-carousel .owl-item img{ text-align: center; margin: 0 auto; width: auto; } /* ================================================================ * TEAM SECTION * ================================================================ */ .team-carousel-slider .team-item img { width: 100%; } .team-member-desc { padding: 12px 0 5px; font-weight: 300; margin-bottom: 10px; } .entry-content .team-member-desc p { margin-bottom: 10px; } .zozo-team-social-list.zozo-social-icons li { margin: 0 10px; } .zozo-team-social-list.zozo-social-icons li:first-child { margin-left: 0; } .zozo-team-social-list.zozo-social-icons li:last-child { margin-right: 0; } .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { font-size: 14px; line-height: 16px; color:#333; } .typo-light .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color:#fff; } .team-item-img { margin-bottom: 30px; } .team-member-name { margin-bottom: 25px; position: relative; } .team-member-name:after { bottom: -16px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .team-content { text-align: center; } .team-item .zozo-social-icons li a{ width: auto; } /* Team Center */ .team-item.text-center{ text-align: center; } .team-item.text-center img { margin: 0 auto; } .team-item.text-center .team-member-name:after{ left: 0; right: 0; margin: 0 auto; } /* Team Left */ .team-item.text-left, .team-item.text-left .team-content { text-align: left; } .team-item.text-left img { margin: 0 auto; width: 100%; } .team-item.text-left .team-member-name:after{ left: 0; right: auto; margin: 0; } /* Team Right */ .team-item.text-right, .team-item.text-right .team-content { text-align: right; } .team-item.text-right img { margin: 0 auto; width: 100%; } .team-item.text-right .team-member-name:after{ left: auto; right: 0; margin: 0 auto; } /* ========= Team List ======= */ .team-list-inner .team-item { margin-bottom: 40px; } .team-list-inner .team-item-img { margin-bottom: 0; } .team-list-inner .team-member-name { margin-top: 0; margin-bottom: 15px; } .team-list-inner .team-member-name:after { content: none; display: none; } .team-list-inner .zozo-circle-counter-wrapper { margin-top: 28px; } .team-list-inner .zozo-circle-counter-wrapper .circle-counter-title { margin-top: 10px; } /* Team Single */ .team-single{ padding: 30px 0; } .team-single .team-member-name:after { left: 0; right: auto; bottom: -20px; } .team-single .team-member-name { margin-top: 0; margin-bottom: 40px; } .team-single .owl-dots { margin: 30px 0 26px; } .team-single .zozo-team-social { padding-top: 15px; padding-bottom: 15px; } .team-single .zozo-team-social .zozo-social-icons li { margin: 0 3px; } .team-single .zozo-team-social .zozo-social-icons li a { width: 30px; height: 30px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); -o-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); } .team-single .zozo-team-social .zozo-social-icons li a i { line-height: 30px; } .zozo-circle-counter-wrapper { margin-top: 18px; } /* ================================================================ * TESTIMONIALS SECTION * ================================================================ */ .testimonial-grid-inner { clear: both; } .testimonial-item .testimonial-content blockquote::before { content:none; } .testimonial-item .testimonial-content blockquote, .testimonial-item .testimonial-content blockquote { padding:0; margin-bottom:12px; color:#333; font-size: 14px; font-weight: 400; } .testimonial-item .testimonial-img > img, .testimonial-carousel-slider .owl-item .testimonial-img img { width:auto; max-width:100%; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 10px; } .testimonial-item .author-info-box { text-align: center; } .testimonial-item .author-details > p { margin-bottom:0; } .typo-dark .testimonial-item .author-details > p.author-designation-info { color: #7f7f7f; font-style: italic; } .author-details > p.author-designation-info .testimonial-author-designation { margin-right:2px; } .author-details > p.author-designation-info .testimonial-author-designation:after { content:","; } .testimonial-item .author-details .testimonial-author-name > a { font-weight:700; } /* STYLE - DEFAULT */ .testimonial-item.tstyle-default blockquote > p { font-style:normal; font-size: 14px; text-align: center; } .testimonial-item.tstyle-default .testimonial-rating { text-align:center; } /* STYLE - BORDER */ .testimonial-item.tstyle-border blockquote > p, .testimonial-item.tstyle-no-border blockquote > p { text-align: center; } .testimonial-item.tstyle-border .testimonial-rating, .testimonial-item.tstyle-no-border .testimonial-rating { text-align:right; } .testimonial-item.tstyle-border .testimonial-content, .testimonial-item.tstyle-no-border .testimonial-content { padding:15px; margin-left: 1px; border:1px solid; margin-bottom:15px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; position:relative; } .testimonial-item.tstyle-border .testimonial-content:before { border:10px solid; border-color: #e1e1e1 transparent transparent; bottom: -20px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content:before, .testimonial-item.tstyle-border .testimonial-content:after { left: 0; margin: 0 auto; right: 0; } .testimonial-item.tstyle-border .testimonial-content:after { border:10px solid; border-color: #fff transparent transparent; bottom: -18px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote, .testimonial-item.tstyle-no-border .testimonial-content blockquote { padding:0 30px; } .testimonial-item.tstyle-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:before, blockquote:before { background:none; content: open-quote; font-size: 50px; font-weight: bold; left: 0; line-height: 1; position: absolute; top: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote:after, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { content: close-quote; font-size: 50px; font-weight: bold; line-height: 0; vertical-align: bottom; position: absolute; right:0; } .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { right: 0; bottom:0; } /* NO - BORDER */ .testimonial-item.tstyle-no-border .testimonial-content { border:none; margin-bottom:0; } /* STYLE BORDER 2*/ .testimonial-item.tstyle-border2 { background: rgba(241, 241, 241, 0.1); border: 1px solid #e1e1e1; border-radius: 5px; margin-left: 40px; padding: 20px 20px 20px 60px; position:relative; } .testimonial-item.tstyle-border2 .testimonial-img { bottom: 20px; left: -35px; position: absolute; padding: 4px; border: 1px solid #e1e1e1; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display:inline-block; background: #fff; } .testimonial-item.tstyle-border2 .testimonial-img > img { max-width: 70px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display:inline-block; margin-bottom:0; } .testimonial-item.tstyle-border2 .author-details > p { text-align:left; } /* TESTIMONIALS GRID */ .zozo-testimonial-grid-wrapper .testimonial-item { margin-bottom: 30px; } .testimonials-left .testimonial-item .testimonial-author-wrapper{ float:right; } .testimonials-right .testimonial-item .testimonial-author-wrapper{ float:left; } /* TESTIMONIALS SINGLE */ .testimonial-single .testimonial-item.tstyle-border .testimonial-content blockquote { padding: 0 40px; } .testimonial-single .testimonial-item.tstyle-border blockquote > p, .testimonial-single .testimonial-item .author-info-box { text-align:left; } .testimonial-single .testimonial-item.tstyle-border .testimonial-content::before, .testimonial-single .testimonial-item.tstyle-border .testimonial-content::after { right:auto; left:35px; } .testimonial-single .testimonial-item .author-info-box .testimonial-img { float: left; margin-right: 15px; } .testimonial-archives .zozo_testimonial { border-bottom:1px solid #e1e1e1; margin-bottom:30px; } .testimonial-archives .zozo_testimonial:last-child { border-bottom:none; } /* ================================================================ * TWITTER SECTION * ================================================================ */ .zozo-twitter-slider-wrapper{ margin-top:100px; position:relative; } .zozo-twitter-slider-wrapper:before{ content: "\f099"; font-family: FontAwesome; font-style: normal; font-weight: normal; color:#fff; height:48px; width:48px; line-height:48px; border:1px solid #fff; position:absolute; right: 0; left:0; top: -80px; text-align:center; margin:0 auto; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .zozo-twitter-slider-wrapper .tweet-list span{ display:block; text-align:center; font-size:20px; } .zozo-twitter-slider-wrapper .tweet-list span.status{ margin-bottom:10px; } .zozo-twitter-slider-wrapper .tweet-list span.meta{ font-size:17px; font-style:italic; } /* ================================================================ * PRICING TABLE * ================================================================ */ .zozo-pricing-table-wrapper { background: #f7f7f7; text-align:center; padding-top: 30px; position:relative; } .zozo-pricing-item .pricing-box .pricing-head { margin-bottom:20px; } .zozo-pricing-item .pricing-box .pricing-head h4 { font-weight: 700; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost h3 { font-size: 36px; font-weight: 700; margin: 4px 0; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { color:inherit; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper{ margin-bottom:30px; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { font-weight: 500; } .zozo-pricing-item .pricing-features { padding:0 20px 20px; } .zozo-pricing-table-wrapper.pricing-bottom-spacing .pricing-features { padding-bottom: 0; } .zozo-pricing-item .pricing-features ul { list-style:none; margin: 0 -20px -1px; padding:0; } .zozo-pricing-item .pricing-features ul > li { border-top: 1px solid rgba(0, 0, 0, 0.05); float: left; padding: 13px 35px; width: 100%; } .zozo-pricing-item .pricing-features li.inactive { color: #9c9c9c; } .zozo-pricing-item .pricing-features ul > li:last-child { border-bottom: 1px solid rgba(30, 30, 30, 0.1); } .zozo-pricing-item .pricing-cost-wrapper { margin-bottom:20px; } .zozo-pricing-item .pricing-bottom { background: rgba(30, 30, 30, 0.05) none repeat scroll 0 0; overflow: hidden; padding: 30px 15px; } .zozo-pricing-item .pricing-bottom .btn.btn-default { padding-bottom: 15px; padding-top: 15px; width:100%; } .zozo-pricing-item .pricing-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -4px; top: -3px; width: 85px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); font-size: 12px; left: -5px; color: #333; padding: 5px 0; position: relative; text-align: center; top: 15px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 120px; text-transform: uppercase; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before, .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 3px solid #6e8900; bottom: -3px; content: ""; position: absolute; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before { left: -5px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { right: 0; } .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #f5f5f5; border: 2px solid #e1e1e1; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: block; font-size:32px; height: 100px; line-height: 100px; margin: 0 auto 20px; padding: 0; text-align: center; transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; width: 100px; transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; -webkit-transform:none; } .zozo-pricing-table-wrapper:hover .pricing-icon-wrapper > i { transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .zozo-pricing-item .pricing-features ul > li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0; } /* ================================================================ * FEATURES LIST * ================================================================ */ .zozo-features-list-wrapper .features-list-inner { margin-bottom: 20px; position: relative; } .zozo-features-list-wrapper.vc-features-list:last-child .features-list-inner { margin-bottom: 0; } .zozo-features-list-wrapper .features-list-inner .features-icon { display: inline-block; font-size: 30px; left: 0; line-height: 10px; position: absolute; top: 0; } .zozo-features-list-wrapper .features-list-inner.list-text-right .features-icon { right:0; left:auto; } .zozo-features-list-wrapper .features-list-inner.list-text-right { text-align:right; } .zozo-features-list-wrapper .features-list-inner .list-desc { margin-left: 35px; } .zozo-features-list-wrapper .features-list-inner.list-text-right .list-desc { margin-right: 35px; margin-left: 0; } .list-desc > p { line-height: 1.3; } /* ================================================================ * RESPONSIVE VIDEO * ================================================================ */ .vc_row.zozo-vc-video-bg-wrapper { position: relative; overflow: hidden; } .video-bg-wrapper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 100%; } .video-player .zozo-yt-player, .video-bg .zozo-yt-player { height: 100%; } .video-bg .mb_YTVPBar { opacity:1; } .video-bg .mb_YTVPBar:hover .buttonBar,.video-bg .mb_YTVPBar .buttonBar { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); top:-25px; } .video-bg .mb_YTVPProgress{ top:-33px; height:8px; } .video-bg .mb_YTVPLoaded{ height:8px; } .video-bg .mb_YTVTime{ height:100%; } .video-bg .mb_YTVTime:after { background:#a4a4a4; bottom: 0; content: ""; height: 10px; position: absolute; right: -2px; width: 4px; } .video-bg .buttonBar span{ color:#a4a4a4; } .zozo-video-controls #video-play { border: 2px solid; border-radius: 50%; display: inline-block; height: 55px; left: 0; line-height: 50px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; width: 55px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* ================================================================ * SOCIAL ICONS * ================================================================ */ @-webkit-keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .zozo-social-icons { padding: 0; margin: 0; list-style: none; display: inline-block; } .zozo-social-icons li { display: inline-block; margin: 10px 3px; } .fullwidth-menu-section .zozo-social-icons li { margin: 17px 3px; } .zozo-social-icons li a { width: 30px; height: 30px; display: block; background: #333; } .zozo-social-icons.soc-icon-transparent li a { height: auto; background: transparent !important; } .zozo-social-icons i { color: #fff; display: block; text-align: center; font-size: 14px; line-height: 30px; } .zozo-social-icons.soc-icon-transparent i {color: #dbebf8;} .soc-icon-circle li a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-circle li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a { background-color: #333333; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-rounded li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .zozo-social-icons.soc-icon-transparent li.facebook a:hover, .zozo-social-icons.soc-icon-transparent li.facebook a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.facebook a:hover { color: #3B5998; background: none; } .zozo-social-icons li.facebook a:hover { background-color: #3B5998; } .zozo-social-share-icons li.facebook a:hover { background-color: #3B5998; border-color: #3B5998; } .zozo-social-icons.soc-icon-transparent li.twitter a:hover, .zozo-social-icons.soc-icon-transparent li.twitter a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.twitter a:hover { color: #55ACEE; background: none; } .zozo-social-icons li.twitter a:hover { background-color: #55ACEE; } .zozo-social-share-icons li.twitter a:hover { background-color: #55ACEE; border-color: #55ACEE; } .zozo-social-icons.soc-icon-transparent li.linkedin a:hover, .zozo-social-icons.soc-icon-transparent li.linkedin a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover { color: #007ab5; background: none; } .zozo-social-icons li.linkedin a:hover { background-color: #007ab5; } .zozo-social-share-icons li.linkedin a:hover { background-color: #007ab5; border-color: #007ab5; } .zozo-social-icons.soc-icon-transparent li.pinterest a:hover, .zozo-social-icons.soc-icon-transparent li.pinterest a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.pinterest a:hover { color: #c91921; background: none; } .zozo-social-icons li.pinterest a:hover { background-color: #c91921; } .zozo-social-share-icons li.pinterest a:hover { background-color: #c91921; border-color: #c91921; } .zozo-social-icons.soc-icon-transparent li.google-plus a:hover, .zozo-social-icons.soc-icon-transparent li.google-plus a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.google-plus a:hover { color: #dd4937; background: none; } .zozo-social-icons li.google-plus a:hover { background-color: #dd4937; } .zozo-social-share-icons li.google-plus a:hover { background-color: #dd4937; border-color: #dd4937; } .zozo-social-icons.soc-icon-transparent li.youtube a:hover, .zozo-social-icons.soc-icon-transparent li.youtube a:hover i { color: #e22b26; background: none; } .zozo-social-icons li.youtube a:hover { background-color: #e22b26; } .zozo-social-icons.soc-icon-transparent li.rss a:hover, .zozo-social-icons.soc-icon-transparent li.rss a:hover i { color: #f75f0b; background: none; } .zozo-social-icons li.rss a:hover { background-color: #f75f0b; } .zozo-social-icons.soc-icon-transparent li.tumblr a:hover, .zozo-social-icons.soc-icon-transparent li.tumblr a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.tumblr a:hover { color: #34465d; background: none; } .zozo-social-icons li.tumblr a:hover { background-color: #34465d; } .zozo-social-share-icons li.tumblr a:hover { background-color: #34465d; border-color: #34465d; } .zozo-social-icons.soc-icon-transparent li.reddit a:hover, .zozo-social-icons.soc-icon-transparent li.reddit a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.reddit a:hover { color: #FF4500; background: none; } .zozo-social-icons li.reddit a:hover { background-color: #FF4500; } .zozo-social-share-icons li.reddit a:hover { background-color: #FF4500; border-color: #FF4500; } .zozo-social-icons.soc-icon-transparent li.dribbble a:hover, .zozo-social-icons.soc-icon-transparent li.dribbble a:hover i { color: #ea4886; background: none; } .zozo-social-icons li.dribbble a:hover { background-color: #ea4886; } .zozo-social-icons.soc-icon-transparent li.vimeo a:hover, .zozo-social-icons.soc-icon-transparent li.vimeo a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.vimeo a:hover { color: #17B3E8; background: none; } .zozo-social-icons li.vimeo a:hover { background-color: #17B3E8; } .zozo-social-icons.soc-icon-transparent li.digg a:hover, .zozo-social-icons.soc-icon-transparent li.digg a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.digg a:hover { color: #1b5891; background: none; } .zozo-social-icons li.digg a:hover { background-color: #1b5891; } .zozo-social-share-icons li.digg a:hover { background-color: #1b5891; border-color: #1b5891; } .zozo-social-icons.soc-icon-transparent li.flickr a:hover, .zozo-social-icons.soc-icon-transparent li.flickr a:hover i { color: #ff0082; background: none; } .zozo-social-icons li.flickr a:hover { background-color: #ff0082; } .zozo-social-icons.soc-icon-transparent li.instagram a:hover, .zozo-social-icons.soc-icon-transparent li.instagram a:hover i { color: #9A6851; background: none; } .zozo-social-icons li.instagram a:hover { background-color: #9A6851; } .zozo-social-icons.soc-icon-transparent li.skype a:hover, .zozo-social-icons.soc-icon-transparent li.skype a:hover i { color: #00a9f1; background: none; } .zozo-social-icons li.skype a:hover { background-color: #00a9f1; } .zozo-social-icons.soc-icon-transparent li.blogger a:hover, .zozo-social-icons.soc-icon-transparent li.blogger a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.blogger a:hover { color: #ff9334; background: none; } .zozo-social-icons li.blogger a:hover { background-color: #ff9334; } .zozo-social-share-icons li.blogger a:hover { background-color: #ff9334; border-color: #ff9334; } .zozo-social-icons.soc-icon-transparent li.yahoo a:hover, .zozo-social-icons.soc-icon-transparent li.yahoo a:hover i { color: #65106d; background: none; } .zozo-social-icons li.yahoo a:hover { background-color: #65106d; } .zozo-social-share-icons { padding: 0; margin: 0; list-style: none; } .zozo-social-share-icons li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .zozo-subscribe-socials .zozo-social-icons { padding-left: 10px; } /* ================================================================ * BLOG * ================================================================ */ /* ---- Sticky Post ---- */ .entry-meta-wrapper .entry-meta .sticky-post .meta-name { color: #7f7f7f; } .sticky { } #sc-posts-infinite-container, #archive-posts-container { position: relative; } .entry-content p, .entry-summary p { margin-bottom: 10px; } p:last-child { margin-bottom: 0; } .entry-thumbnail { position: relative; margin-bottom: 10px; } .entry-header { margin-bottom: 15px; } .entry-footer { margin-top: 10px; } .entry-meta { padding: 0; margin: 8px 0 0; list-style: none; width: 100%; } .entry-meta i { margin-right: 3px; } .entry-meta-wrapper .entry-meta .meta-name { padding-right: 7px; } .entry-meta-wrapper .entry-meta i, .entry-meta-wrapper .entry-meta .meta-name { font-size: 12px; padding-right: 5px; } .entry-meta li, .entry-meta a { font-size: 12px; font-style: italic; } .entry-meta a, .post .btn-more.read-more-link { color:#333; } .typo-dark .entry-meta li, .typo-dark .entry-meta a { color: #7f7f7f; } .entry-footer .read-more { float: left; } .entry-footer .social-share-container { float: right; } .zozo-social-share-icons li { float: none; display: inline-block; margin: 0 3px 5px; } .large-layout .large-posts .zozo-social-share-icons li:first-child { margin-left: 0; } .zozo-social-share-box .zozo-social-share-icons li a { font-size: 13px; height: 30px; width: 30px; line-height: 30px; background: transparent; color: #7f7f7f; border: 1px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; text-align: center; } .zozo-social-share-box .zozo-social-share-icons li a:hover { color: #fff; } .large-layout .large-posts .btn-more.read-more-link, .zozo-searchresults.search-results-item .btn-more.read-more-link { padding: 6px 12px; } .large-posts { border-bottom: 1px dashed #e1e1e1; margin-bottom: 50px; padding-bottom: 40px; } .large-posts:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /* ============ Blog List ============ */ .list-posts{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #e1e1e1; } .list-layout .list-posts .post-featured-image { float: left; margin-right: 20px; position: relative; width: 300px; margin-bottom: 0; } .list-posts:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .list-layout .list-posts .entry-thumbnail-wrapper { height: 275px; overflow: hidden; position: relative; width: 300px; } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail { left: 50%; margin-bottom: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail img { left: 50%; max-width: none; position: relative; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .list-layout .list-posts .owl-item .blog-gallery-item { overflow: hidden; width: 100%; } .related-post-item { background: #f7f7f7; border: 1px solid #e1e1e1; margin-bottom: 1px; } .related-post-item .entry-thumbnail { margin-bottom: 0; } .related-post-item .related-content-wrapper { padding: 20px; } .related-post-item .related-content-wrapper h5 { margin-top: 0; } .related-post-item .related-content-wrapper h5 a { color: #333; } /* Single Post Gallery Slider */ .blog-single-carousel-slider { position: relative; } /* Gallery Post */ .post-featured-image.featured-gallery-slider { position: relative; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 0; color: #333; line-height: 22px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-gallery-slider:hover .owl-carousel.owl-theme .owl-controls .owl-nav div{ opacity: 1; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div:hover{ color: #fff; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-prev { left: 5px; right: auto; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-next { right: 5px; } /* Blog Hover Style */ article.post .post-inner-wrapper .post-featured-image a, article.post:hover .post-inner-wrapper .post-featured-image a, article.post .post-inner-wrapper .post-featured-image a:after, article.post:hover .post-inner-wrapper .post-featured-image a:after, article.post .post-inner-wrapper .post-featured-image a:before, article.post:hover .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img, .related-post-item .entry-thumbnail .post-img:before, .related-post-item .entry-thumbnail .post-img:after, .epl-listing-post .property-box .epl-blog-image, .epl-listing-post .property-box .epl-blog-image:after, .epl-listing-post .property-box .epl-blog-image:before { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article.post .post-inner-wrapper .post-featured-image a, .related-post-item .entry-thumbnail .post-img, .classic-grid-style .portfolio-content a.classic-img-link, .epl-listing-post .property-box .epl-blog-image { position: relative; display: block; overflow: hidden; } article.post .post-inner-wrapper .post-featured-image a:after, .related-post-item .entry-thumbnail .post-img:after, .classic-grid-style .portfolio-content a.classic-img-link:after, .epl-listing-post .property-box .epl-blog-image:after { background: rgba(0,0,0,0.6) none repeat scroll 0 0; content: ""; left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; width: 100%; height: 100%; opacity: 0; } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:after, article.post .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item:hover a:after, .related-post-item:hover .entry-thumbnail .post-img:after, .classic-grid-style .portfolio-content:hover a.classic-img-link:after, .epl-listing-post:hover .property-box .epl-blog-image:after { opacity: 1; } article.post .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img:before, .classic-grid-style .portfolio-content a.classic-img-link:before, .epl-listing-post .property-box .epl-blog-image:before { background: #333; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #222; content: "\e004"; font-family: "Flaticon"; height: 50px; left: 50%; line-height: 50px; font-size: 22px; position: absolute; text-align: center; width: 50px; z-index: 2; opacity: 0; top: 45%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:before, article.post .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item:hover a:before, .related-post-item:hover .entry-thumbnail .post-img:before, .classic-grid-style .portfolio-content:hover a.classic-img-link:before, .epl-listing-post:hover .property-box .epl-blog-image:before { opacity: 1; top: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } /* Blog Video/ Audio */ .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before { content: ""; display: block; position: absolute; background: url(images/video-play.png) no-repeat center center; margin: 0; padding: 0; cursor: pointer; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0; height: 45px; z-index: 1; } article.post.format-video.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before, article.post.format-audio.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before { display: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper { position: relative; } /* Blog Post Featured Image Slider */ .featured-carousel-slider { background: #fff; } .featured-carousel-slider.slider-dots-active { padding-bottom: 60px; } .featured-item, .featured-item:hover .featured-caption { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .featured-item { position: relative; } .featured-item:hover .featured-caption{ opacity: 1; } .featured-caption { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); opacity: 0; } .featured-caption .featured-caption-inner { color: #fff; padding: 0 15px; text-align: center; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-caption .featured-caption-inner .featured-post-title { margin: 20px 0 15px; } .featured-caption .featured-caption-inner .featured-post-title a{ color: #fff; text-transform: uppercase; } .featured-caption .featured-caption-inner .featured-description { color: #ccc; margin: 0 0 10px; padding: 0 27px; } .featured-caption .featured-caption-inner .post-category a:hover, .featured-caption .featured-caption-inner .post-category a:focus{ color: #fff; } .featured-caption .featured-caption-inner .read-more a:hover, .featured-caption .featured-caption-inner .read-more a:focus{ color: #fff; text-decoration: underline; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav div{ border: 0px; height: 50px; width: 50px; line-height: 49px; background: #222; font-size: 30px; border-radius: 0px; top: 50%; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-carousel-slider.owl-carousel.owl-theme.slider-dots-active .owl-controls .owl-nav div{ margin-top: -30px; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev{ left: 0; right: auto; } .featured-carousel-slider.owl-carousel.owl-theme:hover .owl-controls .owl-nav div{ opacity: 1; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-dots{ background: #fff; position: absolute; left: 0; right: 0; bottom: 14px; } /* ============ Blog Grid ============ */ .grid-posts { border-bottom: none; margin-bottom: 30px; padding: 15px; background:#f7f7f7; } .grid-col-2 .grid-posts { width: 49%; width: calc( 50% - 15px ); width: -webkit-calc( 50% - 15px ); } .grid-col-3 .grid-posts { width: 32%; width: calc( 33.3333% - 20px ); width: -webkit-calc( 33.3333% - 20px ); } .grid-col-4 .grid-posts { width: 24%; width: calc( 25% - 23px ); width: -webkit-calc( 25% - 23px ); } .parallax-content .grid-layout { margin-bottom: 0px; } .grid-layout .grid-posts .btn-more.read-more-link, .medium-layout .medium-posts .btn-more.read-more-link, .large-layout .large-posts .btn-more.read-more-link { background: transparent; border: none; padding: 0; text-decoration: underline; font-size: 12px; } .post .btn-more.read-more-link:hover, .post .btn-more.read-more-link:active, .post .btn-more.read-more-link:focus { color: #333; } .grid-layout .grid-posts .entry-meta i, .grid-layout .grid-posts .entry-meta .meta-name { font-size: 12px; padding-right: 5px; } .grid-layout.grid-col-3 .grid-posts .entry-meta .meta-name, .grid-layout.grid-col-4 .grid-posts .entry-meta .meta-name { display: none; } .grid-layout.grid-col-3 .grid-posts .entry-meta li, .grid-layout.grid-col-4 .grid-posts .entry-meta li { margin-right: 20px; } .post.format-quote.grid-posts .posts-inner-container, .post.format-quote.timeline-posts .posts-inner-container { padding: 0; border: none; } .post.format-quote.grid-posts .posts-content-container, .post.format-quote.timeline-posts .posts-content-container { padding: 15px; } .post.format-quote.grid-posts .quote-format p, .post.format-quote.grid-posts .quote-format blockquote, .post.format-quote.grid-posts .quote-format a, .post.format-quote.timeline-posts .quote-format p, .post.format-quote.timeline-posts .quote-format blockquote, .post.format-quote.timeline-posts .quote-format a { color: #fff; } .post.format-quote.grid-posts .zozo-social-share-icons li a, .post.format-quote.timeline-posts .zozo-social-share-icons li a { color: #fff; border-color: #fff; } .quote-format blockquote:after { top: auto; bottom: 0; } .posts-content-container { padding: 0; overflow:hidden; } h2.entry-title { margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } h2.entry-title a { color: #333; } .btn.btn-more i { padding-left:10px; padding-right:0px; } .grid-posts .entry-thumbnail.quote-image { margin-bottom: 0; } .grid-posts .entry-thumbnail.quote-image img { width: 100%; } .grid-posts .entry-thumbnail.image-format { position: relative; } .entry-thumbnail.blog-medium-image { padding: 0; margin-right: 30px; } .medium-posts .audio-player.blog-medium-image { padding: 5px 20px; } .post-featured-image, .audio-player,.post .video-player { margin-bottom: 20px; } .parallax-content .entry-thumbnail, .parallax-content .audio-player, .parallax-content .video-player { margin-bottom: 10px; } .large-posts .entry-thumbnail, .large-posts .audio-player, .large-posts .video-player{ margin-bottom: 20px; } .medium-posts .entry-thumbnail, .list-posts .audio-player, .medium-posts .video-player { margin-bottom:0; } .timeline-posts .entry-thumbnail.image-format { margin-bottom: 0; } .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container, .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container { display: none; } .entry-thumbnail img { width: 100%; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .quote-author { text-align: center; } .entry-meta li { display: inline-block; margin: 0 10px 0 0; } .entry-meta li.category{ float:right; margin: 0 0 5px; } .entry-meta li.divider { margin: 0 8px; position: relative; } .entry-meta .author a{ text-transform:capitalize; } .entry-meta li.divider:before { background-color: #d9d9d9; bottom: 0; content: ""; height: 15px; left: -8px; margin: auto; position: absolute; top: 0; width: 1px; } .category-image img { width: 100%; } .archive-header { margin-bottom: 15px; } .single-post .entry-header .entry-title { margin-bottom: 10px; } .tags-title, .sharing-title { font-size: 12px; display: inline-block; padding-right: 5px; } .post-tags > a { color: #7f7f7f; font-style:italic; } .post-tags > a:hover, .post-tags > a:active, .post-tags > a:focus { color: #fff; } /* Blockquote */ .post blockquote{ padding: 12px 0 12px 25px; color: #7f7f7f; font-family: georgia; font-size: 20px; font-weight: normal; margin-top: 10px; } .post blockquote:after { height: 100%; content: ""; left: 0; width: 3px; } .post blockquote:before { content: none; } .post blockquote p { line-height: 30px; } /* Blockquote Reverse */ .post blockquote.blockquote-reverse{ padding: 12px 25px 12px 0; display:block; } .post blockquote.blockquote-reverse:after { left: auto; right: 0; } .pagination { width: 100%; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .pagination > li { display: inline-block; margin: 0 8px; } .pagination > li > a, .pagination > li > span { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; background: transparent; border: none; color: #969696; padding: 0; margin: 0; text-align: center; height: 45px; line-height: 43px; font-size: 17px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { background: transparent; border: none; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: transparent; } .pagination > li > a.prev, .pagination > li > a.next { width: 40px; height: 45px; overflow: hidden; padding: 2px; position: relative; color:#333; z-index:1; } .pagination > li > a.prev { margin-right: 10px; } .pagination > li > a.next { margin-left: 10px; } .pagination > li > a.prev:hover, .pagination > li > a.prev:active, .pagination > li > a.prev:focus, .pagination > li > a.next:hover, .pagination > li > a.next:active, .pagination > li > a.next:focus { color: #fff; } .pagination > li > a.prev:hover:after, .pagination > li > a.prev:active:after, .pagination > li > a.prev:focus:after, .pagination > li > a.next:hover:after, .pagination > li > a.next:active:after, .pagination > li > a.next:focus:after { border: 1px solid; color: #fff; } /* ==== 404 Page ==== */ .content-404page{ text-align: center; } .content-404page .title-one { color: #949494; font-weight: 400; text-transform: uppercase; margin: 15px 0px 30px; } .post-404 .entry-content { background: #f7f7f7 none repeat scroll 0 0; padding: 30px 20px 30px; border-radius:5px; } .content-404page .title-two{ color: #949494; font-size: 125px; text-align: center; line-height: 1; margin-bottom: 26px; } .content-404page span i{ background-color: #949494; border-radius: 50%; color: #ffc400; font-size: 50px; height: 105px; line-height: 105px; margin: 10px 0 25px; width: 105px; } .search-404page { margin: 20px 15px; } .title-404 { color: #7f7f7f; font-size: 50px; font-weight: 100; margin-bottom: 32px; text-transform: lowercase; } .content-404page .title-three { font-weight: 300; margin-bottom: 37px; color: #7f7f7f; font-size:20px; } .zozo-search-page.search-page-form { margin-bottom: 30px; } .zozo-search-no-results h1.entry-title { margin-bottom:0; } .zozo-search-no-results .entry-header { margin-bottom: 30px; } .zozo-searchresults.search-results-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; } .zozo-searchresults h1 { font-weight: 300; } .zozo-searchresults.search-results-item .entry-thumbnail img { width: auto; max-width: 300px; float: left; margin-right: 20px; } .author-info { background-color: #f7f7f7; border: 1px solid #e1e1e1; margin-top: 40px; margin-bottom: 20px; padding: 30px; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .author-name a { text-transform: capitalize; font-weight: 500; } .page-title-header .author-name { text-transform: capitalize; } .author-description { margin-top: 5px; font-size: 14px; color: #7f7f7f; margin-left: 95px; } .author-info-container { position: relative; } .author-title h4 { margin: 0; } .author-avatar { float: left; } .author-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .author-info-container .author-avatar, .author-info-page .author-avatar, .comment-container .avatar { margin-right: 20px; } .author-info-container .author-name { font-size: 20px; font-weight: 400; } .author-info-page { background-color: #f7f7f7; border: 1px solid #e1e1e1; padding: 30px; margin: 20px 0 40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .author-links { margin-left: 95px; } .author-links .zozo-social-share-icons li:first-child { margin-left: 0; } .author-links .author-social { list-style: none; padding: 0; margin: 15px 0 0; } .zozo-social-share-box .author-social li a { border: 0 none; color: #222; line-height: 29px; } .form-allowed-tags { word-break: break-all; } .form-allowed-tags code { background: none; color: inherit; } .grid-posts .author-img { display: none; } .tags-share-section { border-top: 1px dashed #e1e1e1; clear: both; margin-top: 20px; padding: 25px 0; } .tags-share-section .share-options { text-align: right; } .tags-share-section .zozo-social-share-box { float:none; display:inline-block; } .vimeo-inner { max-width: 100% !important; } .comments-title h4, .no-comments { color: #000000; } .comment-avatar img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .comment-respond label { display: block; } .comment-reply-title { text-transform: capitalize; } .comment-status-text { color: #5d5d5d; font-size: 14px; min-height: 75px; } .comment-status-text .reply .edit { padding-right: 8px; } #comment { width: 100%; } .comments-section { padding-top: 20px; padding-bottom: 20px; } .comment-respond { margin-bottom: 60px; } .comments-title { margin-bottom: 15px; } .bypostauthor { } .zozo-all-comments { } .zozo-all-comments ul.children { list-style: none; padding-left: 100px; } .zozo-all-comments ul.children li .comment-container { position: relative; } .comment-container { border-bottom: 1px dashed #e1e1e1; padding: 30px 0; } .comment-container a{ color: #9d9d9d; } .comment-avatar { float: left; } .time-diff { text-transform: capitalize; } .comment-list .author-name { display: inline-block; text-transform: capitalize; padding-right: 30px; margin-top:0; } .comment-list .date { color: #9d9d9d; } .comment-list .edit { padding-right: 15px; } .comment-form .form-group { margin-bottom: 17px; } .comment-form input.form-control, .comment-form textarea, .comment-form textarea.form-control { font-size: 14px; color: #4e4e4e; padding:5px 10px; } .comment-form .form-control::-moz-placeholder { color: #4e4e4e; } .comment-form .form-control:-ms-input-placeholder { color: #4e4e4e; } .comment-form .form-control::-webkit-input-placeholder { color: #4e4e4e; } .comment-respond .form-submit { margin-top: 10px; width: 33.3333%; padding: 0 15px 0 0; } .comment-container span, .comment-container a { color: #9d9d9d; } .comment-container span i, .comment-container a i{ margin-right: 8px; } .comment-container .reply{ float: right; margin-top: -24px; } #infscr-loading { position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: 100%; text-align: center; background: none; padding: 8px 5px; color: #fff; } #infscr-loading img { margin: 0 auto; } .all-loaded { background: #eaeaea; color: #000; padding: 15px; } .pagination.infinite-scroll { display: none; } .zozo-hr-line { border-color: #eaeaea; } .video-player { background: #000000; } .video-player .mejs-container, .wp-video-shortcode, .mejs-overlay { width: 100% !important; margin: 0 auto; } .wp-video-shortcode { max-width: 100%; } .wp-video { width: 100% !important; } .youtube-inner { max-width: 100% !important; } .timeline-layout { position: relative; float: left; width: 100%; } .timeline-layout.clearfix:after { background: none repeat scroll 0 0 #E3E3E3; bottom: 0; clear: none; content: ""; display: block; height: 99%; left: 0; margin: auto; position: absolute; right: 0; top: 44px; visibility: visible; width: 2px; } .sc-timeline-title { display: inline-block; padding: 4px 12px; background: #EDEDED; position: relative; z-index: 99; margin-top: 10px; } .sc-blog-timeline-date { clear: both; text-align: center; } .timeline-icon { text-align: center; font-size: 35px; } .timeline-posts { width: 50%; position: relative; } .timeline-posts .posts-inner-container { padding: 15px; border: 1px solid #e3e3e3; margin-bottom: 10px; position: relative; width: 92%; min-height: 220px; } .timeline-posts.pull-right .posts-inner-container { float: right; } .timeline-posts.pull-left { clear: left; margin-top: 10px; } .timeline-posts.pull-right { clear: right; margin-top: 50px; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { top: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { left: 100%; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { border-left-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:after { border-color: transparent; border-width: 5px; margin-top: -5px; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { right: 100%; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-right-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-width: 11px; margin-top: -11px; } .timeline-posts.pull-left:after, .timeline-posts.pull-right:after { background: none repeat scroll 0 0 #E0E0E0; border-radius: 50%; content: ""; display: block; height: 18px; position: absolute; top: 15px; width: 18px; z-index: 10; } .timeline-posts.pull-left:after { right: -9px; } .timeline-posts.pull-right:after { left: -9px; } .zozo-form-success, .zozo-form-error { padding: 10px; display: none; } .entry-content .zozo-form-success, .entry-content .zozo-form-error { margin-bottom: 15px; } .zozo-form-success i, .zozo-form-error i { padding-right: 10px; } /* Related Posts */ .related-portfolio-slider-section{ margin-bottom:40px; } ul.related-posts{ list-style:none; padding:0; } /*Latest Posts*/ .latest-posts-layout .post{ margin-bottom:28px; } .latest-posts-layout .post:last-child { margin-bottom:0; } .latest-posts-layout .entry-thumbnail{ max-width:100px; float:left; margin-right: 15px; } .latest-posts-layout .entry-thumbnail img{ border-radius: 6px; } .latest-posts-layout .posts-content-container .entry-header{ margin-bottom: 10px; display:none; } .latest-posts-layout .posts-content-container h2.entry-title{ font-size: 18px; font-weight: 400; margin-bottom:0; line-height: 18px; } .latest-posts-layout .posts-content-container .entry-summary > p{ margin-bottom:5px; } .latest-posts-layout .entry-meta{ margin:0; } .latest-posts-layout .entry-meta .read-more{ float:right; margin-right:10px; } .latest-posts-layout .entry-meta .read-more > a:after{ content:"\f105"; font-size:14px; font-family: FontAwesome; font-style: normal; font-weight:700; padding-left: 5px; } /* ================================================================ * VC Progress Bar * ================================================================ */ .bar-style-tooltip .tooltip { opacity: 1; font-family: inherit; } .bar-style-tooltip .tooltip .tooltip-inner { color: #333; padding: 6px 10px; border-radius: 0px;-webkit-border-radius: 0px;-ms-border-radius: 0px; -o-border-radius: 0px; } .bar-style-tooltip .tooltip.top { min-width: 52px; top: 0; right: -26px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* ================================================================ * CONTACT US * ================================================================ */ input, .input, input.form-control, select, select.form-control { background:#fff; border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-size: 12px; height: 40px; line-height: inherit; } textarea { border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .form-style-transparent input, .form-style-transparent .input, .form-style-transparent input.form-control, .form-style-transparent textarea { border: 1px solid #7c7c7c; color:#333; } .typo-light .form-style-transparent input, .form-style-transparent .input, .typo-light .form-style-transparent input.form-control, .form-style-transparent textarea { color:#fff; } .form-style-transparent .input-group input.form-control, .form-style-transparent .input-group input.form-control:focus { border-right-color: transparent !important; } .form-style-transparent textarea.form-control, .form-style-transparent input.form-control, .bg-skin-dark .form-style-transparent textarea.form-control, .bg-skin-dark .form-style-transparent input.form-control { background:transparent !important; } input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus{ outline: none; } input[type="radio"], input[type="checkbox"] { display: inline-block; height: auto; } .form-control, .form-control:focus{ box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .post-password-form label, .post-password-form input { display: inline-block; } input, input.form-control, textarea, textarea.form-control, .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { font-size: 14px; } input:focus, .form-control:focus, textarea:focus, #respond input:focus, #respond textarea:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .typo-default .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-light .form-control::-moz-placeholder { color: #e1e1e1; } .typo-light .form-control:-ms-input-placeholder { color: #e1e1e1; } .typo-light .form-control::-webkit-input-placeholder { color: #e1e1e1; } .typo-dark .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .has-error .input-group-addon, .has-success .input-group-addon { background-color: transparent; } .has-error .zozo-input-group-addon .input-group-addon, .has-error .zozo-input-group-addon .form-control, .has-error textarea.form-control:focus, .has-error .zozo-input-group-addon input:focus, .has-error textarea:focus, .has-error .zozo-input-group-addon .form-control:focus { border-color: #a94442; } textarea:focus, .form-group textarea.form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .form-group:last-child { margin-bottom: 0; } .typo-light .contact-form-wrapper .bg-success { background-color: transparent; } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control { background: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control, .form-style-flat .btn.zozo-submit { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } /* ============ CONTACT INFO ============== */ /* Default */ .contact-widget-title{ font-size: 40px; } .contact-widget-title, .contact-info-container h5 { line-height: 1.3; margin-bottom: 22px; } .contact-info-container h5{ font-size: 32px; } .contact-info-inner h5 a:hover{ color: #333; } .typo-light .contact-info-inner h5 a:hover{ color: #fff; } .contact-info-inner .zozo-social-icons li a{ height: 60px; width: 60px; line-height: 60px; font-size: 25px; } .contact-info-inner .zozo-social-icons li a i{ line-height: 60px; font-size: 25px; } .zozo-social-icons.social-style-bordered li a{ background: transparent; border: 1px solid #e1e1e1; } .zozo-social-icons.social-style-bordered li a i{ color: #7f7f7f; } .typo-light .zozo-social-icons.social-style-bordered li a i{ color: #fff; } .zozo-social-icons.social-style-bordered li a:hover i{ color: #fff; } /* Show Divider */ .show-separator .contact-widget-title, .show-separator.contact-info-container h5 { line-height: 1.2; margin-bottom: 15px; } .show-separator .contact-widget-desc{ border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; padding-bottom: 15px; } /* Contact Info 2 */ .contact-info-container.contact-info-style2 .contact-widget-title{ margin-top: 0; } .contact-info-container.contact-info-style2 h6 { color: #333; display: inline-block; padding: 6px 10px; font-weight: 300; text-transform: uppercase; } .contact-info-container.contact-info-style2 h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; color: #7f7f7f; } .typo-light .contact-info-container.contact-info-style2 h5 { color: #fff; } .typo-dark .contact-info-container.contact-info-style2 h5 { color: #333; } .contact-info-container.contact-info-style2 .zozo-social-icons li a { height: 30px; width: 30px; line-height: 30px; } .contact-info-container.contact-info-style2 .zozo-social-icons li a i{ line-height: 30px; font-size: 14px; } /* ----------- CONTACT FORM 7 ------------- */ .wpcf7 input { height: 40px; width: 100%; padding-top: 6px; padding-bottom: 6px; } .wpcf7 textarea { max-height: 110px; width: 100%; padding-top: 6px; } .wpcf7 .height-large { max-height: none; } .wpcf7 p { font-weight: bold; } .wpcf7 input[type="submit"] { width: auto; height: auto; padding: 9px 12px; } .wpcf7 .btn-wide input[type="submit"] { width: 100%; max-width: 205px; } .wpcf7 input[type="file"] { padding-left: 0; } .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { height: auto; width: auto; display: inline-block; } .wpcf7 p { font-weight: 700; font-size: 13px; color: #7f7f7f; margin-bottom: 0; } .wpcf7 textarea, .wpcf7 input, .wpcf7 select { font-weight: normal; padding-left: 10px; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; margin-bottom: 30px; } .wpcf7 input[type="submit"]{ margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; position: relative; } span.wpcf7-not-valid-tip { bottom: 0; font-size: 13px; font-weight: normal; left: 0; position: absolute; } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { color: #888; opacity: 1; } .wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { color: #888; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { color: #888; } .wpcf7 textarea, .wpcf7 input { color: #888; } span.wpcf7-not-valid-tip { font-size: 13px; font-weight: normal; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0px; color: #da0000; margin-left: 0; padding: 0; } div.wpcf7-mail-sent-ok{ color: #398f14; } .wpcf7 select[multiple], .wpcf7 select[size]{ width: 100%; } .wpcf7-form-control-wrap label { width: 100%; } .wpcf7 input.btn-block[type="submit"]{ width: 100%; } /* Appointment Form */ .selectbox-arrow select { color:#888; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; padding: 5px; background: transparent url("images/arrow-bottom.png") no-repeat scroll 100% 0px; } .selectbox-arrow input{ background: transparent; } .selectbox-arrow input::-moz-placeholder, .selectbox-arrow textarea::-moz-placeholder { color: #888; } .selectbox-arrow input::-webkit-input-placeholder, .selectbox-arrow textarea::-webkit-input-placeholder { color: #888; } .selectbox-arrow input:-ms-input-placeholder, .selectbox-arrow textarea:-ms-input-placeholder { color: #888; } .wpcf7 h6, .wpcf7 h5{ margin-bottom: 0; } .wpcf7 h6 label, .wpcf7 .label-full label { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 12px; margin-top: 15px; font-size: inherit; font-weight: inherit; } .checkbox-full .wpcf7-list-item { display: block; margin: 9px 0; } .checkbox-full .wpcf7-list-item input[type="checkbox"] { margin: 7px 8px 0 0; float: left; } /* Short Appointment Form */ .widget .wpcf7 textarea, .widget .wpcf7 input, .widget .wpcf7 select { margin-bottom: 10px; } /* ----------- GRAVITY FORM ------------- */ .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { height: 35px; padding: 10px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent; border: none; margin-bottom: 0 !important; padding: 0 !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; margin-top: 0; padding-left: 0 !important; } .gform_wrapper .top_label .gfield_error { width: 100%; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 10px; } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ font-weight: inherit; } .gform_wrapper .top_label .gfield_label { font-weight: 600; color: #7f7f7f; font-size: 13px; } .gform_wrapper .gfield_error .gfield_label, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio{ color: #7f7f7f; } .gform_confirmation_message{ color: green; } .gform_wrapper div.validation_error { border: 0px; padding-bottom: 0; font-weight: inherit; font-size: 13px; color: #da0000; margin-bottom: 0; } .gform_wrapper .validation_message{ color: #da0000; font-weight: inherit; } .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea{ border-color: #e1e1e1; } .gmap_canvas img { max-width: none; } /* VC Post Grid */ .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date > div { font-style: italic; } /* ================================================================ * MAILCHIMP * ================================================================ */ .form-style-transparent input { color: #fff; } .form-style-transparent .form-control::-moz-placeholder { color: #e1e1e1; } .form-style-transparent .form-control::-webkit-input-placeholder { color: #e1e1e1; } .form-style-transparent .form-control:-ms-input-placeholder { color: #e1e1e1; } .typo-dark .form-style-transparent .form-control::-moz-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control::-webkit-input-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control:-ms-input-placeholder { color: #333; } .zozo-form-group-addon .input-group-addon { padding: 0; margin: 0; border: none; } .form-btn-inline .zozo-form-group-addon .input-group-addon .btn { border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; height: 100%; margin: 0; padding: 0 12px; height: 40px; line-height: 40px; } .mailchimp-email.zozo-form-group-addon .form-control-feedback { line-height: 40px; height: 40px; right: -30px; } .form-control-feedback{ line-height: 40px; } .form-btn-right .mailchimp-email.zozo-form-group-addon .input-group-addon { padding-left:15px; } .form-btn-right .input-group .form-control { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } /* ================================================================ * DOMAIN SEARCH FORM * ================================================================ */ .form-domain-view .zozo-form-group-addon .input-text.form-control { max-width: 85%; } .form-domain-view .zozo-form-group-addon .input-select { max-width: 15%; display: table-cell; box-shadow:none; -ms-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; padding: 6px 8px; float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .form-domain-view .form-btn-inline .zozo-form-group-addon .input-select { border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; border-left-color: transparent; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-text.form-control { max-width: 85%; margin-right: 2.5%; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-select { margin-right: 2.5%; } /* ================================================================ * PORTFOLIO * ================================================================ */ .portfolio-item { cursor: pointer; overflow: hidden; } .portfolio-item img { width: 100%; } .portfolio-content, .portfolio-img { position: relative; } .portfolio-content .portfolio-overlay .portfolio-title { color:#fff; padding:0 20px; } .portfolio-content .portfolio-overlay .portfolio-title h4, .portfolio-content .portfolio-overlay .portfolio-title p { color:#fff; } .portfolio-content .portfolio-overlay .portfolio-title p { margin-bottom: 10px; } .portfolio-content { color: #676666; } .portfolio-overlay:before { content: ""; display: inline-block; width: 100%; } .portfolio-overlay { position: relative; background-color: rgba(0, 0, 0, 0.8); transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; text-align: center; bottom:0; } .portfolio-item:hover .portfolio-overlay { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .portfolio-mask { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .portfolio-mask a{ color:#333; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin: 0 5px; overflow: hidden; position: relative; width: 30px; z-index: 1; } .portfolio-mask a:hover{ color: #fff; } .portfolio-tabs { margin: 10px 0 25px; line-height: 2; } .portfolio-tabs li { margin: 0 0 15px 0; padding: 0; } .portfolio-tabs li a { padding: 7px 15px; background: none; position:relative; margin: 0 20px 0; border: 1px solid rgba(0, 0, 0, 0); display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; z-index:1; } .portfolio-tabs.text-left li:first-child a { margin-left: 0; } .portfolio-tabs.text-right li:last-child a { margin-right: 0; } .typo-light .portfolio-tabs li a,.typo-light .portfolio-tabs li a.active,.typo-light .portfolio-tabs li a:hover { color: #FFFFFF; } .typo-dark .portfolio-tabs li a,.typo-dark .portfolio-tabs li a.active,.typo-dark .portfolio-tabs li a:hover { color: #333; } .typo-light .portfolio-tabs li a.active,.typo-light .portfolio-tabs li a:hover { border: 1px solid #fff; } .typo-dark .portfolio-tabs li a.active,.typo-dark .portfolio-tabs li a:hover { border: 1px solid #333; } .single-portfolio-item.item-video { height: 300px; } .portfolio-gallery img { width: 100%; } .portfolio-nav { float: right; margin-bottom: 0; } .portfolio-nav li { padding: 0; margin: 0 3px; } .portfolio-nav li a { padding: 4px 10px; display: block; color: #FFFFFF; } .portfolio-single .portfolio-gallery { margin-bottom: 30px; } .portfolio-details, .portfolio-sharing { margin-bottom: 20px; float: left; width: 100%; } .portfolio-sharing { margin-top: 20px; } .portfolio-box { float: left; width: 100%; display: table; margin: 0 0 2px; } .portfolio-box h5 { width: 115px; margin: 0; display: table-cell; } .portfolio-box > div { display: table-cell; } .portfolio-box > div, .portfolio-box a { color: #3e3f3f; } .portfolio-sharing .portfolio-info-title { margin-bottom: 5px; } .portfolio-custom-text { font-size: 13px; margin-bottom: 0; } /* ============ Portfolio Slider ============ */ .portfolio-slider-item .portfolio-title, .portfolio-slider-item .portfolio-title > h4 { color: #FFFFFF; margin-bottom: 5px; } .latest-portfolio-slider-section { padding: 30px 0 60px; } /* ============ Portfolio Classic ============ */ .zozo-portfolio.classic-grid-style .portfolio-inner-wrapper h5 { margin-top: 15px; } /* ================================================================ * SECONDARY MENU * ================================================================ */ .side-menu { text-align: center; } .secondary_menu { position: fixed; background: #2B2B2B; overflow-y: hidden; z-index: 300; padding: 30px 15px 15px; display: none; } .secondary_menu.top { width: 100%; } .secondary_menu.right { width: 25%; right: 0; height: 100%; } .secondary_menu.left { width: 25%; left: 0; height: 100%; padding: 15px; } .secondary_menu_close { float: right; color: #FFFFFF; font-size: 22px; padding-right: 10px; margin-top: -30px; } .secondary_menu.right .secondary_menu_close { float: left; } .secondary_menu .widget { border: none; padding: 0; } .secondary_menu .widget_nav_menu .menu { margin: 0; } .secondary_menu .widget_nav_menu ul li.menu-item { padding: 9px 10px; border-bottom: 1px solid #4F4F4F; margin: 0; } .secondary_menu .widget_nav_menu ul li.menu-item > a { color: #ddd; text-transform: uppercase; display: block; } .secondary_menu .widget_text { color: #777777; } .secondary_menu .call-to-action-inner { background: transparent; border: none; padding: 10px 0; } .secondary_menu .call-to-action-inner .btn { padding-top: 7px; padding-bottom: 7px; } /* ================================================================ * TABS * ================================================================ */ .animated .zozo-tabs .tab-content > .active, .animated .zozo-accordion .panel-collapse.collapse.in { visibility: hidden; } .animated.visible .zozo-tabs .tab-content > .active, .animated.visible .zozo-accordion .panel-collapse.collapse.in { visibility: visible; } .zozo-left-vertical .tab-content > .tab-pane, .zozo-right-vertical .tab-content > .tab-pane { padding: 0; } .tabs-left, .tabs-right { border-bottom: none; } .nav-tabs.tabs-left > li, .nav-tabs.tabs-right > li { float: none; } .nav-tabs.tabs-right > li > a { margin-right: 0; } .nav-tabs > li:last-child > a { margin: 0; } .zozo-tabs ul li a i { padding-right: 10px; } .zozo-tabs .nav-tabs > li > a { cursor: pointer; background:#f7f7f7; padding: 10px 20px 11px; color: #1e1e1e; text-transform: capitalize; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover{ border-color:#fff; border-bottom-color:#e1e1e1; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus { background: #fff; color: #555; } .zozo-tab-horizontal .nav-tabs { border: 0px; } .zozo-tab-horizontal .nav-tabs > li { float: none; display: table-cell; } .zozo-tab-horizontal .nav-tabs > li.active a{ border-color: #e1e1e1; border-bottom-color: transparent; } .zozo-tab-horizontal .tab-content { margin-top: -1px; border-top: 1px solid; border-bottom: 1px solid; border-color: #e1e1e1; padding: 20px 0; } .tab-content > .tab-pane p:last-child{ margin-bottom: 0px; } /* Tab Vertical Left & Right */ .zozo-left-vertical .nav-tabs{ float: left; padding-right: 20px; } .zozo-left-vertical .nav-tabs > li > a{ margin-right: 0; } .zozo-left-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs > li > a { padding: 10px 20px 11px; border: 1px solid transparent; border-right-color: #e1e1e1; margin-bottom: -2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .zozo-left-vertical .nav-tabs > li.active > a{ border-color: #e1e1e1; border-right-color: transparent; } /* Right Tab */ .zozo-right-vertical .nav-tabs.tabs-right{ float: right; padding-left: 20px; } .zozo-right-vertical .nav-tabs.tabs-right li{ margin-bottom: 1px; } .zozo-right-vertical .nav-tabs.tabs-right > li > a { border: 1px solid transparent; border-left-color: #e1e1e1; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .zozo-right-vertical .nav-tabs.tabs-right > li.active > a{ border-color: #e1e1e1; border-left-color: transparent; } /* ================================================================ * ACCORDION * ================================================================ */ /* Accordion Default */ .panel-group{ margin-bottom: 0; } .zozo-accordion-default .zozo-accordion-panel.panel{ border: 0px; } .zozo-accordion-default .zozo-accordion-panel.panel.panel-default { margin: 0; } .zozo-accordion.zozo-accordion-default .panel-title a{ padding: 9px 0px; font-weight: 600; border-bottom: 1px solid #e1e1e1; line-height: 30px; } .zozo-accordion.zozo-accordion-default .panel-title a.collapsed{ color: #333; } .zozo-accordion.zozo-accordion-default .panel-body{ padding: 15px 0; } .zozo-accordion.zozo-accordion-default .panel-title a:after{ content: none; display: none; } /* Accordion classic */ .zozo-accordion.zozo-accordion-classic { padding: 5px 20px; border: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default { margin: 0; border: 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default:last-child{ border-bottom: 0px; } .zozo-accordion.zozo-accordion-classic .panel-title a{ border: 0px; line-height: 30px; padding: 9px 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion.zozo-accordion-classic .panel-title a.collapsed{ border-bottom: 0px; color: #333; } .zozo-accordion.zozo-accordion-classic .panel-body{ padding: 15px 0; } /* =============== Blockquote =============== */ blockquote.blockquote-reverse:before { left:auto; right: 0; } /* ================================================================ * CLIENT SLIDER * ================================================================ */ .zozo-client-slider-wrapper .owl-carousel.owl-theme .owl-dots { margin-top: 20px; } .zozo-client-grid .client-item { text-align:center; } .zozo-client-grid img { margin: 0 auto; } /* Client Grid Column*/ .client-columns-4 .client-grid-spacer .client-item, .client-columns-3 .client-grid-spacer .client-item, .client-columns-2 .client-grid-spacer .client-item { margin-bottom: 30px; } .client-columns-4 .client-grid-spacer .client-item:nth-last-child(4), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(1){ margin-bottom: 0; } /* ================================================================ * WIDGETS * ================================================================ */ .widget { margin-bottom: 15px; } .widget-title { border-bottom: 1px solid #e1e1e1; } .sidebar .widget-title { margin-top: 0; } .widget.widget_search { padding: 0; border: none; } .widget.widget_search .widget-title { display: none; } .widget input, .widget select, .widget textarea { width: 100%; } .widget ul { padding:0px; list-style:none; margin-bottom: 0; } .widget li { list-style:none; line-height: 26px; } .widget.widget_recent_entries li a, .widget.widget_recent_comments li .comment-author-link a, .widget.zozo_category_posts_widget li a, .widget.widget_categories li a, .widget.widget_archive li a, .widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_edd_categories_tags_widget li a{ color: #7f7f7f; padding-left:20px; position:relative; } .widget.widget_recent_entries li a:before, .widget.widget_recent_comments li .comment-author-link a:before, .widget.zozo_category_posts_widget li a:before, .widget.widget_categories li a:before, .widget.widget_archive li a:before, .widget.widget_meta li a:before, .widget.widget_nav_menu li a:before, .widget.widget_edd_categories_tags_widget li a:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; color:inherit; top: -5px; } .widget.widget_recent_entries li a:hover, .widget.widget_recent_comments li a:hover, .widget.zozo_category_posts_widget li a:hover, .widget.widget_categories li a:hover, .widget.widget_archive li a:hover, .widget.widget_meta li a:hover, .widget.widget_nav_menu li a:hover, .widget.widget_edd_categories_tags_widget li a:hover{ color:#333; } .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li,.widget_nav_menu li { margin: 5px 0; } .widget_rss li { margin: 12px 0; } /*Latest post*/ .widget.zozo_popular_posts_widget li.posts-item { border-bottom: 1px dashed #e1e1e1; margin-bottom: 10px; padding: 15px 0; } .widget.zozo_popular_posts_widget li.posts-item:last-child { border:none; margin-bottom: 0; } .sidebar .zozo-latest-posts .posts-title { margin-bottom: 5px; } /*Counter Widget*/ .sidebar .zozo-count-number .zozo-counter-count { line-height:16px; color: #7f7f7f; } .sidebar .zozo-count-number .zozo-counter-count > .counter { color: #333333; padding-left: 10px; } .posts-item, .cat-posts-item { margin: 5px 0; } .widget_recent_entries li { margin: 5px 0; } .widget_recent_entries .post-date { display: block; } .widget_recent_entries li:first-child { border-top:0; } .posts-item:last-child { margin-bottom: 0; } .posts-title { margin-top: 0; } .widget_nav_menu ul li.menu-item .sub-menu { margin-top: 5px; } .latest-posts-menu .entry-date { font-size: 13px; color: #7f7f7f; } .latest-post-img { width: 60px; height: 60px; float: left; margin: 0 10px 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } /* Call To Action */ .zozo_call_to_action_widget { padding: 0; } .call-to-action-inner { padding: 2px 0px 12px; } .call-to-action-inner h2 { margin: 0 0 10px; } .call-btn-col { padding-top: 3px; } .zozo-call-action .call-action-text { border-bottom: 0px; line-height: 25px; margin-top: 0; } .zozo_flickr_widget, .zozo_instagram_widget { overflow: hidden; } .flickr_photo_item, .instagram-item { margin: 0; padding: 0; float: left; max-width: 33.3%; width: 100%; } .flickr_photo_item.image-thumbnail, .instagram-item.image-thumbnail{ width: 20%; } .flickr_photo_item.image-medium, .instagram-item.image-medium{ width: 25%; } .flickr_photo_item.image-large, .instagram-item.image-large{ width: 33.33%; } .instagram-item img , .flickr_photo_item img{ height: 70px; } .instagram-item.image-medium img , .flickr_photo_item.image-medium img{ height: 90px; } .instagram-item.image-large img , .flickr_photo_item.image-large img{ height: 120px; } .flickr_photo_item img, .instagram-item img { width: 100%; padding: 0 2px 2px 0; } .flickr_photo_item:hover { opacity: 0.7; } .widget.zozo_tabs_widget { border: none; padding: 0; } .zozo-tabs-widget .tab-content > .tab-pane { border-width:0 1px 1px; border-style: solid; border-color: #ddd; padding: 14px 16px; background: #fff; float: left; width: 100%; } .zozo-tabs-widget .nav-tabs li h6 { margin: 0; padding: 0; } .zozo-tabs-widget .nav-tabs li h6 a { display: block; border: 1px solid; border-color: transparent; border-bottom: 0px; padding: 10px 15px; text-transform: uppercase; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .zozo-tabs-widget .nav-tabs li.active h6 a { background: #fff; border-color: #ddd; } .zozo_tabs_widget .tab-content ul { float: none; } .zozo-tabs-widget .nav-tabs li h6 a:hover { background-color: #fff; border-color: #ddd #ddd transparent; } .zozo-tabs-widget img { max-width: 60px; } .widget-posts-list li { padding-bottom: 15px; border-bottom: 1px solid; border-color: #DFDFDF; margin-bottom: 15px; clear: both; overflow: hidden; display: table; width: 100%; } .tab-content .widget-posts-list li { padding-left: 0; } ul.widget-posts-list{ margin-bottom:0; } .widget-posts-list li:last-child { margin-bottom:0; padding-bottom:0; } .widget-posts-list li:last-child { border-bottom: none; } .widget-posts-list .widget-entry-image { display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 60px; } .widget-posts-list .widget-entry-content h6 { margin-top: 0; } #tab-comments .widget-posts-list .widget-entry-image { padding-top: 0; } .widget-posts-list .widget-entry-meta i { padding-right: 4px; } .widget-entry-content { display: inline-block; } .widget-title { text-transform: uppercase; } .tagcloud { padding-top:5px; } .tagcloud a { color:#333; display:inline-block; margin-bottom:5px; padding:5px ; text-transform:capitalize; padding: 0 5px; font-size: 12px !important; border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; } .tagcloud a:hover { color:#FFFFFF; } /* Facebook Widget */ .fbCustom .fb_iframe_widget span{ width: 100% !important; } .fb-like-box, .fb-like-box .fb_iframe_widget iframe{ width: 100%; } .zozo_facebook_like_box { padding-top: 10px; } /* Twitter */ .widget .tweet-item { padding-bottom: 20px; position: relative; } .widget .tweet-item p { margin-bottom: 0; } .widget li .tweet-user-name a { font-size:16px; text-decoration:none !important; padding-left:40px; color:#333; } .widget .tweet-item a { text-decoration:underline; font-size:10px; margin-right:5px; } .widget .tweet-item { position:relative; padding: 10px 0 15px; } .widget .tweet-item:nth-child(2n+1) { border-bottom:1px dashed #c2c0c0; } .widget .tweet-item p { font-size:13px; padding-top:5px; } .widget .tweet-time { color:#7f7f7f; position:relative; padding-left:6px; font-size:16px; } .widget .tweet-item h5:before { color: #333; content: "\f099"; display: block; font-family: "FontAwesome"; font-size: 14px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; width: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .widget .tweet-time:before{ background: #7f7f7f; content: ""; cursor: pointer; height: 17px; left: -2px; position: absolute; top: 4px; width: 2px; } .widget .tweet-item a { font-size:16px; } /* Car Sevice Widget */ .widget .menu-services-menu-container ul li a { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 10px 12px; } .widget .menu-services-menu-container ul li a::before { left: auto; right: 16px; top: 9px; } .widget .menu-services-menu-container ul li.current-menu-item a, .widget .menu-services-menu-container ul li a:hover, .widget .menu-services-menu-container ul li.current-menu-item a:hover{ color: #fff; } /* List Simple */ .list.simple li{ margin-bottom: 4px; } .list.simple span{ min-width: 40%; float: left; font-weight: 700; } /* VC Gallery */ .widget .wpb_gallery.wpb_content_element, .widget .slick-slider{ margin-bottom: 0; } /* ================================================================ * PLUGINS * ================================================================ */ /* Events List Widgets */ .widget.tribe-events-list-widget ol { padding-left: 0; } .widget .tribe-events-list-widget-events h4.entry-title { font-size: 16px; line-height: 20px; margin: 0 0 10px; text-transform: uppercase; } .widget .tribe-events-list-widget-events h4.entry-title a{ color: #333; } .tribe-events-list-widget ol li{ margin-bottom: 0; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a{ font-weight: normal; } .widget .ecs-event { padding: 10px; background: #f1f1f1; margin-bottom: 20px; } .widget .ecs-event-list img { margin-bottom: 5px !important; } .widget .ecs-event-list h4.entry-title.summary { font-size: 16px; margin-bottom: 0; } .widget .ecs-event p:last-child { margin-bottom:0; } /* ================================================================ * FOOTER WIDGETS * ================================================================ */ .footer-widgets .widget h3 { background:none; padding-left:15px; margin: 0 0 8px; padding: 0; text-transform:uppercase; border-bottom: 1px solid #e1e1e1; } .footer-widgets .widget h3.widget-title {color: #7f7f7f;} .footer-widgets .widget { margin-bottom: 10px; border: none; } .footer-widgets .widget, .footer-widgets .widget p .footer-widgets .widget .zozo-count-number h3 { color:#7f7f7f; } .footer-widgets .widget .zozo-mailchimp-form .form-control{ background:transparent; border: 1px solid #e1e1e1; box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; min-height: 40px; padding: 8px 12px; width: 100%; } .footer-skin-dark .footer-widgets .widget .zozo-mailchimp-form .form-control{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .footer-widgets .widget .zozo-count-number h3{ margin-bottom:0; border-bottom:none; } .footer-widgets .widget .zozo-mailchimp-form{ margin-bottom:10px; } .footer-widgets .widget .tagcloud a { color:#333; } .footer-widgets .widget .tagcloud a:hover{ color: #fff; } .footer-widgets .widget .zozo-call-action a.btn-call-action:hover, .footer-widgets .widget a.btn:hover { color: #fff; } /* Popular Post */ .footer-widgets .widget.zozo_popular_posts_widget li.posts-item{ padding: 5px 0; margin-bottom: 5px; } .footer-widgets .widget.zozo_popular_posts_widget li.posts-item .posts-title{ margin-bottom: 0; } /* ================================================================ * TIME TABLE * ================================================================ */ .time-table .table > tbody > tr > td, .time-table .table > tbody > tr > th, .time-table .table > tfoot > tr > td, .time-table .table > tfoot > tr > th, .time-table .table > thead > tr > td, .time-table .table > thead > tr > th { padding: 20px 8px; text-align: center; vertical-align:middle; text-transform:capitalize; } .time-table .table.table-bordered > tbody > tr > td, .time-table .table.table-bordered > tbody > tr > th, .time-table .table.table-bordered > tfoot > tr > td, .time-table .table.table-bordered > tfoot > tr > th, .time-table .table.table-bordered > thead > tr > td, .time-table .table.table-bordered > thead > tr > th { border-color:#EDEDED; } .time-table .table > thead { color: #fff; } .time-table .table > thead > tr > th { border: none; } .time-table .table > thead > tr > th,.time-table .table > tbody > tr > td:first-child { font-size: 18px; font-weight: 700; } /* ================================================================ * CUSTOM CSS * ================================================================ */ a:hover, a:active, a:focus { color: #333; } .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { background: #e5e5e5; color: #474747; } /* ================================================================ * WORDPRESS GALLERIES * ================================================================ */ .gallery { margin-bottom: 20px; clear: both; overflow: hidden; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 31.333%; max-width: -webkit-calc(33.333% - 4px); max-width: calc(33.333% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1), .gallery-columns-4.gallery-size-thumbnail figure.gallery-item:nth-of-type(4n+1), .gallery-columns-5.gallery-size-thumbnail figure.gallery-item:nth-of-type(5n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; -moz-box-shadow: 0 -10px 15px #000 inset; -webkit-box-shadow: 0 -10px 15px #000 inset; -o-box-shadow: 0 -10px 15px #000 inset; -ms-box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ================================================================ * EVENTS CALENDAR * ================================================================ */ #tribe-events .tribe-events-button, .tribe-events-button, #tribe-bar-form .tribe-bar-submit input[type="submit"] { border: 0 none; border-radius: 3px; color: #333; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 22px; padding: 9px 12px; text-transform: capitalize; width: auto; } #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:active, #tribe-bar-form .tribe-bar-submit input[type="submit"]:focus { color: #fff; } .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: none; } #tribe-bar-form { background: transparent; border: 1px solid #e1e1e1; } /*.tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: #ededed; }*/ #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background: transparent; } #tribe-bar-form label { margin-bottom: 10px; font-size: 14px; text-transform: capitalize; } #tribe-bar-form input[type="text"] { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; height: 40px; font-weight: normal; border-radius: 3px; -webkit-border-radius: 3px; } .tribe-events-list .tribe-events-event-cost span { color: #333; padding: 9px 12px; line-height: 22px; border-radius: 3px; font-weight: normal; } .single-tribe_events .tribe-events-schedule .tribe-events-divider { vertical-align: middle; } .tribe-bar-date-filter, .tribe-bar-search-filter { width: 50%; } .tribe-bar-submit { margin: 0 15px 18px; padding: 0; } .tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover{ background: transparent; } /*.tribe-events-list .type-tribe_events h2 a, .tribe-events-list-event-title.entry-title.summary a, .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a, #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { color: #333; }*/ #tribe-events-content table.tribe-events-calendar { border: 1px solid #e1e1e1; } .tribe-events-meta-group .tribe-events-single-section-title { border-bottom: 1px solid #e1e1e1; text-transform: uppercase; margin: 5px 0 15px; } .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{ padding: 0 20px; margin-bottom: 10px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-weight: 600; padding-bottom: 7px; margin-top: 20px; } .tribe-events-notices { float: left; width: 100%; } /* TRIBE EVENT TITLE */ .tribe-events-list h2.tribe-events-page-title,h2.tribe-events-page-title { font-size: 28px; font-weight: 500; line-height: 40px; margin: 0 0 45px; position: relative; text-transform: uppercase; } h2.tribe-events-page-title:after{ bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .tribe-events-calendar thead th{ background: #333; } .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a{ background: #f7f7f7; color: #333; } #tribe-events-content .tribe-events-calendar h3 a{ color: #333; } #tribe-events-content .tribe-events-single-event-title { font-size: 36px; line-height: 36px; margin-bottom: 0; } #tribe-events-content .tribe-events-schedule h2 { font-size: 25px; font-weight: 400; line-height: 25px; } .events-single .tribe-events-schedule { margin: 0 0 1.5em; } /* LIST VIEW */ .tribe-events-list .type-tribe_events{ border-bottom: 1px dashed #e1e1e1; padding-bottom: 30px; } .tribe-events-list .time-details { color: #7c7c7c; margin: 10px 0 20px; } .tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details { font-style: normal; } .tribe-events-list-separator-month span{ padding: 0 15px; font-weight: 300; } .tribe-events-list-separator-month:after{ border-bottom: 4px double #e1e1e1; } /* DAY VIEW */ .tribe-events-day .tribe-events-day-time-slot h5 { padding: 20px 0; background: #F7F7F7; border: 1px solid #e1e1e1; color: #333; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events{ margin-left: 0; } .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin:20px 0 10px; } /* Events calender Single */ .single-tribe_events .tribe-events-event-meta{ background: #f7f7f7; border: 1px solid #e1e1e1; } /* The Events Calender Shortcode */ .ecs-event-list { padding-left: 0; list-style: none; } .zozo-events-list-wrapper.style-list .ecs-event { margin-bottom: 20px; } .zozo-events-list-wrapper.style-list .ecs-event:last-child { margin-bottom: 0; } .ecs-event .ecs-event-inner { padding: 15px; background: #f7f7f7; border: 1px solid #e1e1e1; } .skin-transparent .ecs-event .ecs-event-inner { background:none; border: 1px solid #7c7c7c; } .ecs-event .event-title { margin:0 0 15px; } .ecs-event-list h4.entry-title.summary { font-size: 20px; line-height: 30px; margin-top: 0; } .zozo-events-list-wrapper.style-list .ecs-event-list img { margin-right: 20px; margin-bottom: 0; float: left; } .zozo-events-list-wrapper.style-grid .ecs-event-list img { margin-bottom: 15px; } .zozo-events-list-wrapper.style-grid .ecs-clearfix { margin-bottom: 30px; } .ecs-event-list .duration { font-style: italic; font-size: 13px; } .ecs-event-list .duration.time { vertical-align: top; } /* Ultimate Addon */ .uvc-heading-spacer.line_with_icon .aio-icon { vertical-align: top; } .ult-carousel-wrapper .animated, .icon_list_item .animated { visibility:visible; } .flip-pad-tb-30 .ifb-flip-box-section { padding-top:30px; padding-bottom:30px; } .flip-box-wrap, .wpb_row .wpb_column .wpb_wrapper .flip-box-wrap { margin-bottom: 0!important; } .smile-icon-timeline-wrap .timeline-separator-text .sep-text { color:inherit; padding: 5px 14px; } .vc_row .ult-vc-seperator { z-index:9; } .vc_row .ult-easy-separator-wrapper { z-index:50; } .bg-style.bg-normal .ult-vc-seperator svg { fill: inherit; } .uvc-type-wrap .ultimate-ticker-down-prefix, .uvc-type-wrap .ultimate-ticker-down-suffix, .uvc-type-wrap .ultimate-ticker-prefix, .uvc-type-wrap .ultimate-ticker-suffix, .ultimate-vticker.ticker, .ultimate-vticker.ticker-down { vertical-align:middle; } .stats-desc .stats-text > h4 { margin-bottom: 0; } .info-circle-wrapper .info-c-full h3 { margin-bottom: 15px; } /*Feature Page*/ .feature-carousel .zozo-feature-box.feature-box-style, .feature-carousel .ult-carousel-wrapper { margin-bottom:0; } .wpb_column.bg-position-left, .wpb_row.bg-position-left { background-position:left center!important; } .wpb_column.bg-position-bottom, .wpb_row.bg-position-bottom { background-position:bottom center!important; } .wpb_column.bg-position-center, .wpb_row.bg-position-center { background-position:center center!important; background-repeat:no-repeat; } .wpb_column.bg-position-right, .wpb_row.bg-position-right { background-position:right center!important; } /* VC blog masonry Grid box */ .vc_gitem_row .vc_gitem-col { padding:10px 15px; } /* List Item Hexagon */ .smile_icon_list.hexagon li .icon_list_icon{ color: #333; } .icon_description:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .icon_description:after, .icon_description:before { content: ""; display: table; } .icon_description_text { margin-top: 10px; } /* Creative Links */ .wpb_single_image .vc_figure { max-width: 100%; } /* Ultimate Addon Pricing */ /* Pricing Btn : hover */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* Pricing Hightlight Bg */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_pricing_heading { color: #fff; } /* Pricing Hightlight Bg : hover */ .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_pricing_heading { background: #000; } /* Pricing Style 3 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table{ background: #F7F7F7; color: #fff; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table ul li{ border-bottom: 1px solid #e1e1e1; color: #777 !important; } /* Pricing Style 4 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table { border-top-color: #000; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* ================================================================ * SITEMAP * ================================================================ */ .sitemap-wrapper ul { list-style: none; padding-left: 20px; } .sitemap-wrapper ul.sitemap-nav { padding-left: 0; } .sitemap-wrapper ul li a { color: #333; padding-left: 15px; position: relative; text-transform: capitalize; } .sitemap-wrapper ul li a::after { content: "\f105"; font-family: FontAwesome; left: 0; position: absolute; } .sitemap-wrapper .sitemap-pages h6.parallax-title { margin-top: 0; } .sitemap-wrapper h6.parallax-title { margin-top: 20px; margin-bottom: 20px; } .sitemap-wrapper .parallax-title::after { bottom: -7px; } /* ================================================================ * SPACINGS * ================================================================ */ .padding-none{padding:0!important}.padding-top-none{padding-top:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-right-none{padding-right:0!important}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-90{padding-top:90px}.padding-top-100{padding-top:100px}.padding-top-110{padding-top:110px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-100{padding-bottom:100px}.padding-bottom-110{padding-bottom:110px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-90{padding:90px}.padding-100{padding:100px}.padding-110{padding:110px}.padding-tb-10{padding-top:10px;padding-bottom:10px}.padding-tb-20{padding-top:20px;padding-bottom:20px}.padding-tb-30{padding-top:30px;padding-bottom:30px}.padding-tb-40{padding-top:40px;padding-bottom:40px}.padding-tb-50{padding-top:50px;padding-bottom:50px}.padding-tb-60{padding-top:60px;padding-bottom:60px}.padding-tb-70{padding-top:70px;padding-bottom:70px}.padding-tb-75{padding-top:75px;padding-bottom:75px}.padding-tb-80{padding-top:80px;padding-bottom:80px}.padding-tb-90{padding-top:90px;padding-bottom:90px}.padding-tb-100{padding-top:100px;padding-bottom:100px}.padding-tb-110{padding-top:110px;padding-bottom:110px}.padding-lr-10{padding-left:10px;padding-right:10px}.padding-lr-20{padding-left:20px;padding-right:20px}.padding-lr-30{padding-left:30px;padding-right:30px}.padding-lr-40{padding-left:40px;padding-right:40px}.padding-lr-50{padding-left:50px;padding-right:50px}.padding-lr-60{padding-left:60px;padding-right:60px}.padding-lr-70{padding-left:70px;padding-right:70px}.padding-lr-75{padding-left:75px;padding-right:75px}.padding-lr-80{padding-left:80px;padding-right:80px}.padding-lr-90{padding-left:90px;padding-right:90px}.padding-lr-100{padding-left:100px;padding-right:100px}.padding-lr-110{padding-left:110px;padding-right:110px}.margin-none{margin:0!important}.margin-top-none{margin-top:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-right-none{margin-right:0!important}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-30{margin-top:30px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-top-110{margin-top:110px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px!important}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-bottom-110{margin-bottom:110px}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-90{margin:90px}.margin-100{margin:100px}.margin-110{margin:110px}.margin-tb-10{margin-top:10px;margin-bottom:10px}.margin-tb-20{margin-top:20px;margin-bottom:20px}.margin-tb-30{margin-top:30px;margin-bottom:30px}.margin-tb-40{margin-top:40px;margin-bottom:40px}.margin-tb-50{margin-top:50px;margin-bottom:50px}.margin-tb-60{margin-top:60px;margin-bottom:60px}.margin-tb-70{margin-top:70px;margin-bottom:70px}.margin-tb-75{margin-top:75px;margin-bottom:75px}.margin-tb-80{margin-top:80px;margin-bottom:80px}.margin-tb-90{margin-top:90px;margin-bottom:90px}.margin-tb-100{margin-top:100px;margin-bottom:100px}.margin-tb-110{margin-top:110px;margin-bottom:110px}.margin-lr-10{margin-left:10px;margin-right:10px}.margin-lr-20{margin-left:20px;margin-right:20px}.margin-lr-30{margin-left:30px;margin-right:30px}.margin-lr-40{margin-left:40px;margin-right:40px}.margin-lr-50{margin-left:50px;margin-right:50px}.margin-lr-60{margin-left:60px;margin-right:60px}.margin-lr-70{margin-left:70px;margin-right:70px}.margin-lr-75{margin-left:75px;margin-right:75px}.margin-lr-80{margin-left:80px;margin-right:80px}.margin-lr-90{margin-left:90px;margin-right:90px}.margin-lr-100{margin-left:100px;margin-right:100px}.margin-lr-110{margin-left:110px;margin-right:110px} .padding-right-30{padding-right: 30px;} /* ================================================================ * DARK SKINS * ================================================================ */ /* =================== * HEADER =================== */ /* Dark */ .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .header-top-section .search-form .input-group-btn .btn-search, .header-section.header-skin-dark, .header-section.header-skin-dark .is-sticky .header-main-section, .header-section.header-skin-dark .header-top-section .navbar-toggle .icon-bar, /*.header-section.header-skin-dark .header-main-section .navbar-collapse,*/ .header-section.header-skin-dark .header-toggle-section, .header-section.header-skin-dark .header-sidenav-section, .header-section.header-skin-dark .header-toggle-content, .header-section.header-skin-dark .header-toggle-content .form-control { background:#000; } .header-section.header-skin-dark .header-main-section .navbar-toggle .icon-bar, .header-section.header-skin-dark .header-logo-section .navbar-toggle .icon-bar { background:#fff; } .header-section.header-skin-dark .zozo-main-nav.navbar-nav .dropdown-menu, .header-section.header-skin-dark .zozo-main-nav.navbar-nav .dropdown-menu .sub-menu, .header-section.header-skin-dark .zozo-main-nav.navbar-nav .sub-menu, .header-section.header-skin-dark .zozo-megamenu-wrapper, .header-section.header-skin-dark .header-side-top-submenu.dropdown-menu { background:#000!important; } .header-section.header-skin-dark .form-control, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item, .header-section.header-skin-dark .main-mobile-nav .zozo-main-nav li > a, .header-section.header-skin-dark .main-right-mobile-nav .zozo-main-nav li > a, .header-section.header-skin-dark .header-toggle-section .header-side-top-section .zozo-top-nav { background:#333; } .header-section.header-skin-dark .zozo-main-nav > li > a, .header-section.header-skin-dark .header-logo-section .navbar-nav > li.extra-nav a, .header-section.header-skin-dark .header-main-section .navbar-nav > li.extra-nav a, .header-section.header-skin-dark .header-main-section .navbar-nav > li.extra-nav, .header-section.header-skin-dark .zozo-main-nav .dropdown-menu > li > a, .header-section.header-skin-dark .zozo-main-nav .dropdown-menu .sub-menu a, .header-section.header-skin-dark .zozo-main-nav .zozo-megamenu .menu-item > a, .header-section.header-skin-dark .dropdown-menu > li.dropdown::after, .header-section.header-skin-dark .sub-menu > li.dropdown::after, .header-section.header-skin-dark .zozo-megamenu-title,.header-section.header-skin-dark .zozo-megamenu-title > a, .header-section.header-skin-dark .woo-cart-contents .cart-product-title, .header-section.header-skin-dark .woo-cart-contents .cart-product-quantity, .header-section.header-skin-dark .woo-cart-contents .woo-cart-total, .header-section.header-skin-dark .header-logo-section .header-contact-details li , .header-section.header-skin-dark .header-logo-section .header-contact-details li > a, .header-section.header-skin-dark .main-mobile-nav .zozo-main-nav li > a, .header-section.header-skin-dark .main-right-mobile-nav .zozo-main-nav li > a, .header-section.header-skin-dark .main-mobile-nav .zozo-main-nav li > .menu-toggler, .header-section.header-skin-dark .header-details-info, .header-section.header-skin-dark .header-toggle-section .header-side-main-section .menu-toggler, .header-section.header-skin-dark .header-toggle-section .mobile-sub-menu > li > a, .header-section.header-skin-dark .header-toggle-section .header-contact-details, .header-section.header-skin-dark .header-toggle-section .header-contact-details a, .header-section.header-skin-dark .header-toggle-section .header-side-top-section .header-side-topmenu li > a, .header-section.header-skin-dark .header-toggle-content, .header-section.header-skin-dark .form-control, .header-section.header-skin-dark .zozo-social-icons.soc-icon-transparent i { color:#fff; } .header-section.header-skin-dark .form-control, .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .header-top-cart .woo-cart-item, .header-section.header-skin-dark.header-fullwidth-menu .header-logo-section, .header-section.header-skin-dark .header-main-section .navbar-collapse, .header-section.header-skin-dark .header-toggle-section { border-color:#7c7c7c; } .header-section.header-skin-dark.type-header-3 .header-main-section .navbar-collapse::before { background:#7c7c7c; } .header-skin-dark .form-control::-moz-placeholder { color: #fff; } .header-skin-dark .form-control:-ms-input-placeholder { color: #fff; } .header-skin-dark .form-control::-webkit-input-placeholder { color: #fff; } .header-skin-dark .zozo-social-icons.soc-icon-transparent i { color: #fff; } /*Transparent*/ .header-section.header-skin-light.header-transparent, .header-section.header-skin-dark.header-transparent, .header-section.header-skin-light.header-transparent .header-top-section, .header-section.header-skin-dark.header-transparent .header-top-section, .header-section.header-skin-light.header-transparent .header-logo-section, .header-section.header-skin-dark.header-transparent .header-logo-section, .header-section.header-skin-light.header-transparent .header-main-section, .header-section.header-skin-dark.header-transparent .header-main-section, .header-section.header-skin-dark.header-transparent .header-main-section .navbar-collapse { background: transparent; } /*Transparent - Light*/ .header-section.header-skin-light.header-transparent .is-sticky .header-main-section, .header-section.header-skin-light.header-transparent .header-main-section.header-toggle-visible, .header-section.header-skin-light.header-semi-transparent .header-main-section.header-toggle-visible { background:#fff; } .header-skin-light.header-transparent .top-contact-info > .header-contact-details > li, .header-skin-light.header-transparent .top-contact-info > .header-contact-details > li > a , .header-skin-light.header-transparent .header-top-section ul > li, .header-skin-light.header-transparent .header-top-section ul > li a { color:#333; } .header-skin-light.header-transparent .top-menu-navigation .navbar-nav > li > a , .header-skin-light.header-transparent .header-top-section .navbar-nav.zozo-top-right > li > p, .header-skin-light.header-transparent p.welcome-msg { color:#333; } .header-skin-light.header-transparent .top-menu-navigation .navbar-nav > li::after, .header-skin-light.header-transparent .header-top-section .navbar-nav.zozo-top-right > li > p::after { background:#333; } /*Transparent - Dark*/ .header-section.header-skin-dark.header-transparent .is-sticky .header-main-section, .header-section.header-skin-dark.header-transparent .header-main-section.header-toggle-visible, .header-section.header-skin-dark.header-semi-transparent .header-main-section.header-toggle-visible { background:#000; } /* Semi-Transparent */ .header-section.header-skin-dark.header-semi-transparent, .header-section.header-skin-light.header-semi-transparent, .header-section.header-skin-dark.header-semi-transparent .header-main-section .navbar-collapse, .header-section.header-skin-light.header-semi-transparent .header-main-section .navbar-collapse { background-color:transparent; } .header-section.header-skin-dark.header-semi-transparent .header-logo-section, .header-section.header-skin-dark.header-semi-transparent .header-main-section { background-color:rgba(0,0,0,0.7); } .header-section.header-skin-light.header-semi-transparent .header-logo-section, .header-section.header-skin-light.header-semi-transparent .header-main-section { background-color:rgba(255,255,255,0.7); } /* Dark Skin */ body.theme-skin-dark,.theme-skin-dark .main-section { background: #333; border-color:#7c7c7c; color:#fff; } .theme-skin-dark hr,.theme-skin-dark legend { border-color: #7c7c7c; } .theme-skin-dark a:hover, .theme-skin-dark a:active, .theme-skin-dark a:focus, .bg-skin-dark a:hover, .bg-skin-dark a:active, .bg-skin-dark a:focus { color: #fff; } .theme-skin-dark .bg-style.dark-wrapper { background: #000; } .bg-style.dark-grey-wrapper { background: #222; } .theme-skin-dark input, .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control,.theme-skin-dark textarea,.bg-skin-dark input, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control,.bg-skin-dark textarea { border-color:#7c7c7c; background:#2e2e2e; } .theme-skin-dark table th,.theme-skin-dark table td, .bg-skin-dark table th,.bg-skin-dark table td { border-color:#7c7c7c; } /* Page Title */ .theme-skin-dark .page-title-section { border-color:#7c7c7c; } /* Feature Box */ .theme-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner,.bg-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #7c7c7c; } .theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top,.bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background:#2e2e2e; } .theme-skin-dark .grid-overlay-top .grid-title,.bg-skin-dark .grid-overlay-top .grid-title { color:#fff; } .theme-skin-dark .style-sep-yes .grid-item .grid-button,.bg-skin-dark .style-sep-yes .grid-item .grid-button { border-top-color: #7c7c7c; } .theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,.theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape,.bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #2e2e2e; } .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #333; } .theme-skin-dark .zozo-feature-box.style-box-with-bg,.bg-skin-dark .zozo-feature-box.style-box-with-bg { background-color: #2e2e2e; } /* Services Box */ .theme-skin-dark .zozo-vc-service-box .service-box-inner,.bg-skin-dark .zozo-vc-service-box .service-box-inner { background: #2e2e2e; border: 1px solid #7c7c7c; } .theme-skin-dark .zozo-vc-service-box .service-box-content h4,.bg-skin-dark .zozo-vc-service-box .service-box-content h4 { border-bottom-color: #7c7c7c; } /* Pricing Table */ .theme-skin-dark .zozo-pricing-table-wrapper,.bg-skin-dark .zozo-pricing-table-wrapper { background: #2e2e2e; } .theme-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i,.bg-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #2e2e2e; border-color: #7c7c7c; } /* Accordion */ .typo-light .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a,.typo-light .zozo-accordion.zozo-accordion-default .panel-title a { border-bottom-color: #7c7c7c; color: #fff; } .typo-light .zozo-accordion .panel-title a.collapsed { color: #fff; } /* Progress Bar */ .theme-skin-dark .vc_progress_bar .vc_single_bar,.bg-skin-dark .vc_progress_bar .vc_single_bar { background: #7c7c7c; } /* Testimonials Slider */ .theme-skin-dark .testimonial-item.tstyle-border2 .testimonial-img,.bg-skin-dark .testimonial-item.tstyle-border2 .testimonial-img { background: #333; border-color:#7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border2,.bg-skin-dark .testimonial-item.tstyle-border2 { border-color:#7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:after { border-color: #333 transparent transparent; } .bg-style.dark-grey-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #222 transparent transparent; } .bg-style.dark-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #000 transparent transparent; } /* Contact Form */ .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control,.theme-skin-dark .form-control, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control,.bg-skin-dark .form-control { background: #2e2e2e; border-color: #7c7c7c; color:#fff; } /* Contact Form 7 */ .theme-skin-dark .wpcf7 textarea, .theme-skin-dark .wpcf7 .wpcf7-text,.bg-skin-dark .wpcf7 textarea, .bg-skin-dark .wpcf7 .wpcf7-text,.theme-skin-dark .wpcf7-form-control,.bg-skin-dark .wpcf7-form-control { background: #2e2e2e; border-color: #7c7c7c; color:#fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .theme-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .bg-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } /* Blog */ .theme-skin-dark .grid-posts,.bg-skin-dark .grid-posts { background: #2e2e2e; } .theme-skin-dark h2.entry-title a,.bg-skin-dark h2.entry-title a { color:#fff; } .theme-skin-dark .list-posts,.bg-skin-dark .list-posts { border-color: #7c7c7c; } .theme-skin-dark .post .btn-more.read-more-link:hover, .theme-skin-dark .post .btn-more.read-more-link:active,.theme-skin-dark .post .btn-more.read-more-link:focus,.bg-skin-dark .post .btn-more.read-more-link:hover, .bg-skin-dark .post .btn-more.read-more-link:active, .bg-skin-dark .post .btn-more.read-more-link:focus { color: #fff; } /*Day Counter */ .theme-skin-dark .countdown-section,.bg-skin-dark .countdown-section { background:#2e2e2e; } /* VC Post Masonry grid */ .theme-skin-dark .vc_grid-item .vc_gitem-zone,.bg-skin-dark .vc_grid-item .vc_gitem-zone,.theme-skin-dark .vc_grid-item .vc_grid-item-mini,.bg-skin-dark .vc_grid-item .vc_grid-item-mini { background: #2e2e2e!important; } /*Vc Tab */ .theme-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a,.bg-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a,.theme-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,.bg-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels{ background: #2e2e2e; border-color: #7c7c7c; color:#fff; } .theme-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a ,.bg-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a { background: #2e2e2e; color:#fff; } .theme-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a,.bg-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a { color:#333; } /*Zozo tab */ .theme-skin-dark .nav-tabs,.theme-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,.theme-skin-dark .widget-posts-list li, .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,.theme-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover,.bg-skin-dark .nav-tabs, .bg-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,.bg-skin-dark .widget-posts-list li,.bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,.bg-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover { border-color: #7c7c7c; } .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,.bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a { background:#333; } .theme-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .theme-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list { border-color: #7c7c7c; } /* Vc Pricing Table */ .ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link { background: #2e2e2e; } /* Contact Info */ .theme-skin-dark .zozo-social-icons.social-style-bordered li a,.bg-skin-dark .zozo-social-icons.social-style-bordered li a { border-color: #7c7c7c; } /* Widget */ .theme-skin-dark .widget-title { border-color:#7c7c7c; color: #fff; } .theme-skin-dark .widget.widget_recent_entries li a,.theme-skin-dark .widget.widget_recent_comments li .comment-author-link a,.theme-skin-dark .widget.zozo_category_posts_widget li a,.theme-skin-dark .widget.widget_categories li a,.theme-skin-dark .widget.widget_archive li a,.theme-skin-dark .widget.widget_meta li a,.theme-skin-dark .widget.widget_nav_menu li a,.theme-skin-dark .widget.widget_edd_categories_tags_widget li a { color: #fff; } /*Footer*/ .footer-skin-dark .zozo-footer-nav.navbar-nav > li > a:hover { color: #fff; } /* Woocommerce Widget */ .theme-skin-dark .widget_product_categories .product-categories li a, .theme-skin-dark .woocommerce ul.product_list_widget li a { color: #fff; } .theme-skin-dark .widget_product_categories .product-categories li .count { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.product_list_widget li, .theme-skin-dark.woocommerce-page ul.product_list_widget li, .theme-skin-dark .widget .woocommerce-product-search .search-field { border-color:#7c7c7c; } .theme-skin-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .theme-skin-dark.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background: #fff; } /* Events Calender */ .theme-skin-dark .ecs-event .ecs-event-inner,.bg-skin-dark .ecs-event .ecs-event-inner { background: #2e2e2e; border-color:#7c7c7c; } /* Shop - Woo-commerce */ .theme-skin-dark .woo-dropdown > li,.theme-skin-dark .woo-sort-ordering > li,.theme-skin-dark .woo-dropdown > li .order-sub-dropdown { background: #2e2e2e; border-color: #7c7c7c; color: #ffffff; } .theme-skin-dark .woo-dropdown > li strong { color: #ffffff; } .theme-skin-dark .woo-dropdown > li:before { background: #7c7c7c; } .theme-skin-dark.woocommerce .star-rating:before, .theme-skin-dark.woocommerce-page .star-rating:before { color: #7c7c7c; } .theme-skin-dark.woocommerce ul.products li.product,.theme-skin-dark.woocommerce-page ul.products li.product,.theme-skin-dark ul.products li.product { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.products li.product h3 > a,.theme-skin-dark ul.products li.product h3 > a { color:#fff; } .theme-skin-dark .wcmp-product, .theme-skin-dark .wpb_row .wpb_column .wpb_wrapper .wcmp-product { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span { color: #fff; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span.current { color: #333; } /* Woo-commerce Single */ .theme-skin-dark.woocommerce #content div.product div.images img, .theme-skin-dark.woocommerce div.product div.images img, .theme-skin-dark.woocommerce-page #content div.product div.images img, .theme-skin-dark.woocommerce-page div.product div.images img { border-color:#7c7c7c; } .theme-skin-dark .product-meta-info-wrapper .product-meta-item { border-color:#7c7c7c; background:#2e2e2e; } .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a, .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a { border-color:#7c7c7c; color:#fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs .panel{ border-color:#7c7c7c; background:#333; } .theme-skin-dark.woocommerce #reviews #comments ol.commentlist li .comment-text, .theme-skin-dark.woocommerce-page #reviews #comments ol.commentlist li .comment-text { border-color:#7c7c7c; } .theme-skin-dark.woocommerce #review_form #respond textarea { color:#fff; } .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { background:#333; border-color:#7c7c7c; } .theme-skin-dark.woocommerce .woocommerce-error, .theme-skin-dark.woocommerce .woocommerce-info, .theme-skin-dark.woocommerce .woocommerce-message, .theme-skin-dark.woocommerce-page .woocommerce-error, .theme-skin-dark.woocommerce-page .woocommerce-info, .theme-skin-dark.woocommerce-page .woocommerce-message { background:#2e2e2e; color:#fff; border-color:#7c7c7c; } /*Woocommerce Cart */ .theme-skin-dark.woocommerce-page .shop_table.cart thead,.theme-skin-dark.woocommerce .shop_table.cart thead { background: #2e2e2e none repeat scroll 0 0; } .theme-skin-dark.woocommerce table.shop_table, .theme-skin-dark.woocommerce-page table.shop_table, .theme-skin-dark.woocommerce table.shop_table td, .theme-skin-dark.woocommerce-page table.shop_table td, .theme-skin-dark.woocommerce #content table.cart img, .theme-skin-dark.woocommerce table.cart img,.theme-skin-dark.woocommerce-page #content table.cart img, .theme-skin-dark.woocommerce-page table.cart img{ border-color:#7c7c7c; } .theme-skin-dark.woocommerce #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page table.cart td.actions .coupon .input-text { border-color:#7c7c7c; } .theme-skin-dark.woocommerce table.shop_table thead, .theme-skin-dark.woocommerce-page table.shop_table thead, .theme-skin-dark.woocommerce table.shop_table th, .theme-skin-dark.woocommerce-page table.shop_table th { color:#fff; border-color: #7c7c7c; } .theme-skin-dark .woo-cart-totals-container tr td, .theme-skin-dark .payment_box p { color:#fff; } .theme-skin-dark .select2-drop-active,.theme-skin-dark .select2-container .select2-choice { border-color:#7c7c7c; background:#2e2e2e; color:#fff; } .theme-skin-dark .woocommerce #order_review .shop_table thead tr th, .theme-skin-dark .woocommerce #order_review .shop_table .cart_item:last-child td,.theme-skin-dark .woocommerce-checkout #payment ul.payment_methods,.theme-skin-dark .woocommerce #order_review .payment_methods.methods > li { border-color:#7c7c7c; } .theme-skin-dark .select2-results { background:#2e2e2e; } .theme-skin-dark .select2-results .select2-highlighted { background:#000; color:#fff; } .theme-skin-dark .shop_table.cart td.product-name > a { color:#fff; } .theme-skin-dark .zozo-woocommerce-thank-you .order_info, .theme-skin-dark .woocommerce .order_details li { border-color:#7c7c7c; } .theme-skin-dark .woocommerce .widget_shopping_cart .cart_list li a.remove, .theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove { background:#2e2e2e; } /* Woocommerce Beta */ .theme-skin-dark .woocomposer_list ul.wcmp-product-list li,.bg-skin-dark .woocomposer_list ul.wcmp-product-list li { border-color:#7c7c7c; } /* BuddyPress */ .theme-skin-dark #buddypress #whats-new-form,.theme-skin-dark #buddypress #item-body form#whats-new-form,.theme-skin-dark #buddypress ul.item-list li,.theme-skin-dark #buddypress ul.item-list li,.theme-skin-dark #buddypress .activity-list li.load-more,.theme-skin-dark #buddypress .activity-list li.load-newest { background: #2e2e2e; border-color:#7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form #whats-new-avatar,.theme-skin-dark #buddypress ul.item-list li img.avatar,.theme-skin-dark #buddypress div#item-header img.avatar,.theme-skin-dark #buddypress ul.item-list li img.avatar { background: #333; border-color:#7c7c7c; } .theme-skin-dark #buddypress div.item-list-tabs ul li a,.theme-skin-dark #buddypress div.item-list-tabs ul li span { background: #2e2e2e; border-color:#7c7c7c; color: #fff; } .theme-skin-dark #buddypress table.forum tr td.label,.theme-skin-dark #buddypress table.messages-notices tr td.label,.theme-skin-dark #buddypress table.notifications tr td.label, .theme-skin-dark #buddypress table.notifications-settings tr td.label,.theme-skin-dark #buddypress table.profile-fields tr td.label,.theme-skin-dark #buddypress table.wp-profile-fields tr td.label { border-color:#7c7c7c; color: #fff; } .theme-skin-dark #buddypress .standard-form input:focus, .theme-skin-dark #buddypress .standard-form select:focus, .theme-skin-dark #buddypress .standard-form textarea:focus { background: #2e2e2e; } .theme-skin-dark .bp-avatar-nav ul.avatar-nav-items li.current, .theme-skin-dark .bp-avatar-nav ul { border-color:#7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form textarea { color:#fff; } /* BB Press */ .theme-skin-dark #bbpress-forums li.bbp-header { background:#2e2e2e; } .theme-skin-dark #bbpress-forums,.theme-skin-dark #bbpress-forums ul.bbp-lead-topic,.theme-skin-dark #bbpress-forums ul.bbp-topics,.theme-skin-dark #bbpress-forums ul.bbp-forums,.theme-skin-dark #bbpress-forums ul.bbp-replies, .theme-skin-dark #bbpress-forums ul.bbp-search-results,.theme-skin-dark #bbpress-forums li.bbp-body ul.forum,.theme-skin-dark #bbpress-forums li.bbp-body ul.topic { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums div.odd,.theme-skin-dark #bbpress-forums ul.odd,.theme-skin-dark #bbpress-forums li.bbp-footer,.theme-skin-dark #bbpress-forums fieldset.bbp-form,.theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums .bbp-body .bbp-forum-title, .theme-skin-dark #bbpress-forums .bbp-body .bbp-topic-permalink,.theme-skin-dark li.bbp-forum-freshness a,.theme-skin-dark li.bbp-topic-freshness a,.theme-skin-dark #bbpress-forums div.bbp-topic-content a,.theme-skin-dark #bbpress-forums div.bbp-reply-content a,.theme-skin-dark #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { color:#fff; } .theme-skin-dark div.bbp-template-notice,.theme-skin-dark div.indicator-hint, .theme-skin-dark div.bbp-template-notice.info { border-color:#7c7c7c; background:#2e2e2e; color:#fff; } div.bbp-template-notice a,div.bbp-template-notice a:hover { color:#fff; } .theme-skin-dark #bbpress-forums div.even,.theme-skin-dark #bbpress-forums ul.even { background:#2e2e2e; } .theme-skin-dark .quicktags-toolbar { background:#2e2e2e } .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:hover, .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:focus { background:#222; color:#fff; } .theme-skin-dark .bbp-pagination-links a, .theme-skin-dark .bbp-pagination-links span.current { border-color:#7c7c7c; } .theme-skin-dark #bbpress-forums div.even, .theme-skin-dark #bbpress-forums div.bbp-reply-header { border-color:#7c7c7c; background:#2e2e2e; } .theme-skin-dark #buddypress .dir-search input[type="search"],.theme-skin-dark #buddypress .dir-search input[type="text"], .theme-skin-dark #buddypress .groups-members-search input[type="search"], .theme-skin-dark #buddypress .groups-members-search input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="color"], .theme-skin-dark #buddypress .standard-form input[type="date"], .theme-skin-dark #buddypress .standard-form input[type="datetime-local"], .theme-skin-dark #buddypress .standard-form input[type="datetime"], .theme-skin-dark #buddypress .standard-form input[type="email"], .theme-skin-dark #buddypress .standard-form input[type="month"], .theme-skin-dark #buddypress .standard-form input[type="number"], .theme-skin-dark #buddypress .standard-form input[type="password"], .theme-skin-dark #buddypress .standard-form input[type="range"], .theme-skin-dark #buddypress .standard-form input[type="search"], .theme-skin-dark #buddypress .standard-form input[type="tel"], .theme-skin-dark #buddypress .standard-form input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="time"], .theme-skin-dark #buddypress .standard-form input[type="url"],.theme-skin-dark #buddypress .standard-form input[type="week"], .theme-skin-dark #buddypress .standard-form select, .theme-skin-dark #buddypress .standard-form textarea, .theme-skin-dark #buddypress div.dir-search input[type="text"], .theme-skin-dark #buddypress li.groups-members-search input[type="text"] { border-color:#7c7c7c; color:#fff; } .theme-skin-dark #buddypress table.notification-settings,.theme-skin-dark #buddypress table.profile-settings,.theme-skin-dark #buddypress table.notifications { border-color:#7c7c7c; } .theme-skin-dark #buddypress table.notification-settings th { background:#2e2e2e; } .theme-skin-dark #buddypress table.forum thead tr, .theme-skin-dark #buddypress table.messages-notices thead tr, .theme-skin-dark #buddypress table.notifications thead tr, .theme-skin-dark #buddypress table.notifications-settings thead tr, .theme-skin-dark #buddypress table.profile-fields thead tr, .theme-skin-dark #buddypress table.profile-settings thead tr, .theme-skin-dark #buddypress table.wp-profile-fields thead tr { background: #2e2e2e; } /*Events Calender*/ .theme-skin-dark #tribe-bar-form,.theme-skin-dark #tribe-bar-form input[type="text"] { border-color:#7c7c7c; } .theme-skin-dark .tribe-events-calendar thead th { background:#000; } .theme-skin-dark #tribe-events-content table.tribe-events-calendar, .theme-skin-dark #tribe-events-content .tribe-events-calendar td, .theme-skin-dark.events-archive.events-gridview #tribe-events-content table .type-tribe_events, .theme-skin-dark .tribe-events-viewmore { border-color:#7c7c7c; } .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"] a, .theme-skin-dark #tribe-events-content .tribe-events-calendar td:hover { background:#2e2e2e; } .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background:#222; color:#fff; } .theme-skin-dark #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { background:#222; } .theme-skin-dark .entry-title a, .theme-skin-dark .related-content-wrapper h5 .post-link, .theme-skin-dark #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { color:#fff; } .theme-skin-dark .recurring-info-tooltip, .theme-skin-dark .tribe-events-calendar .tribe-events-tooltip, .theme-skin-dark .tribe-events-week .tribe-events-tooltip { background:#333; color:#fff; } /* List view */ .theme-skin-dark .tribe-events-list-separator-month span { background:#333; } .theme-skin-dark .tribe-events-list .time-details { color:#fff; } /* Day View */ .theme-skin-dark .tribe-events-day .tribe-events-day-time-slot h5 { border-color:#7c7c7c; background:#2e2e2e; color:#fff; } /* Single */ .theme-skin-dark .tribe-events-list-separator-month:after, .theme-skin-dark .tribe-events-list .type-tribe_events { border-color:#7c7c7c; } .theme-skin-dark.single-tribe_events .tribe-events-event-meta { background: #2e2e2e ; border-color:#7c7c7c; } .theme-skin-dark .tribe-events-meta-group .tribe-events-single-section-title { border-color:#7c7c7c; } .theme-skin-dark.events-list #tribe-events-footer, .theme-skin-dark.single-tribe_events #tribe-events-footer, .theme-skin-dark .tribe-events-day #tribe-events-footer, .theme-skin-dark .tribe-events-map #tribe-events-footer, .theme-skin-dark .tribe-events-photo #tribe-events-footer { border-color:#7c7c7c; }