/* Theme Name: Induzy Theme URI: http://demo.zozothemes.com/induzy/ Author: zozothemes Author URI: http://zozothemes.com/ Description: Induzy brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.0.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: induzy Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ /*------------------------------------------- TABLE OF CONTENT ---------------------------------------------*/ /**! 01. Normalize **/ /**! 02. Typography **/ /**! 03. Accessibility **/ /**! 04. Theme Default Styles **/ /**! 05. Buttons **/ /**! 06. Alignments **/ /**! 07. Header Common Style **/ /**! 08. Social Icons General Style **/ /**! 09. Header Styles **/ /**! 10. Sticky/Fixed Header Space Styles **/ /**! 11. Full Screen Search **/ /**! 12. Mobile Header Styles **/ /**! 13. Page Title **/ /**! 14. Portfolio Styles **/ /**! 15. Blog Layout and Styles **/ /**! 16. Owl Carousel **/ /**! 17. Widget Styles **/ /**! 18. VC Styles **/ /**! 19. Woo Styles **/ /**! 20. Footer Styles **/ /**! 21. Animation key frames **/ /**! 22. Extra Spacing **/ /**! 23. Responsive Styles **/ /**! 24. RTL( Right to Left ) Styles **/ /*-------------------------------------------------------------- 01. Normalize --------------------------------------------------------------*/ a { text-decoration: none; outline:none; cursor: pointer; color:#333333; } a:focus, a:hover, a:active { text-decoration: none; outline:none; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } ul { list-style: disc; padding: revert; } ul:last-child, ol li:last-child { margin-bottom: 0px; } ol li { margin-bottom: 8px; } ul.nav > li { display: inline-block; } img, video { max-width: 100%; height: auto; } img { display:block; margin:0 auto; } select { height: 40px; line-height: 40px; padding: 0 10px; } select:focus { outline:0; } input:focus { outline: 0; } span:focus { outline: 0; } ::selection { color:#fff; } pre { background: #eeeeee none repeat scroll 0 0; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } table td, table th { border: 1px solid #e1e1e1; padding: 5px 10px; } input { border: 1px solid #cccccc; } table { margin-bottom: 15px; } /*-------------------------------------------------------------- 02. Typography --------------------------------------------------------------*/ .typo-white, .typo-white a, .typo-white p, .typo-white h1, .typo-white h2, .typo-white h3, .typo-white h4, .typo-white h5, .typo-white h6, .typo-white .portfolio-filter li a, .typo-white .entry-title { color: #fff; } .typo-dark, .typo-dark p, .typo-dark h1, .typo-dark h2, .typo-dark h4, .typo-dark h5, .typo-dark h6, .typo-dark .portfolio-filter li a { color: #000; } h1, h2, h3, h4, h5, h6 { clear: both; } /*-------------------------------------------------------------- 03. Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 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: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px; } /*-------------------------------------------------------------- 04. Theme Default Styles --------------------------------------------------------------*/ figure { margin: 0; margin-bottom: 15px; } iframe { width: 100%; } pre { padding: 20px; background: #f1f1f1; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } table td { padding: 5px; } table td, table td { border: 1px solid #e1e1e1; padding: 8px 10px; } ul.sub-menu{ padding-left:15px; } .navbar{ padding:0; } .induzy-content-wrapper{ background:#fff; clear: both; } .induzy-content > .induzy-content-inner { clear: both; } .container, .boxed-container, .custom-container { margin: 0 auto; max-width: 100%; padding: 0 15px; width: 1140px; } .img-before::before{ content:''; display: inline-block; height: 100%; vertical-align: middle; } .nav-item-inner img { display: inline-block; vertical-align: middle; } .nav-item-inner img:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .site-title { font-size: 40px; vertical-align: middle; } article.post.sticky { position: relative; } .sticky-post-icon { color: #333; font-size: 24px; right: 20px; position: absolute; top: 20px; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .topbar-items > .nav-item, .logobar-items > .nav-item, .navbar-items > .nav-item, .sticky-head .topbar-items > .nav-item, .sticky-head .logobar-items > .nav-item, .sticky-head .navbar-items > .nav-item { height: auto; } .main-logo img.custom-logo { padding: 10px 0; } ol ul, .comment-text > ul, .type-page > ul, .entry-content > ul ul, .comment-text > ul ul, .type-page > ul ul { list-style: disc; margin-left: 15px; padding-left: 15px; } .page-links { clear: both; float: none; padding-top: 15px; } .post-comments .post-box-title { margin-bottom: 16px; } .post-password-form input[type="password"] { line-height: 36px; } .single-post-template .entry-content > h3:first-child { margin-top: 0; } img.alignleft, img.alignright { float: none; margin: 0; margin-bottom: 15px; } img.alignleft { float: left; margin-right: 15px; } img.alignright { float: right; margin-left: 15px; } .pull-left { float: left; } .pull-right { float: right; } /*.back-to-top*/ .back-to-top { display: none; bottom: 20px; position: fixed; right: 30px; text-align: center; width: 40px; z-index: 1; } .back-to-top > i { background-color: #333333; color: #ffffff; height: 40px; line-height: 40px; width: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .back-to-top > i:hover{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .secondary-menu-area { overflow-y: auto; } .form-control { color: #7f7f7f; } .form-control:focus { box-shadow: unset; } /* Induzy 404 style */ .site-main .error-404 { padding: 100px 0; } .site-main .error-404 .page-content { padding: 30px 0; } /* Induzy Ads Style */ .site-footer .adv-wrapper { padding: 30px 0; text-align: center; text-align: -webkit-center; } /* Page Loader */ .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; } /*Icons*/ span.before-icon { padding-right: 8px; width: auto; height: auto; } /*Ads*/ .adv-wrapper { padding: 30px 0; } /* Call to action additional */ .additional-call-to-action .feature-box-icon { margin-bottom: 0; } .wpb_wrapper .ubtn-ctn-left > *:last-child, .wpb_column .wpb_wrapper > *:last-child { margin-bottom: 0px !important; } /* Letter Caption */ .letter-caption p::first-letter { position: relative; float: left; top: 5px; margin: 0px 15px 0px 0px; line-height: 1.0em; font-size: 54px; font-weight: 600; display: inline-block; text-transform: uppercase; } /* Image Fluid */ .services-thumb .img-fluid, .team-thumb .img-fluid, .portfolio-img .img-fluid { width: 100%; } /* Cost Calculator */ .btQuoteBooking .btQuoteSliderValue { color: #fff; } .btQuoteBooking .btQuoteTotalText { color: #fff; } /*Footer */ .footer-middle-wrap a { color: #777777; } .footer-middle-wrap .widget-title { color: #fff; } .site-footer .widget{ font-weight: 300 !important; } .footer-bottom { color: #ffffff; background: rgba(46,46,46,1); padding-top: 25px; padding-bottom: 25px; } .footer-bottom a { color: #ddd; } /*-------------------------------------------------------------- 05. Buttons --------------------------------------------------------------*/ .btn.default, .btn.subscribe-text, .header-button .btn{ font-weight: 500; } .btn,button { cursor:pointer; padding: 12px 30px 12px 30px; border-radius: 0; } .btn.focus, .btn:focus { box-shadow: none; } .btn.classic, .btn.bordered:hover { color:#fff; } .btn, .btn-default, button { color: #ffffff; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; } .btn.classic { background: #000; } .btn.link { background: none; padding: 0; } .btn.link:hover { background: none; color: unset; } .btn.bordered { background: transparent; border: 1px solid; } .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group { margin-left: 0; } input[type="submit"]:hover { cursor: pointer; } input[type="submit"]:hover, .btn:hover , button:hover , .search-form .input-group .btn:hover, .induzy_mailchimp_widget input.zozo-mc.btn:hover { background: #000; color:#fff; } .mobile-bar-items .search-form .input-group .btn:hover{ border:1px solid #fff; line-height: 38px; } .zozo-mc-subtitle{ margin-bottom: 20px; } .feature-box-btn .btn.classic:hover { color: #fff; } .feature-box-btn .default:hover{ color:#ffffff; } .btn.bordered:hover { color: #fff; } .vc_btn3.vc_btn3-size-md { padding: 10px 30px; font-weight: 500; } vc_btn3.vc_btn3-style-modern:hover { background: #000 !important; color: #fff !important; } a.vc_btn3.vc_btn3-style-outline-custom { padding: 13px 38px !important; font-weight: 500; font-size: 15px; } .vc_btn3.vc_btn3-style-custom{ background-image:none !important; } .vc_btn3.vc_btn3-style-custom:hover{ background:#000000 !important; color: #ffffff !important; } /*-------------------------------------------------------------- 06. Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 07. Header Common Style --------------------------------------------------------------*/ .induzy-header{ background-color:#fff; } .induzy-header.header-absolute { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; position: absolute; right: 0; z-index: 999; } .induzy-header .navbar-nav .nav-item{ list-style:none; } .induzy-header .header-inner .nav-link{ padding-top:0; padding-bottom:0; transition: unset; -moz-transition: unset; -webkit-transition: unset; -o-transition: unset; -ms-transition: unset; } .induzy-header ul.dropdown-menu > li > a { transition: all 0.2s ease-in-out 0s; 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; } .induzy-header ul.social-icons > li > a { margin-right: 0; } .navbar ul ul.social-icons li:first-child .nav-link { padding-left: 10px; } .topbar ul ul.social-icons li:last-child .nav-link, .logobar ul ul.social-icons li:last-child .nav-link, .navbar ul ul.social-icons li:last-child .nav-link { margin-right: 0; } .navbar ul ul ul.dropdown-menu li .nav-link, .navbar ul ul ul.dropdown-menu li:first-child .nav-link, ul.nav ul ul.dropdown-menu li .nav-link { padding: 10px 20px; } .boxed-container{ position:relative; margin-left:auto; margin-right:auto; } .nav.pull-center{ position: static; left: 0; right: 0; float: none; display: inline-block; text-align: center; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .nav.pull-center.show-opacity { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: opacity ease 0.35s; -moz-transition: opacity ease 0.35s; transition: opacity ease 0.35s; } .nav.pull-center .nav{ display: inline-flex; } .search-form .input-group .form-control { background: transparent none repeat scroll 0 0; border: 1px solid #eaeaea; border-right: 0; height: 40px; line-height: 1; border-radius: 5px 0 0 5px; } input[type="submit"] { -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } input[type="submit"], .search-form .input-group .btn{ border: medium none; color: #ffffff; line-height: 40px; } .search-form .input-group .btn { padding: 0 16px; border-radius: 0 5px 5px 0; } .search-form .input-group .btn:hover, .search-form .input-group .btn:focus, .search-form .input-group .btn:active { transition: all 0.35s ease-in-out 0s; -moz-transition: all 0.35s ease-in-out 0s; -webkit-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; -ms-transition: all 0.35s ease-in-out 0s; } .search-form .input-group .btn:focus { box-shadow: none; } .nav-item-inner .search-form{ display:inline-block; vertical-align: middle; } .sticky-logo{ display:none; } .nav-link { padding: 0 10px; } .induzy-main-menu .nav-link { padding: 0 15px; } ul.nav.induzy-main-menu > li:first-child > a { padding-left: 0; } /* Close icon style */ .close { position: absolute; right: 40px; top: 16px; width: 32px; height: 32px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .close:hover:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .close:hover:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -ms-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; } .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*-------------------------------------------------------------- 08. Social Icons General Style --------------------------------------------------------------*/ .social-icons .nav { display: block; } ul.social-icons > li { text-align: center; text-align: -webkit-center; padding:0; } ul.social-icons > li > a { display: inline-block; height: 40px; line-height: 40px; margin-right: 5px; width: 40px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; text-align: center; 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; } .post-meta ul.social-icons > li > a { width: 24px; height: 24px; line-height: 24px; } .post-meta > ul > li.nav-item .post-social a i { font-size: 15px; } .post-meta > ul > li.nav-item .post-social a:hover i { color: #ffffff; } article ul.social-icons > li > a { background: transparent; border: solid 1px #eee; } ul.social-icons.social-transparent > li a { background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; } ul.social-icons > li > a > i { vertical-align: middle; } .single-post ul.social-icons > li > a > i { font-size: 14px; } /*Social Icons Colors*/ ul.social-icons.social-circled > li a , article ul.social-icons > li > a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } ul.social-icons.social-rounded > li a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } ul.social-icons.social-transparent > li a { background: transparent; } ul.social-icons.social-transparent > li:first-child a { margin-left:-10px; } ul.social-icons.social-white > li a, ul.social-icons.social-h-white > li a:hover { color: #fff; } ul.social-icons.social-black > li a, ul.social-icons.social-h-black > li a:hover { color: #333; } ul.social-icons.social-bg-white > li a, ul.social-icons.social-hbg-white > li a:hover { background-color: #fff; } ul.social-icons.social-bg-black > li a, ul.social-icons.social-hbg-black > li a:hover { background-color: #333; } ul.social-icons.social-bg-light > li a, ul.social-icons.social-hbg-light > li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-bg-dark > li a, ul.social-icons.social-hbg-dark > li a:hover { background: rgba(0, 0, 0, 0.5); } /* Social Media Colors */ ul.social-icons.social-hbg-transparent > li a:hover { background: transparent; } ul.social-icons.social-own > li a.social-fb, ul.social-icons.social-h-own > li a.social-fb:hover, article.post ul.social-icons > li > a.social-fb, ul.social-icons > li > a.share-fb:hover { color: #3b5999; } ul.social-icons.social-own > li a.social-twitter, ul.social-icons.social-h-own > li a.social-twitter:hover, article.post ul.social-icons > li > a.social-twitter, ul.social-icons > li > a.share-twitter:hover { color: #55acee; } ul.social-icons.social-own > li a.social-instagram, ul.social-icons.social-h-own > li a.social-instagram:hover , article.post ul.social-icons > li > a.social-instagram, ul.social-icons > li > a.share-instagram:hover { color: #e4405f; } ul.social-icons.social-own > li a.social-linkedin, ul.social-icons.social-h-own > li a.social-linkedin:hover , article.post ul.social-icons > li > a.social-linkedin, ul.social-icons > li > a.share-linkedin:hover, ul.social-icons > li > a.share-linkedin:hover { color: #0077B5; } ul.social-icons.social-own > li a.social-pinterest, ul.social-icons.social-h-own > li a.social-pinterest:hover, article.post ul.social-icons > li > a.social-pinterest, ul.social-icons > li > a.share-pinterest:hover { color: #bd081c; } ul.social-icons.social-own > li a.social-gplus, ul.social-icons.social-h-own > li a.social-gplus:hover, article.post ul.social-icons > li > a.social-gplus, ul.social-icons > li > a.share-gplus:hover { color:#dd4b39; } ul.social-icons.social-own > li a.social-youtube, ul.social-icons.social-h-own > li a:hover.social-youtube, article.post ul.social-icons > li > a.social-youtube, ul.social-icons > li > a.share-youtube:hover { color: #cd201f; } ul.social-icons.social-own > li a.social-vimeo, ul.social-icons.social-h-own > li a.social-vimeo:hover, article.post ul.social-icons > li > a.social-vimeo, ul.social-icons > li > a.share-vimeo:hover { color: #1ab7ea; } ul.social-icons.social-own > li a.social-soundcloud, ul.social-icons.social-h-own > li a.social-soundcloud:hover , article.post ul.social-icons > li > a.social-soundcloud, ul.social-icons > li > a.share-soundcloud:hover { color: #ff3300; } ul.social-icons.social-own > li a.social-yahoo, ul.social-icons.social-h-own > li a.social-yahoo:hover, article.post ul.social-icons > li > a.social-yahoo, ul.social-icons > li > a.share-yahoo:hover { color: #410093; } ul.social-icons.social-own > li a.social-tumblr, ul.social-icons.social-h-own > li a.social-tumblr:hover , article.post ul.social-icons > li > a.social-tumblr, ul.social-icons > li > a.share-tumblr:hover { color: #34465d; } ul.social-icons.social-own > li a.social-paypal, ul.social-icons.social-h-own > li a.social-paypal:hover, article.post ul.social-icons > li > a.social-paypal, ul.social-icons > li > a.share-paypal:hover { color: #003087; } ul.social-icons.social-own > li a.social-mailto, ul.social-icons.social-h-own > li a.social-mailto:hover , article.post ul.social-mailto > li > a.social-mailto, ul.social-icons > li > a.share-mailto:hover { color: #ffa500; } ul.social-icons.social-own > li a.social-flickr, ul.social-icons.social-h-own > li a.social-flickr:hover, article.post ul.social-icons > li > a.social-flickr, ul.social-icons > li > a.share-flickr:hover { color: #ff0084; } ul.social-icons.social-own > li a.social-dribbble, ul.social-icons.social-h-own > li a.social-dribbble:hover, article.post ul.social-icons > li > a.social-dribble, ul.social-icons > li > a.share-dribble:hover { color: #ea4c89; } ul.social-icons.social-own > li a.social-rss, ul.social-icons.social-h-own > li a.social-rss:hover, article.post ul.social-icons > li > a.social-rss, ul.social-icons > li > a.share-rss:hover { color: #ff6600; } ul.social-icons.social-own > li a.social-bloglovin, ul.social-icons.social-h-own > li a.social-bloglovin:hover { color: #00BFF8; } /* Social Media Background Colors */ ul.social-icons.social-bg-own > li a.social-fb, ul.social-icons.social-hbg-own > li a.social-fb:hover, article.post ul.social-icons > li > a.social-fb:hover { background: #3b5999; border-color: #3b5999; } ul.social-icons.social-bg-own > li a.social-twitter, ul.social-icons.social-hbg-own > li a.social-twitter:hover, article.post ul.social-icons > li > a.social-twitter:hover { background: #55acee; border-color: #55acee; } ul.social-icons.social-bg-own > li a.social-instagram, ul.social-icons.social-hbg-own > li a.social-instagram:hover , article.post ul.social-icons > li > a.social-instagram:hover { background: #e4405f; border-color: #e4405f; } ul.social-icons.social-bg-own > li a.social-linkedin, ul.social-icons.social-hbg-own > li a.social-linkedin:hover , article.post ul.social-icons > li > a.social-linkedin:hover { background: #0077B5; border-color: #0077B5; } ul.social-icons.social-bg-own > li a.social-pinterest, ul.social-icons.social-hbg-own > li a.social-pinterest:hover , article.post ul.social-icons > li > a.social-pinterest:hover { background: #bd081c; border-color: #bd081c; } ul.social-icons.social-bg-own > li a.social-gplus, ul.social-icons.social-hbg-own > li a.social-gplus:hover , article.post ul.social-icons > li > a.social-gplus:hover , ul.social-icons.social-hbg-own > li a.social-gplus:hover { background: #dd4b39; border-color: #dd4b39; } ul.social-icons.social-bg-own > li a.social-youtube, ul.social-icons.social-hbg-own > li a.social-youtube:hover, article.post ul.social-icons > li > a.social-youtube:hover { background: #cd201f; border-color: #cd201f; } ul.social-icons.social-bg-own > li a.social-vimeo, ul.social-icons.social-hbg-own > li a.social-vimeo:hover, article.post ul.social-icons > li > a.social-vimeo:hover { background: #1ab7ea; border-color: #1ab7ea; } ul.social-icons.social-bg-own > li a.social-soundcloud, ul.social-icons.social-hbg-own > li a.social-soundcloud:hover , article.post ul.social-icons > li > a.social-soundcloud:hover { background: #ff3300; border-color: #ff3300; } ul.social-icons.social-bg-own > li a.social-yahoo, ul.social-icons.social-hbg-own > li a.social-yahoo:hover , article.post ul.social-icons > li > a.social-yahoo:hover { background: #410093; border-color: #410093; } ul.social-icons.social-bg-own > li a.social-tumblr, ul.social-icons.social-hbg-own > li a.social-tumblr:hover , article.post ul.social-icons > li > a.social-tumblr:hover { background: #34465d; border-color: #34465d; } ul.social-icons.social-bg-own > li a.social-paypal, ul.social-icons.social-hbg-own > li a.social-paypal:hover , article.post ul.social-icons > li > a.social-paypal:hover { background: #003087; border-color: #003087; } ul.social-icons.social-bg-own > li a.social-mailto, ul.social-icons.social-hbg-own > li a.social-mailto:hover , article.post ul.social-icons > li > a.social-mailto:hover { background: #ffa500; border-color: #ffa500; } ul.social-icons.social-bg-own > li a.social-flickr, ul.social-icons.social-hbg-own > li a.social-flickr:hover, article.post ul.social-icons > li > a.social-flickr:hover { background: #ff0084; border-color: #ff0084; } ul.social-icons.social-bg-own > li a.social-dribbble, ul.social-icons.social-hbg-own > li a.social-dribbble:hover , article.post ul.social-icons > li > a.social-dribble:hover { background: #ea4c89; border-color: #ea4c89; } ul.social-icons.social-bg-own > li a.social-rss, ul.social-icons.social-hbg-own > li a.social-rss:hover , article.post ul.social-icons > li > a.social-rss:hover { background: #ff6600; border-color: #ff6600; } ul.social-icons.social-bg-own > li a.social-bloglovin, ul.social-icons.social-hbg-own > li a.social-bloglovin:hover { background: #00BFF8; border-color: #00BFF8; } /* Social Hover Effects */ ul.social-icons.social-h-white > li a:hover { color: #fff; } ul.social-icons.social-h-black > li a:hover { color: #333; } ul.social-icons.social-hbg-white > li a:hover { background-color: #fff; } ul.social-icons.social-hbg-black > li a:hover { background-color: #333; } ul.social-icons.social-hbg-light > li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-hbg-dark > li a:hover { background: rgba(0, 0, 0, 0.5); } article.post ul.social-icons > li > a:hover { color: #fff !important; } /*-------------------------------------------------------------- 09. Header Styles --------------------------------------------------------------*/ .topbar, .logobar, .navbar { position: relative; } /*Topbar*/ .topbar{ background:#333; color:#fff; z-index: 0; } .topbar-items, .logobar-items{ margin:0; } .topbar-items > li{ height:50px; line-height:50px; } .topbar-items > li img, .logobar-items > li img, .navbar-items > li img{ margin-top:-4px; } .topbar-items .nav-item-inner, .logobar-items .nav-item-inner, .navbar-items .nav-item-inner{ padding-right: 25px; } .navbar-items .nav-item-inner{ padding-right: 0px; } .navbar-items .nav-item-inner .search-toggle-wrap{ padding-left: 25px; } .navbar-items .nav-item-inner .search-toggle-wrap:before { content: ''; background: #333; position: absolute; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); left: 5px; } .header-sticky .navbar-items:first-child .nav-item-inner { padding-right: 0; } .topbar-items .nav-item:last-child .nav-item-inner, .logobar-items .nav-item:last-child .nav-item-inner:last-child, .navbar-items .nav-item:last-child .nav-item-inner:last-child { padding-right: 0; } .header-phone span, .header-email span, .header-address span { padding-right: 10px; } .topbar-items .form-control, .topbar-items .input-group-btn, .topbar-items .btn, .logobar-items .form-control, .logobar-items .input-group-btn, .logobar-items .btn{ font-size:inherit; line-height: 1; } .topbar-center-item, .logobar-center-item{ display:inline-block; -webkit-transition: margin 0.5s ease 0s; -moz-transition: margin 0.5s ease 0s; -ms-transition: margin 0.5s ease 0s; -o-transition: margin 0.5s ease 0s; transition: margin 0.5s ease 0s; } .topbar-items ul.social-icons > li > a { box-shadow: unset; } .topbar-items li.menu-item { position: relative; } .topbar-items li.menu-item:after { content: ""; display: inline-block; width: 1px; background-color: black; position: absolute; right: 0; top: calc(50% - 1px); height: 14px; transform: translateY(-50%); } .topbar-items li.menu-item:last-of-type:after { background-color: transparent; } /* Logobar */ .logobar-items > li{ height:100px; line-height:100px; } .logobar-items .header-button .btn:hover { background: #000; color:#ffffff; } /* Navbar */ .header-button .btn, .header-sticky .header-button .btn { color: #fff; } .header-button .btn:hover { background: rgba(255,255,255,0.25); } .header-sticky .header-button .btn:hover { background: #000; } /* General Menu */ .menu-tag { color: #fff; padding: 1px 12px; float: right; font-size: 11px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } .induzy-main-menu > li > .dropdown-menu li.dropdown > a:after { content: "\f105"; font-family: "FontAwesome"; position: absolute; right: 20px; } .induzy-main-menu > li > .dropdown-menu li.dropdown:hover > a:after { content: "\f104"; font-family: "FontAwesome"; position: absolute; right: 20px; } /* Mega Dropdown Menu */ #magic-line { position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; z-index: 0; } .page-id-1490 #magic-line { display: none; } .induzy-main-menu > li { z-index: 9; } .induzy-main-menu .dropdown-menu .dropdown-menu{ left:100%; top:0; } .induzy-main-menu li .dropdown-toggle:after { border: none; border-bottom: 3px solid; margin: unset; } .induzy-main-menu ul li a.dropdown-toggle:after { border: none; content: "\f107"; font-family: fontawesome; font-size: 15px; line-height: 20px; vertical-align: initial; margin-left: 8px; display: inline; } .sub-menu > li.dropdown:hover:after { content: "\f104"; } .sub-menu > li.dropdown:after { content: "\f105"; font-family: FontAwesome; position: absolute; color: inherit; line-height: normal; top: 10px; right: 30px; font-size: 12px; } span.menu-icon{ padding-right: 10px; } .dropdown-menu { border-radius:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding:15px 0; border:0; display: block; opacity: 0; visibility: hidden; min-width:220px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .dropdown.mega-dropdown { position:static; } .induzy-main-menu .dropdown-menu { margin:0; line-height: 30px; } .mega-dropdown .mega-dropdown-menu { margin: 0 auto; } .mega-dropdown .mega-dropdown-menu.mega-dropdown-full { width: 100%; } .dropdown:hover > .dropdown-menu { /*border-top: 3px solid;*/ opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } .mega-dropdown-menu{ top:auto; left:0; right:0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; } .dropdown-menu.mega-dropdown-menu { padding: 15px 0; } .mega-dropdown-menu > li { float: left; } .mega-child-dropdown-menu{ list-style:none; padding-left:0; } .mega-child-dropdown-menu > li{ padding-left:0; } .mega-child-dropdown > a, .mega-child-heading > a { font-weight: bold; font-size: 17px; line-height: 17px; } .mega-child-item-disabled { font-weight: bold; padding-left: 10px; font-size: 17px; line-height: 17px; display: block; padding-top: 7px; padding-bottom: 7px; } .mega-child-widget { padding-left: 10px; } .menu-item.menu-item-logo { padding: 0 30px; } .mega-sub-dropdown.max-col-2 .mega-sub-dropdown-menu{ width:174%; } .mega-sub-dropdown.max-col-3 .mega-sub-dropdown-menu{ width:261%; } .mega-sub-dropdown.max-col-4 .mega-sub-dropdown-menu{ width:348%; } .mega-sub-dropdown.max-col-2.left-side .mega-sub-dropdown-menu{ left:-174%; } .mega-sub-dropdown.max-col-3.left-side .mega-sub-dropdown-menu{ left:-261%; } .mega-sub-dropdown.max-col-4.left-side .mega-sub-dropdown-menu{ left:-348%; } .mega-sub-dropdown-menu > li.mega-sub-child{ float:left; } .mega-sub-dropdown-menu > li.mega-sub-child > a{ display:inline-block; } ul.mega-sub-child-inner { padding-left: 0; } .mega-sub-dropdown.max-col-2 .mega-sub-dropdown-menu > li.mega-sub-child { width:50%; } .mega-sub-dropdown.max-col-3 .mega-sub-dropdown-menu > li.mega-sub-child { width:33.333%; } .mega-sub-dropdown.max-col-4 .mega-sub-dropdown-menu > li.mega-sub-child { width:25%; } .induzy-main-menu > li .mega-child-widget img { max-height: 100%; } /*Sticky Part*/ .sticky-outer{ height:auto; } .sticky-outer .header-sticky, .sticky-outer .sticky-scroll.show-menu{ left: 0; position: fixed; right: 0; top: 0; z-index:99; } .logged-in.admin-bar .sticky-outer .header-sticky, .logged-in.admin-bar .sticky-outer .sticky-scroll.show-menu { top: 31px; } .boxed-container .sticky-outer .header-sticky, .boxed-container .sticky-outer .sticky-scroll.show-menu{ left:auto; right:auto; } .sticky-outer .header-sticky .sticky-logo, .sticky-outer .sticky-scroll.show-menu .sticky-logo{ display:block; } /* Secondary Space Styles */ .secondary-menu-area{ background-color: #eeeeee; height: 100%; position: fixed; width: 350px; z-index: 999999; margin-bottom:20px; overflow-y: auto; } .secondary-menu-area.left-overlay, .secondary-menu-area.left-push{ left:-350px; } .secondary-menu-area.right-overlay, .secondary-menu-area.right-push{ right:-350px; left: auto; } .secondary-menu-area.full-overlay{ position:fixed; left:0; top:0; height:100%; width:100%; text-align:center; display:none; } .secondary-menu-area-inner{ padding:80px 20px } .secondary-space-toggle { display: inline-block; position: relative; vertical-align: middle; width: 30px; } .secondary-space-toggle > span { background-color: #000000; display: block; height: 1px; margin: 6px 0; width: 30px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .secondary-space-toggle > span:nth-child(2) { width: 22px; } .secondary-space-toggle.active > span:first-child { bottom: 5px; margin: 0; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .secondary-space-toggle.active > span:nth-child(2) { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .secondary-space-toggle.active > span:last-child { bottom: 5px; margin: 0; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .secondary-menu-area-inner ul.menu li { position: relative; } .induzy-wrapper{ position:relative; } body.secondary-push-actived{ width: 100%; } .induzy-content-wrapper > div { position:relative; } .induzy-content-wrapper .container .wrap{ max-width:100%; } .induzy-content > .induzy-content-inner, .search-results .induzy-content > .induzy-content-inner { padding : 30px 0; } /*header address*/ /* General */ .header-inner .nav-item-inner .media { line-height: 1; vertical-align: middle; display: inline; } .header-info .media-body { display: inline-block; vertical-align: middle; } .header-inner .media i { margin-right: 10px; font-size: 35px; vertical-align: middle; line-height: 40px; height: 40px; } ul.nav.header-info > li { padding: 0 15px; } ul.nav.header-info > li:last-child { padding-right: 0; } .header-info .media-body h6{ font-size: 15px; } /*On Topbar*/ .header-inner .topbar-inner .media i { font-size: 16px; line-height: 46px; height: 46px; } .header-inner .topbar-inner .media p { line-height: 35px; padding-top: 5px; } /*-------------------------------------------------------------- 10. Sticky/Fixed Header Space Styles --------------------------------------------------------------*/ .sticky-header-space { background-color: #333333; height: 100%; position: fixed; width: 350px; z-index: 99999; overflow:auto; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; padding: 15px 20px; } .sticky-header-space.left-sticky{ left:0; } .sticky-header-space.right-sticky{ right:0; } .sticky-header-space .nav li { padding: 10px 0px; display:block; text-align:left; } .sticky-header-space .nav.social-icons li { display: inline-block; } .sticky-head.header-sticky { box-shadow: 0px 0 20px -1px rgba(0,0,0,.1); -ms-box-shadow: 0px 0 20px -1px rgba(0,0,0,.1); -moz-box-shadow: 0px 0 20px -1px rgba(0,0,0,.1); -o-box-shadow: 0px 0 20px -1px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0 20px -1px rgba(0,0,0,.1); } /* Mobile/Sticky Menu Style */ .sticky-header-space .induzy-main-menu .menu-item-has-children, .mobile-bar .induzy-main-menu .menu-item-has-children{ position:relative; } .zmm-dropdown-toggle { padding: 5px; position: absolute; right: 20px; top: 0; font-size: 12px; cursor: pointer; line-height: 28px; } .induzy-mobile-main-menu .nav-link{ padding:0; } ul.induzy-mobile-menu li.menu-item { line-height: 40px; position: relative; } /*-------------------------------------------------------------- 11. Full Screen Search --------------------------------------------------------------*/ .full-search-wrapper { background: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; left:0; right:0; position: fixed; display:none; top: 0; z-index: 999999; } .full-search-wrapper .search-form { position:absolute; width:80%; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .full-search-wrapper .input-group { width:100%; } .full-search-wrapper .search-form .form-control { background: transparent; font-size: 20px; height: 40px; padding: 5px 18px; color: #fff; } .full-search-wrapper .search-form .input-group .btn { border: none; cursor: pointer; } .full-search-wrapper .input-group-btn { width:auto; } .full-search-wrapper .input-group-btn .btn.btn-default { background:transparent; border: none; font-size: 20px; line-height: 45px; padding: 0; position: absolute; top: 0; right: 0; } /* Toggle Text Search Wrap Styles */ .textbox-search-wrap .form-control{ width:0; height:0; padding:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .search-toggle-wrap.active .textbox-search-wrap .form-control{ width:200px; border-right: 1px solid #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height: 40px; line-height: 40px; padding: 10px; } .textbox-search-wrap .textbox-search-toggle, .search-toggle-wrap .textbox-search-wrap, .search-toggle-wrap .full-bar-search-wrap { display: inline-block; } .full-bar-search-wrap { position:absolute; top:0; left:0; visibility:hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background:#fff; } .full-bar-search-wrap.active{ visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .full-bar-search-wrap, .full-bar-search-wrap .search-form, .full-bar-search-wrap .input-group, .full-bar-search-wrap .input-group .form-control{ height: 100%; width: 100%; z-index:9; } .full-bar-search-wrap .input-group .form-control { font-size: 30px; line-height: 1; padding: 0 40px; } .close.full-bar-search-toggle{ z-index:99; vertical-align:middle; top: 50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .search-toggle-wrap { position:relative; padding: 0 10px; } .bottom-search-toggle { display:inline-block; } .bottom-search-wrap{ background: #555 none repeat scroll 0 0; display: inline-block; padding: 0 10px; position: absolute; right: 0; top: 100%; width: 200px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .search-toggle-wrap.active .bottom-search-wrap{ visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-------------------------------------------------------------- 12. Mobile Header Styles --------------------------------------------------------------*/ .mobile-header, .mobile-header .sticky-outer{ position:relative; } .mobile-header .mobile-header-inner ul > li img{ margin-bottom: 6px; padding: 5px 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .mobile-header-items li i { font-size: 20px; } .mobile-header-items li a i { vertical-align: middle; } .mobile-header .mobile-header-inner ul > li{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .mobile-header .sticky-head, .mobile-header .header-sticky, .mobile-header .sticky-scroll, .mobile-header .sticky-scroll.show-menu{ height:auto; overflow:hidden; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .header-sticky .topbar, .header-sticky .logobar, .header-sticky .navbar{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .mobile-header-inner .sticky-outer{ height:auto; } .header-inner .sticky-outer{ height:auto; } /* Mobile Bar Styles */ .mobile-bar { background: #ffffff none repeat scroll 0 0; position: fixed; z-index: 999999; height:100%; width:100%; overflow:auto; padding-top:50px; padding-bottom: 30px; } .mobile-bar-toggle.close { right: 30px; } .mobile-bar.animate-from-left{ top:0; left: -100%; } .mobile-bar.animate-from-right{ top:0; right: -100%; } .mobile-bar.animate-from-top{ top: -100%; left:0; } .mobile-bar.animate-from-bottom{ bottom: -100%; left:0; } body.mobile-bar-active{ overflow:hidden; } ul.mobile-bar-items > li.nav-item { padding: 15px 5px; } .mobile-bar ul.induzy-main-menu{ padding:0; } .mobile-bar ul.induzy-main-menu > li{ line-height:36px; } .mobile-bar .main-logo, .mobile-logo { text-align:center; text-align: -webkit-center; } .mobile-header .container{ position:relative; height:auto; } /* Top sliding Bar Styles */ .top-sliding-bar { position:absolute; top:0; right:0; left:0; width:100%; z-index:9999; } .top-sliding-bar-inner{ position:relative; background-color:#ccc; display:none; overflow:hidden; height:auto; padding:25px 0; } .logged-in.admin-bar .top-sliding-bar .top-sliding-bar-inner { padding-top: 50px; } .top-sliding-toggle { border-left: 40px solid rgba(0, 0, 0, 0); border-top: 40px solid #333333; bottom: -40px; height: 0; position: absolute; right: 0; width: 0; outline:none; text-align:right; transition: all ease 0.5s; } .logged-in.admin-bar .top-sliding-toggle { top: 32px; } .logged-in.admin-bar .top-sliding-toggle.fa-minus { top: unset; } .top-sliding-toggle::before { bottom: 12px; color: #ffffff; content: "\f067"; font-family: FontAwesome; height: 30px; position: absolute; right: 5px; width: 30px; line-height:30px; } .top-sliding-toggle.fa-minus:before { content: "\f068"; } /*-------------------------------------------------------------- 13. Page Title --------------------------------------------------------------*/ .parallax-item { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative; } .page-title-wrap-inner{ position: relative; background: #f7f7f7; padding: 30px 0; } .page-title-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .page-title-inner { display: table; width:100%; } .page-title-inner > div { display: table-cell; vertical-align: middle; } .page-title-inner .pull-left { width: 50%; float: none; } .page-title-inner .pull-center { text-align: center; text-align: -webkit-center; width: 100%; } .page-title-inner .pull-right { float: none; text-align: right; width: 50%; } h1.page-title { text-transform: uppercase; margin-bottom: 0; color: inherit; font-size: 28px; font-weight: 600; line-height: 35px; word-break: break-word; } .pull-center h1.page-title { margin-bottom: 15px; } .breadcrumb { background:transparent; margin:0; padding:0; border:none; font-size: 15px; display: block; } .breadcrumb > * { padding-right: 10px; } .breadcrumb > *:last-child { padding-right: 0; } #breadcrumb > a::after { content: "/"; font-family: fontawesome; padding-left: 10px; } .page-title-wrap .page-title-desc { margin-bottom: 0; } /*-------------------------------------------------------------- 14. Portfolio Styles --------------------------------------------------------------*/ .portfolio-masonry-layout .portfolio-default .portfolio-content-wrap > .portfolio-title { margin-bottom: 0; } .portfolio-masonry-layout .portfolio-default .portfolio-content-wrap > .portfolio-title h3 { margin-bottom: 0; } .portfolio-masonry-layout .portfolio-title h3{ font-size: 22px; } .portfolio-masonry-layout .portfolio-default .portfolio-content-wrap { transform: translateY(-50%); } /*-------------------------------------------------------------- 15. Blog Layout and Styles --------------------------------------------------------------*/ article.post { background: #fff; position: relative; border-bottom: 1px dashed #e1e1e1; } .list-layout article.post:last-child, .standard-layout article.post:last-child{ border-bottom: 0; } .single-post-template article.post { margin-bottom: 24px; } .single-post-template .post-author a { display: inline-block; clear: both; } .single-post-template .entry-header { padding-top: 25px; } .single-post-template .article-inner> *:first-child.entry-header { padding-top: 0; } .single-post-template article.post { border-bottom: none; } .single-post-template article .article-inner .entry-content { border-bottom: none; } .single-post .entry-meta.bottom-meta { padding: 10px 0px; } .single-post .entry-meta.bottom-meta .post-social ul:before{ content: "share :"; padding-right: 15px; } .single-post-template article .article-inner > * { clear: both; float: none; } .single-post-template article .post-thumb-wrap{ margin-bottom: 30px; } .article-inner > * { margin-bottom: 20px; } .article-inner > *:last-child { margin-bottom: 0; } .blog-template.standard-layout .top-meta { margin-bottom: 40px; } .post-meta > ul > li.nav-item, .top-meta .post-meta ul li.nav-item, .bottom-meta .post-meta ul li.nav-item { margin-right: 20px; } .post-meta > ul > li.nav-item:last-child { margin-right: 0; } .post-meta > ul > li.nav-item a { position: relative; } .post-meta ul li.nav-item:last-child a:after { display: none; } .post-meta > ul > li.nav-item .post-social a { margin-right: 6px; } .post-meta .post-more a.read-more { display: block; line-height: 39px; } .post-format-wrap { position: relative; } .blog-template .post-format-wrap { margin-bottom: 40px; } .sticky-date{ display: none; } .sticky-date .post-date a { background: #fff; color: #333; padding: 20px 20px; position: absolute; z-index: 9; left: 15px; top: 15px; font-size: 15px; line-height: 12px; font-weight: 500; height: 70px; text-align: center; width: 70px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .article-inner:hover .sticky-date .post-date a { opacity: 0; visibility: hidden; -webkit-transition: all 0.48s cubic-bezier(0.62, 0.165, 0, 1); transition: all 0.48s cubic-bezier(0.62, 0.165, 0, 1); } .sticky-date .post-date a span.post-day { font-size: 25px; display: block; padding-top: 5px; line-height: 25px; } /* Archive Template */ .post-quote-wrap > .blockquote { margin-bottom: 0; } .site-main.archive-template.list-layout h3.entry-title { font-size: 20px; line-height: 1; } .site-main.archive-template.list-layout .article-inner .entry-meta.top-meta { padding-bottom: 0; } .site-main.archive-template.list-layout .article-inner .entry-meta.bottom-meta { padding-top: 15px; } .site-main.archive-template.list-layout .entry-content { padding-top: 15px; padding-bottom: 15px; } /* Author Template */ .entry-meta .post-category span { padding-right: 8px; } .author-info-wrapper .media.author-info .media-left { padding-right: 0px; } .pull-center .author-info-wrapper .media.author-info { display: inline-block; } .pull-center .author-info-wrapper .media.author-info .media-left { margin-bottom: 20px; } .nav.author-social > li > a > i { height: 30px; line-height: 30px; width: 30px; } span.view-count { padding: 2px 10px; background: rgb(255, 7, 236); color: #fff; margin: 0 10px; text-align: center; text-align: -webkit-center; } .post-meta .post-author .author-img img { border-radius: 30px; width: 20px; margin-right: 8px; } .media-left.author-img > img { max-width: inherit; width: auto; } ul.comments { list-style: none; } ul.comments .media-body { overflow: auto; } /* ---- Gallery Styles ---- */ .left-gallery-grid, .right-gallery-grid, .right-gallery-grid > .grid-popup { float: left; max-width: 50%; } .left-gallery-grid .grid-popup { border-right: 1px solid #ffffff; } .right-gallery-grid > .grid-popup { border: 1px solid #ffffff; } .right-gallery-grid { margin-right: -1px; margin-top: -2px; } .single-post-template .right-gallery-grid { margin-top: -1px; } .right-gallery-grid > .grid-popup:nth-of-type(1n+5) {display: none;} /*------------------------------- Post Layout Styles ---------------------------------*/ article.post { margin-bottom: 50px; padding-bottom: 40px; height: auto; } .list-layout article.post{ margin-bottom: 40px; } article.post .post-format-wrap .post-overlay-items { padding: 10px 30px; } .post-thumb-wrap { position: relative; } .post-thumb-wrap img { max-width: 100%; } .post-full-thumb-wrap { height: auto; position:relative; width: 100%; background-color: #fff; } .post .entry-title { position: relative; padding-bottom: 20px; margin-bottom: 20px; } .post .entry-title:after { position: absolute; content: ""; width: 80px; height: 4px; left: 0px; right: auto; bottom: 0px; margin: 0px auto; } .standard-layout .post .entry-title{ padding-bottom: 5px; margin-bottom: 0px; } .standard-layout .post .entry-title:after{ content: none; } header.entry-header{ -ms-word-wrap: break-word; word-wrap: break-word; } .standard-layout article.post header.entry-header{ margin-bottom: 10px; } .blog-template.grid-layout ul.nav li { display: inline-block; } .grid-layout .top-standard-post article.post header.entry-header { margin-top: 0; padding-top: 0; } .list-layout .article-inner .entry-meta.top-meta, .list-layout .post-meta .nav .post-category { padding-bottom: 0; } .grid-layout h3.entry-title { margin-bottom: 0; } .grid-layout .bottom-meta .post-meta .nav .post-category { padding-bottom: 0; } .post-meta ul li.nav-item a.read-more { background: none !important; display: inline-block; margin-right: 0; font-size: 14px; line-height: 20px; text-transform: uppercase; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 0.7em; } .standard-layout .post-meta ul li.nav-item a.read-more:before{ content: ''; position: absolute; left: 0; right: 0px; bottom: 0; height: 1px; width: auto; transition: all ease 0.3s; opacity: 1; background: #222; } /* Post Overlay */ article.post .post-format-wrap .post-overlay-items { padding: 0 30px 30px; } article.post:last-child, .single-post .article-inner > *:last-child, .grid-layout .article-inner > *:last-child, .list-layout .article-inner > .post-list-right-part > *:last-child { margin-bottom:0; } .grid-layout .article-inner > *, .list-layout .article-inner > .post-list-right-part > * { margin-bottom: 30px; } .list-layout .article-inner > .post-list-right-part > * { margin-bottom: 15px; } .list-layout .post .entry-title { position: relative; padding-bottom: 10px; margin-bottom: 10px; } @media only screen and (min-width : 1024px){ .list-layout .article-inner > .post-list-right-part{ position: relative; } .list-layout .article-inner > .post-list-right-part .entry-content{ margin-left:-70px ; background: #fff; position: absolute; padding: 25px 0 25px 25px; z-index: 9; border-radius: 10px 0 0 0; } .rtl .list-layout .article-inner > .post-list-right-part .entry-content{ padding: 25px 25px 25px 0; } .list-layout .post-format-wrap{ min-height: 230px } } .grid-layout .article-inner :last-child{ margin-bottom: 0px !important; } .grid-layout .article-inner .entry-header { margin-bottom: 15px; } .post-overlay-items { bottom: 0; position: absolute; max-width: 100%; left: 0; right: 0; } .article-inner .post-overlay-items .entry-meta.top-meta { padding: 0; } .set-bg-img { background-position: center center; background-size: cover; min-height: 400px; width: 100%; max-height: 400px; } .post-full-thumb-wrap .post-overlay-items { position: relative; padding: 40px 0 60px; } .post-full-thumb-wrap .post-overlay-items.thumb-exists { bottom: 0; left: 0; position: absolute; right: 0; } .post-overlay-items > * { margin-bottom: 20px; } .post-overlay-items > *:last-child { margin-bottom: 0; } .post-overlay-items.video-post-overlay { position: relative; } .blog-template .entry-meta.bottom-meta{ padding-top: 0px; padding-bottom: 15px; } ..blog-template.standard-layout .entry-meta.bottom-meta{ padding-bottom: 0px; } .blog-template.standard-layout .top-meta { margin-bottom: 20px !important; } /* Grid Layout */ .grid-layout article.post .post-format-wrap .post-overlay-items { padding: 0 20px 20px; } .article-inner > .post-format-wrap, .grid-layout .article-inner > .post-format-wrap { margin-top:0px; } .grid-layout article.post{ float:left; } .grid-layout.isotope article.post { float: none; } .post-quote-wrap, .post-link-wrap{ background-size: cover; text-align: center; } .grid-layout .article-inner .entry-meta.top-meta { padding-bottom: 0; background: #f7f7f7; padding: 5px 15px; } .grid-layout .post-thumb-wrap img { width: 100%; } /* List Layout*/ .site-main.list-layout .post-quote-wrap > .blockquote, .site-main.list-layout .post-link-inner, .site-main.list-layout .post-format-wrap .post-audio-wrap{ margin-bottom: 0; } .list-layout .article-inner .post-list-left-part { margin-top: 0; } .list-layout .article-inner > * { margin-bottom: 0; } .list-layout .article-inner .post-list-left-part, .list-layout .article-inner .post-list-right-part{ float: left; width: 50%; } .list-layout .article-inner .post-list-right-part { padding: 0 20px; } .list-layout .article-inner .post-list-right-part.post-list-full{ width:100%; margin-top: 0; } .site-main.list-layout .blockquote { border-left: 0; } .site-main.list-layout .post-format-wrap { margin: 0; } .list-layout article.post header.entry-header { padding-top: 0; } .list-layout .post-thumb-wrap img { width: 100%; } /*Pagination*/ .post-pagination-wrap { margin-top: 40px; } .pagination li.nav-item { display: inherit; } .nav.pagination > li.nav-item a, .nav.pagination > li.nav-item span { padding: 7px 12px; margin-right: 10px; border:1px solid #000; color: #fff; } .nav.pagination > li.nav-item.active a, .nav.pagination > li.nav-item.active span { color: #000; } .nav.pagination > li.nav-item a:hover { background: #000; color: #fff; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 33%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } /*Categories */ .post .post-tags a { display: inline-block; } .post .post-category a { display: inline-block; } /*---------------------------------- Single Post Layouts ------------------------------------*/ .single-post-template blockquote { background: #222; color: #ffffff; padding: 20px; font-size: 16px; margin: 30px 0; font-style: italic; } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer, .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: #ccc; } .wp-block-quote a, .wp-block-pullquote.is-style-solid-color blockquote p { color: #fff; } .induzy-single-post .post-full-thumb-wrap .post-video-wrap { max-height: 500px; overflow: hidden; position: relative; text-align: center; text-align: -webkit-center; } blockquote.about-quote { background: #ffffff; padding: 20px; font-style: italic; line-height: 36px; } cite a { color: #ccc; } span.first-ltr { color: #000; display: block; float: left; font-size: 70px; line-height: 60px; padding: 0 8px 0 0; } .single-post .post-meta > ul > li.nav-item .post-social a i { color: #7f7f7f; } .single-post .post-meta > ul > li.nav-item .post-social a:hover i { color: #ffffff; } .single-post-template article.post .post-format-wrap .post-overlay-items { padding-bottom: 0; color: #fff; } .single-post-template article.post{ padding-bottom: 30px; } .single-post-template article.post .post-format-wrap .post-overlay-items .post-meta ul li a { color: #fff; } .post-full-thumb-wrap .owl-carousel { max-height: 500px; } .induzy-single-post .post-link-inner, .induzy-single-post .post-quote-wrap > .blockquote { padding: 150px 15px; } .induzy-single-post .post-quote-wrap blockquote { margin-bottom: 0; } .post-audio-full-wrap .post-audio-wrap { padding-left: 15px; padding-right: 15px; } .site-main.single-post-template .entry-header, .site-main.single-post-template .entry-meta.top-meta { margin-bottom: 30px; } .site-main.single-post-template .entry-header, .site-main.single-post-template .entry-meta.top-meta{ border-bottom: 1px solid #f7f7f7; padding-bottom: 20px; } .post-navigation .nav-links > * { max-width: 48%; word-break: break-word; } .navigation.post-navigation .nav-next { float: right; } .post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous { position: relative; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a { border-style: solid; border-width: 1px; display:inline-block; } .post-navigation .nav-links .nav-previous a { padding: 6px 15px 6px 32px; } .post-navigation .nav-links .nav-next a { padding: 6px 32px 6px 15px; } .post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-previous a:hover { color: #fff; } .post-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-next:after { font-family: fontawesome; position: absolute; top: 50%; font-size: 20px; color: #333; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .post-navigation .nav-links .nav-previous:hover:before, .post-navigation .nav-links .nav-next:hover:after { color: #fff; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .post-navigation .nav-links .nav-previous:before { content: "\f104"; left: 14px; } .post-navigation .nav-links .nav-next:after { content: "\f105"; right: 14px; } .related-slider-wrapper { margin-top: 20px; } /* Standard Layout */ .standard-layout .post-video-wrap iframe, .single-post-template .post-video-wrap iframe{ min-height: 400px; } .top-standard-post article.post { margin-bottom: 40px; max-width: 100%; width: 100% !important; } .grid-layout .post-video-wrap iframe, .list-layout .post-video-wrap iframe{ min-height: 200px; } .induzy-single-post .post-navigation-wrapper { padding: 0 0 30px 0; } .induzy-single-post .author-info-wrapper{ padding: 0 0 40px 0; } .single-post .author-info { padding: 20px 25px; border: 1px solid #eee; } .author-info ul.social-icons > li > a { box-shadow: none; width: 28px; height: 28px; line-height: 28px; } /* Link Post */ .post-link-inner i { font-size: 35px; color: #fff; } .post-link-inner h4 { padding-top: 20px; } .post-link-wrap a.post-link:hover { opacity: .7; } .post-audio-wrap .mejs__audio { max-width: 100%; } .post-video-wrap { min-height: 200px; } /* Quote Post */ .post-quote-wrap > .blockquote, .post-link-inner{ padding:50px 15px; background-color: rgba(0, 0, 0, 0.7); } .post-quote-wrap > .blockquote h4, .post-link-wrap .post-link-inner a{ color: #fff; line-height: 42px; } .post-quote-wrap > .blockquote .blockquote-footer{ color: #ffffff; margin-top: 10px; } .post-quote-wrap blockquote.blockquote { text-align: center; text-align: -webkit-center; } .blockquote i { font-size: 35px; color: #fff; margin-bottom: 20px; } .post-quote-wrap.blockquote-theme .blockquote, .post-link-wrap.post-link-theme .post-link-inner { border: 25px rgba(0, 0, 0, 0.05) solid; } blockquote { margin: 0 0 20px; border-left: 5px solid #eee; border-right: none; padding: 12px 40px; color: #606060; background: #222; color: #fff; } .wp-block-pullquote:not(.is-style-solid-color), .wp-block-pullquote { border: 0; } .entry-content .wp-block-quote.is-large { padding: 20px; } ul.wp-block-categories.wp-block-categories-list.aligncenter { text-align: center; } ul.wp-block-categories.wp-block-categories-list.aligncenter ul.children { list-style: none; } blockquote p { font-size: 18px; font-weight: 500; font-style: italic; } blockquote p:last-child{ margin-bottom:0px; } /* Post Comments */ .comments .media > .media-left { padding-right: 20px; } .comment-like { cursor: pointer; } .comments li.comment { margin-bottom: 20px; } .comments li.comment:last-child { margin-bottom: 0; } .post-comments-wrapper .comment-form-comment, .post-comments-wrapper .comment-form-author, .post-comments-wrapper .comment-form-url, .post-comments-wrapper .comment-form-email { margin-bottom: 17px; } .post-comments-wrapper input { border: 1px solid rgba(0,0,0,.15) !important; border-radius: .25rem !important; display: block; font-size: 1rem; line-height: 2.25; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .post-comments-wrapper p.form-submit input { border: none !important; line-height: 1.25; padding: 12px 30px 12px 30px; } .induzy-single-post .post-comments .comment-meta { padding-bottom: 20px; border-bottom: solid 1px #f3f3f3; } .induzy-single-post .post-comments p.comment-meta { padding-bottom: 10px; border-bottom: solid 1px #f3f3f3; margin-bottom: 10px !important; font-weight: 500; } ul.comments .media-body { border:1px solid #eee; margin-bottom: 25px; padding: 16px 25px; } ul.comments .comment-respond { margin-bottom: 24px; } .post-comments span.author:before { content: "\e005"; } .post-comments span.date:before { content: "\e081"; } .post-comments .comment-meta span, .comment-author-link i { padding-right: 10px; } .post-comments span.author:before, .post-comments span.date:before { font-family: 'Simple-Line-Icons';; padding-right: 10px; font-weight: bold; } a.comment-reply-link i{ font-weight: bold; } .comments .author-img img { webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .post-comments-wrapper ul.children { padding-left: 40px; } /*-------------------------------------- General Meta Styles ----------------------------------------*/ .nav.comments-share > li, .comments-like-nav > li { padding: 0 8px; } .post-meta .author-img { display: inline-block; vertical-align: middle; } .post-meta .nav .nav-item:first-child, .nav.comments-share > li:first-child, .comments-like-nav > li:first-child { padding-left:0; } .post-meta .nav .nav-item:last-child, .nav.comments-share > li:last-child, .comments-like-nav > li:last-child { padding-right:0; } .post-tags a { padding-left: 4px; } .standard-layout article.post:first-child header.entry-header { padding-top: 0; } .post-fav-wrap a.icon.icon-heart.post-fav-done, .single-post-template article.post .post-format-wrap .post-overlay-items .post-fav-wrap a.icon.icon-heart.post-fav-done { color: #e72153; } .icon-like:before, .icon-dislike:before { font-size: 15px; } span.like-count, span.dlike-count { padding: 0 6px; display: inline-block; font-family: "Work Sans"; } ul.nav.nav-block > li { display: inline-block; } ul.nav.nav-block { display: block; } /* Post Meta*/ .post-category, .post-tags { word-break: break-all; } .post-category > a:first-child, .post-tags > a:first-child { padding-left: 0; } .pull-center .author-info-wrapper .media-left.author-avatar img { webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .posts-count h5 { text-transform: capitalize; font-size: 18px; } .posts-count h6:before{ content: "\e05f"; } .posts-count h6:before { font-family: Simple-Line-Icons; font-size: 13px; padding-right: 10px; vertical-align: middle; } /* Magnific Popup Styles */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .post-video-wrap { position: relative; } .post-video-wrap iframe{ border: none; } .video-play-icon { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .video-play-icon > span { font-size: 70px; color: #fff; } .grid-layout .video-play-icon > span { font-size: 70px; } .zoom-anim-dialog{ max-width: 800px; margin:0 auto; position:relative; } .zoom-anim-dialog .mfp-close { left: auto; position: absolute; } /*------------------------ Infinite Scroll --------------------------*/ #infscr-loading { bottom: -30px; left: 0; position: absolute; right: 0; } #infscr-loading > img { left: 50%; position: absolute; top: 0%; transform: translateX(-50%); margin-top: 40px; } #infscr-loading > div { margin: 0 auto; text-align: center; text-align: -webkit-center; font-size: 20px; } /*-------------------------------------------------------------- 16. Owl Carousel --------------------------------------------------------------*/ .owl-carousel, .owl-carousel .owl-item { position: relative; } /*owl navigation*/ .owl-carousel .owl-dots { text-align: center; margin-top: 25px; } .owl-carousel .owl-dot { display: inline-block; } .owl-dot.active span { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } .owl-dot span { background: #171717 none repeat scroll 0 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); display: block; height: 7px; margin: 0 7px; width: 7px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #000; z-index: 999999; } /*owl Navigation*/ .owl-carousel .owl-nav { text-align: center; text-align: -webkit-center; font-size: 0px; top: -50px; position: absolute; right: 0; } .owl-prev, .owl-next { display: inline-block; padding: 0 10px; } .owl-prev { margin-right: 5px; } .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 22px; line-height: 30px; } .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; } .owl-carousel .owl-nav .owl-next:before { content: "\f105"; } .owl-prev, .owl-next, .blog-template .owl-carousel .owl-nav .owl-prev, .blog-template .owl-carousel .owl-nav .owl-next, .related-slider-wrapper .owl-carousel .owl-nav .owl-prev, .related-slider-wrapper .owl-carousel .owl-nav .owl-next, .portfolio-related-slider .owl-carousel .owl-nav .owl-prev, .portfolio-related-slider .owl-carousel .owl-nav .owl-next { width: 25px; height: 25px; } .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover, .blog-template .owl-carousel .owl-nav .owl-prev:hover, .blog-template .owl-carousel .owl-nav .owl-next:hover, .related-slider-wrapper .owl-carousel .owl-nav .owl-prev:hover, .related-slider-wrapper .owl-carousel .owl-nav .owl-next:hover, .portfolio-related-slider .owl-carousel .owl-nav .owl-prev:hover, .portfolio-related-slider .owl-carousel .owl-nav .owl-next:hover { color: #000; } .related-slider-content { padding: 20px 0; } .related-slider-content .related-title a { font-size: 18px; } /*-------------------------------------------------------------- 17. Widget Styles --------------------------------------------------------------*/ .widget-area .widget { margin-bottom: 50px; } /*widget general*/ .widget { max-width: 100%; overflow: hidden; margin-bottom:20px; } .widget .nav { display: block; } .comments-wrap > * i { font-size: 13px; vertical-align: unset; } .comments-wrap span { font-size: 15px; } .widget b { color: inherit; } /*widgets title*/ .widget-title { margin-bottom: 25px; position: relative; } .single-post .right-widget-area .widget-title:after, .blog .right-widget-area .widget-title:after, .archive .right-widget-area .widget-title:after{ content: ""; display: block; width:60px; padding-top:3px } .single-post .right-widget-area .widget-title, .blog .right-widget-area .widget-title, .archive .right-widget-area .widget-title { line-height: 40px !important; } .widget-title { text-transform: uppercase; } .widget select { width: 100%; } .widget ul.menu li:first-child { padding-top: 0; } .widget ul.menu ul.sub-menu li:first-child { padding-top: 7px; } .widget ul li:last-child, .widget ol li:last-child { padding-bottom: 0; } .widget ul .children li { padding-left: 15px; } .widget p:last-child { margin-bottom: 0; } .widget ul:last-child { margin-bottom: 0; } .widget .comments-wrap > *:last-child { margin-right: 0; } .widget .comments-wrap > * { display: inline-block; margin-right: 15px; } .right-widget-area .widget ul li, .left-widget-area .widget ul li{ margin-bottom:15px; } .right-widget-area ul.children, .left-widget-area ul.children{ margin-top:15px; } /*Video*/ .widget_media_video .mejs__container, .widget_media_video .mejs__overlay-play, .widget_media_video .wp-video-shortcode video, video.wp-video-shortcode { height: 100%; max-width: 100%; } /*About widget*/ .about-widget img { margin-bottom: 20px; } .about-widget img.mx-auto { margin-left: inherit !important; margin-right: inherit !important; } img.sign-image { margin-top: 20px; max-width: 250px; } /*Author widget*/ .zozo_author_widget img { margin: 0 0 10px 0; } .zozo_author_widget span { display: block; } /*Contact Info */ .contact-widget-info > p > span:first-child { line-height: 2; display: inline-block; margin-right: 15px; float: left; } .contact-widget-info > p > span:last-child { display: table-cell; } .contact-widget-info > p { margin-bottom: 15px; display: block; } .contact-widget .contact-text { margin-bottom: 20px; } /*instagram widget*/ /*Instagram Pictures*/ .widget .instagram-pics li { display: inline-block; height: 60px; width: 67px; padding: 0px 5px 0px 0px; } .widget .instagram-pics li .insta-footer-img { background-position:center; height:100%; width:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; } .instagram-pics.instagram-size-thumbnail li { height: 90px; width: 90px; } .instagram-pics.instagram-size-large li { height: 150px; width: 50%; } .widget .instagram-pics.instagram-size-original li { width: 100%; height: 150px; } .widget-area .instagram-pics.instagram-size-large li { width: 33.3%; height: 100px; } .widget.null-instagram-feed .clear { text-align: center; margin-bottom:0; } .null-instagram-feed p a { padding: 8px 25px; display: inline-block; border-radius: 40px; margin-top: 20px; color:#fff; } .null-instagram-feed p a:hover { background: #000; } /* Instagram Hover Effects */ .instagram-pics > li > a div.insta-footer-img { position: relative; } .widget .instagram-pics > li > a div.insta-footer-img{ position: relative; overflow:hidden; } .instagram-pics > li > a div.insta-footer-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .instagram-pics > li > a div.insta-footer-img:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Mailchimp Widget */ .widget .zozo-mc-form .form-group { position: relative; display: block; border-collapse: separate; max-width:320px; } .widget .zozo-mc-form .form-group .form-control, .widget .zozo-mc-form .form-group .zozo-mc.btn { display: inline-block; width: auto; height: 48px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; } .widget .zozo-mc-form .form-group .form-control { background: #fff; border: none; width: 99%; } .widget .zozo-mc-form .form-group .zozo-mc.btn { padding: 0 12px; font-weight: 500; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; right: 0; top: 0; } .widget .zozo-mc-form .form-group .zozo-mc.btn:hover{ background: #222; } /* Tag cloud */ .widget.widget_tag_cloud a.tag-cloud-link { background: #f8f8f8; color: #000000; font-size: 14px !important; padding: 7px 16px; display: inline-block; text-decoration: none; line-height: normal; margin-bottom: 8px; margin-right: 2px; letter-spacing: 1px; border: 1px solid #edf0f3; -moz-border-radius: 2px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .widget.widget_tag_cloud a.tag-cloud-link:hover { background: #000; color: #fff; } /*Widget Menu*/ .footer-middle-sidebar .widget li.half-col.menu-item { float: left; width: 50%; margin: 10px 0; } /*Widget Service Menu*/ .widget-area .widget .menu-item-object-iy-service a { display: block; padding: 10px 13px 10px 50px; color: #000; background: rgba(0, 0, 0, 0.05); line-height: 30px; position: relative; margin-bottom: 2px; } .widget-area .widget .menu-item-object-iy-service a:before { background: #333; border-radius: 50%; content: ""; height: 7px; left: 25px; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; } .widget-area .widget .menu-item-object-iy-service.current-menu-item a:before { background: #fff; } .widget .menu-item-object-iy-service a:hover, .widget .menu-item-object-iy-service.current-menu-item a { color:#fff; border-color:#333; transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -ms-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; } .widget-area .widget .menu-item-object-iy-service.current-menu-item a:hover { color: #fff; } .site-footer .widget .menu-item-object-iy-service.current-menu-item a { background: transparent; color: #777777; } /*widget Social*/ .zozo_social_widget > * { float: left; } .zozo_social_widget > .widget-title { font-size: 15px !important; padding-right: 12px; text-transform: capitalize; font-weight: 500 !important; margin: 5px 0; } .zozo_social_widget > ul.social-icons > li > a { width: 30px; height: 30px; line-height: 30px; } /*widget Archive*/ .widget_archive li:before { content: "\e075"; font-family: Simple-Line-Icons; padding-right: 15px; } .rtl .widget_archive li:before{ padding-right: 0px; padding-left: 15px; } /*widget calender*/ .widget_calendar th, .widget_calendar td { text-align: center; border: 1px solid #ccc; } .widget_calendar tr { border-bottom: 1px solid #eee; } .widget_calendar table { border-collapse: collapse; margin: 0; width: 100%; } .widget_calendar .calendar_wrap th, .widget_calendar tfoot td a { color:#fff; } .widget_calendar .calendar_wrap td a { font-weight: 800; } .widget_calendar td, .widget_calendar th { padding: 0.4em; } .widget_calendar caption { text-align: center; border-bottom: 1px solid; font-weight: 600; } /*Twitter Widget*/ .zozo-twitter-widget .twitter-wrap.media { margin-bottom: 20px; padding-bottom: 20px; } .widget .zozo-twitter-widget ul li.tweet-item { padding:0; } .tweet-profile-pic img { max-width: 50px; } /*Tab Widget*/ .widget.zozo_advance_tab_post_widget .widget-title { text-align: center; text-align: -webkit-center; } .zozo_advance_tab_post_widget .nav-tabs .nav-link { line-height: 36px; border-radius: 0; background: #ececec; color: #000; border: 0; font-weight: 600; } .widget.zozo_advance_tab_post_widget p { font-size: 14px; line-height: 1; margin-bottom: 10px; } .zozo_advance_tab_post_widget .nav-tabs .nav-item.show .nav-link, .widget .nav-tabs .nav-link.active { color: #fff; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .post-item-comment span:before, .side-item-meta span.post-item-comment:before{ content: "\e04a"; font-family: Simple-Line-Icons; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 10px; vertical-align: top; } .post-item-date span:before, .side-item-meta span.post-item-date:before { content: "\e075"; font-family: Simple-Line-Icons; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 10px; vertical-align: top; } .zozo_advance_tab_post_widget .post-item > .post-image { max-width: 110px; position: relative; } ul.nav.nav-tabs { display: flex; border-bottom: 0; } .tab-content { padding: 30px 0 0; position: relative; } .zozo_advance_tab_post_widget ul.post-newsfeed li, .zozo_advance_tab_post_widget li.recentcomments { padding: 20px 0; border-bottom: 1px solid #d5eaea; } .zozo_advance_tab_post_widget ul.post-newsfeed li:first-child, .zozo_advance_tab_post_widget li.recentcomments:first-child { padding-top: 0; } .zozo_advance_tab_post_widget ul.post-newsfeed li:last-child, .zozo_advance_tab_post_widget li.recentcomments:last-child { padding-bottom: 0; border: none; } .zozo_advance_tab_post_widget .post-image a { display: block; position: relative; } .post-item:hover .post-image a:before { position: absolute; top: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; -webkit-transition: .2s ease all; transition: .2s ease all; } /*Widget Latest Post*/ .induzy_latest_post_widget img, .induzy_popular_post_widget img { margin: 0 15px 15px 0; max-width: 60px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; } .comments-wrap .meta-left{ display: none !important; } .widget.induzy_latest_post_widget li, .induzy_popular_post_widget li { margin-bottom: 25px; padding-bottom: 0; clear: both; } .widget.induzy_latest_post_widget li:last-child, .induzy_popular_post_widget li:last-child { margin-bottom:0; } .induzy_latest_post_widget li a, .induzy_popular_post_widget li a { font-weight: 500; margin-bottom: 0px; display: block; } .induzy_latest_post_widget .side-item-meta, .induzy_popular_post_widget .side-item-meta { font-size: 15px; line-height: 1.3; } .widget.induzy_latest_post_widget li .side-item, .induzy_popular_post_widget li .side-item { clear: both; float: none; } .widget.induzy_latest_post_widget li .side-image, .induzy_popular_post_widget li .side-image { float: left; } .widget.induzy_latest_post_widget li .side-item-text, .induzy_popular_post_widget li .side-item-text { display: table-cell; } .induzy_latest_post_widget.widget ul li{ margin-bottom: 25px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .induzy_latest_post_widget.widget ul li:last-child{ margin-bottom: 15px; padding-bottom: 0px; border-bottom: 0; } /*Widget Recent Post*/ .widget.widget_recent_entries ul > li, .widget .recentcomments, .widget_categories ul li, .widget_meta ul li, .widget_pages ul li{ position: relative; padding-left: 20px; margin-bottom: 10px; } .widget.widget_recent_entries ul > li:before, .widget .recentcomments:before, .widget_categories ul li a:before, .widget_meta ul li a:before{ content: '\f105'; font-family: FontAwesome; font-size: 10px; left: 0; display: inline-block; position: absolute; z-index: 1; top: -1px; line-height: inherit; } .rtl .widget.widget_recent_entries ul > li, .rtl .widget .recentcomments, .rtl .widget_categories ul li, .rtl .widget_meta ul li a:before{ padding-right: 20px; padding-left: 0px; } .rtl .widget.widget_recent_entries ul > li:before, .rtl .widget .recentcomments:before, .rtl .widget_categories ul li a:before { right:0; left:auto; transform: rotate(180deg); } /*widget rss*/ .rsswidget img { display: inherit; } .widget_rss ul li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(120,120,120,0.5); padding-top: 0; } .widget_rss ul li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } /*Widget text-testimonial*/ .widget .owl-carousel .owl-nav { right: 15px; } /*-------------------------------------------------------------- 18. VC Styles --------------------------------------------------------------*/ .vc_row { padding: 40px 0; } .vc_row.vc_inner { padding: 0; } .vc_row-has-fill > div > .vc_column-inner:first-child, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner:first-child { padding-top: 0; } .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner { z-index: inherit; } .bg-fixed > div , section.bg-fixed ,.vc_row.bg-fixed { background-attachment: fixed; } /* Vc Row Styles */ span.row-overlay { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .row-overlay-dark > span.row-overlay { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } .row-overlay-light > span.row-overlay { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; } .row-overlay-light, .row-overlay-custom, .row-overlay-dark { z-index:0; } /*-------------------------------------------------------------- 19. Woo Styles --------------------------------------------------------------*/ .cart-dropdown-menu { left: auto; margin: 0; right: 0; width: 280px; padding: 15px; } .widget .product-categories li{ margin-bottom: 5px; } .dropdown-menu.cart-dropdown-menu .cart-item .no-cart-items { font-size: 14px; } .cart-dropdown-menu > li > * { display: inline-block; } .cart-dropdown-menu .product-remove { background: #f6f6f6; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; height: 27px; line-height: 28px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 27px; } .cart-dropdown-menu .product-name { color: #333333; font-size: 12px; line-height: 2; width: 100px; vertical-align: middle; } .cart-dropdown-menu > li .product-thumbnail { margin-right: 10px; margin-bottom: 12px; max-width: 60px; } .cart-dropdown-menu .mini-view-cart { line-height: 1; } .dropdown-menu.cart-dropdown-menu .mini-view-cart a { font-size: 15px; padding: 12px 20px; color: #fff; display: block; } .dropdown-menu.cart-dropdown-menu .mini-view-cart a:hover { background: #000; color: #fff; } .cart-dropdown-menu > li { line-height: 1; position: relative; } .remove-item-overlay > img { padding-top: 15px; } .no-cart-items, .cart-update-pbm { color: #333333; line-height: 1; margin-bottom: 0; width: 100%; font-size: 12px; } .remove-item-overlay { left: 0; position: absolute; right: 0; top: 0; display: none; } .woocommerce ul.products.related-slider li.product, .woocommerce-page ul.products.related-slider li.product { margin: 0; width: 100%; } .woo-top-meta .woocommerce-result-count { margin: 11px 0; } .woo-top-meta form { display: inline-block; } .woo-top-meta select { position: relative; display: inline-block; margin-left: 10px; line-height: 24px; padding: 8px 20px; height: 50px; width: 260px; color: #777777; cursor: pointer; border: 1px solid #f8f8f8; -webkit-appearance: none; background-color: #f7f7f7; background-position: right center; background-repeat: no-repeat; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #333; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 24px; } .woocommerce .product .price, .woocommerce ul.products li.product .price { font-size: 16px; font-weight: 500; } .woocommerce .product .price del, .woocommerce ul.products li.product .price del { float: left; padding-right: 10px; color: #848484; } .woocommerce .product .price ins, .woocommerce ul.products li.product .price ins, .woocommerce.single .product .price ins { text-decoration: none; display: inline-block; font-weight: 500; } .woocommerce .product .onsale, .woocommerce ul.products li.product .onsale { left: 15px; top: 15px; color: #fff; right: auto; min-width: auto; display: block; overflow: hidden; padding: 5px 12px; min-height: auto; font-weight: 400; line-height: initial; font-size: 14px; border-radius: 0; } .woocommerce ul.products li.product .onsale { left: 15px; top: 22px; } .single.woocommerce .product .entry-summary .price, .single.woocommerce .product .entry-summary .woocommerce-product-details__short-description { margin-bottom: 25px; } .woocommerce ul.products li.product .woo-thumb-wrap { position: relative; } .woocommerce ul.products li.product .woo-thumb-wrap:before { content: ''; width: 100%; height: 100%; z-index: 9; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.63); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .woocommerce ul.products li.product:hover .woo-thumb-wrap:before { opacity: 1; } .woocommerce ul.products li.product .woo-thumb-wrap .button, .woocommerce ul.products li.product .woo-thumb-wrap .added_to_cart { position: absolute; font-size: 15px; margin: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 9; -webkit-transition: 0.5s; transition: 0.5s; } .woocommerce ul.products li.product .woo-thumb-wrap .button.loading { padding: 14px 28px 14px 12px; } .woocommerce ul.products li.product:hover .woo-thumb-wrap .button { opacity: 1; } .woocommerce ul.products li.product .woo-thumb-wrap .button.added { opacity: 0; } .woocommerce ul.products li.product .woo-thumb-wrap .added_to_cart { opacity: 1; padding: 14px 24px; font-weight: 400; line-height: 1; color: #fff; } .woocommerce ul.products li.product .woo-thumb-wrap .button:hover, .woocommerce ul.products li.product .woo-thumb-wrap .added_to_cart:hover { color: #fff; } .woocommerce button.button, .woocommerce .product .button, .woocommerce.single .product .button, .woocommerce #review_form #respond .form-submit input { font-weight: 400; padding: 14px 20px; border-radius: 0; color: #fff; } .woocommerce .product .button:hover, .woocommerce.single .product .button:hover, .woocommerce button.button:hover, .woocommerce #review_form #respond .form-submit input:hover { background: #000; color: #fff; } .product_meta > span { padding-right: 15px; display: block; } .woocommerce.single .product_meta .post-social { margin-top: 20px; } .woocommerce div.product div.images .flex-control-thumbs { margin: 0 -8px; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs { padding-top: 18px !important; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs li { margin-bottom: 16px !important; padding-left: 8px; padding-right: 8px; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs li:last-child { margin-right: 0 !important; } .woocommerce .product .quantity { margin-bottom: 20px !important; width: 100%; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; overflow: visible; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { border: 1px solid #e1e1e1; color: #333; position: relative; z-index: 1; overflow: visible; border-bottom: 0px; border-bottom: 2px solid; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { min-width: 145px; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; background: transparent; border: 0px; margin: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before { border: none; width: 0; height: 0; } .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { padding: 20px; border: 1px solid #e1e1e1; margin-top: -1px; margin-bottom: 38px; background: none; } .woocommerce-tabs .panel h2 { margin: 0 0 10px; font-size: 19px; } .woocommerce .related.products h2 { font-weight: 500; font-size: 24px; line-height: 28px; text-align: inherit; padding-bottom: 30px; } /* Woocommerce Sidebar */ .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; margin-bottom: 32px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); width: 15px; height: 15px; top: -7px; background: #333; } .widget_price_filter .price_label { font-size: 15px; font-weight: 500; line-height: 34px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0 0 13px; margin: 13px 0 0; min-height: 65px; } .woocommerce ul.product_list_widget li { border-bottom: 1px solid #eee; position: relative; } .woocommerce ul.product_list_widget li:last-child { border: none; } .woocommerce ul.product_list_widget li a { color: #7f7f7f; font-weight: 500; position: relative; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 60px; float: left; margin-right: 10px; min-height: 60px; margin-left: 0; } .product_list_widget .amount { font-weight: 500; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { top: 14px; right: 5px; } /* Shop 3 column */ .woocommerce ul.products.shop-col-3 li { width: 30%; margin: 0 5% 50px 0; } .woocommerce ul.products.shop-col-3 li:nth-child(3n) { margin-right: 0; } /* Woocommerce Cart */ .woocommerce table.shop_table { margin-bottom: 0; } .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-color: #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead { background-color: #f7f7f7; height: 50px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color: #333; font-weight: 500; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 500; } .woocommerce table.shop_table td.product-thumbnail { width: 95px; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 90px; border: 1px solid #e3e3e3; } .shop_table.cart td.product-name > a { color: #333; } .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount { font-size: 17px; font-weight: 500; } .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { line-height: 30px; width: 26px; height: 26px; color: #fff; float: right; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { width: 30%; border-color: transparent; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 50%; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button { float: left; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0 15px 0 0; } .woocommerce table.shop_table td { padding: 12px; } td.product-remove { width: 20px; } .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; padding-top: 15px; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; margin-bottom: 10px; } span.woocommerce-input-wrapper { width: 100%; } .woocommerce form .form-row .input-checkbox { position: relative; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__rendered:focus { outline: 0; } .select2-container--default .select2-selection--single { height: 40px; border-color: #e1e1e1; } .woocommerce form .form-row textarea { border: 1px solid #eee; } .woo-cart-collaterals-container, .woo-cart-totals-container { margin-top: 35px; } .shipping label { display: inline; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { content: none; } .woocommerce-page .price_slider_amount .button { padding: 8px 30px 8px 30px; } /* Woocommerce Checkout */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register { background: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .zozo-woocommerce-thank-you .order_info { margin-top: 20px; padding: 30px; border: 1px solid #e1e1e1; } .woocommerce #order_review table.shop_table thead, .woocommerce-page #order_review table.shop_table thead, .woocommerce #order_review .order-total { background-color: transparent; } .woocommerce-checkout-review-order table.shop_table td:last-child { padding-right: 15px; } .woocommerce-checkout-review-order table.shop_table th, .woocommerce-checkout-review-order .woocommerce table.shop_table td { padding-left: 15px; } .woocommerce table.shop_table tr.cart-subtotal td, .woocommerce table.shop_table tr.order-total td { text-align: right; } .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name { padding-left: 0; } .woocommerce #order_review .shop_table thead tr th, .woocommerce #order_review .shop_table .cart_item td { padding: 15px; background: transparent; } #ship-to-different-address .checkbox { display: inline-block; font-size: 32px; font-weight: 500; } #ship-to-different-address { width: 100%; } #ship-to-different-address .input-checkbox { float: right; margin-top: 25px; } .woocommerce-checkout input, .woocommerce-checkout input.form-control, .woocommerce-checkout textarea, .woocommerce-checkout textarea.form-control, .woocommerce-cart input, .woocommerce-cart input.form-control, .woocommerce-cart textarea, .woocommerce-cart textarea.form-control { padding: 8px 10px; border: 1px solid transparent; background: transparent; } .woocommerce-cart .toggle-search-form input.form-control { border: 0; padding: 0; } .select2-drop-active, .select2-container .select2-choice { border-color: transparent; padding: 5px 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); } .payment_methods label { font-weight: 600; font-size: 13px; } .woocommerce-checkout form .form-row label.inline { float: left; line-height: 40px; width: 100%; } .woocommerce-checkout .inline > input { float: left; margin-right: 5px; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity { width: 100%; } .woocommerce #order_review table.shop_table, .woocommerce-page #order_review table.shop_table { margin-right: 15px; width: 100%; } .order-total > th { line-height: 26px; } .product-total { text-align: right; } .woocommerce #order_review table.shop_table tfoot td, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot th, .woocommerce #order_review table.shop_table th, .woocommerce-page #order_review table.shop_table th { font-weight: 300; background: transparent; font-size: 16px; } .single-sidebar-container .woocommerce-checkout-payment { width: 100%; float: left; margin: 30px 0 0; } .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { display: inline-block; } .woocommerce-checkout #payment div.payment_box { padding: 10px 31px; } .payment_box p { color: #333; } .woocommerce #payment, .woocommerce-page #payment { background: none; } .payment_methods.methods { border: 1px solid #e3e3e3; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; background: #f7f7f7; border: none; margin: 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: none; } .woocommerce #order_review .payment_methods.methods { padding: 0; } .woocommerce-checkout #payment .form-row.place-order { padding: 20px 0 0; } .checkout #payment { margin-bottom: 75px; } .woocommerce-checkout #payment ul.payment_methods { border-color: #e1e1e1; } .woocommerce #order_review .payment_methods.methods > li { border-bottom: 1px solid #e1e1e1; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background : #000; } .woocommerce #order_review .payment_methods.methods > li:last-child { border-bottom: 0px; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin-right: 5px; } .checkout_coupon .form-row-last { text-align: right; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { padding-left: 15px; } .woocommerce-billing-fields input { border: 1px solid #eee; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 48%; } .woocommerce-checkout-payment { margin-top: 30px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; } /* Woocommerce Order Received */ .zozo-woocommerce-thank-you .order_info { margin: 20px 0 18px; padding: 20px 0px; border: 1px solid #e1e1e1; } .zozo-woocommerce-thank-you .thank-you-title, .zozo-woocommerce-thank-you h2, .woo-order-customer-info h2, .zozo-woocommerce-order-details h2 { font-size: 32px; line-height: 42px; } .zozo-woocommerce-thank-you .thank-you-title { margin-bottom: 0; } .zozo-woocommerce-thank-you h3.thank-you-text { margin-top: 5px; } .woocommerce .order_details li { border-right: 1px solid #e1e1e1; text-transform: capitalize; margin: 0px 20px; } .woocommerce .order_details li > strong { font-size: 16px; font-weight: 300; } .woocommerce .order_details li.total, .woocommerce-page .order_details li.total { border-right: none; } .woocommerce .order_details li.method, .woocommerce-page .order_details li.method { margin-top: 18px; width: 100%; } .woocommerce table.shop_table.order_details, .woocommerce-page table.shop_table.order_details { padding: 20px; } .woocommerce .zozo-woocommerce-order-details table.shop_table thead { background: none; height: auto; } .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot th, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot th, .woocommerce .zozo-woocommerce-order-details table.shop_table thead th { border: none; font-weight: 300; font-size: 16px; } #order_review_heading { margin-top: 40px; } .woo-cart-totals-container tr th { padding-left: 0; font-size: 13px; line-height: 26px; } .woo-cart-totals-container tr td { text-align: right; padding-right: 0; color: #7f7f7f; } /* Woocommerce Pagination */ .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 4px; border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { padding: 0; color: #333; display: inline-block; line-height: 40px; width: 40px; position: relative; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.woo-page-prev, .woocommerce nav.woocommerce-pagination ul li span.woo-page-next { font-size: 0; padding: 0; line-height: 0; } .woocommerce .next.page-numbers, .woocommerce .prev.page-numbers { font-size: 0.5px; } .woocommerce-page nav.woocommerce-pagination ul li a.prev:before { content: "\f104"; } .woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f105"; } .woocommerce-page nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page nav.woocommerce-pagination ul li a.next:before { font-family: FontAwesome; font-size: 18px; left: 0; right: 0; margin: 0 auto; position: absolute; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce input.button.alt, .woocommerce input.button.disabled, .woocommerce input.button:disabled[disabled], .cart_totals .wc-proceed-to-checkout a.checkout-button { color: #fff; padding: 14px 32px 13px 32px; text-align: center; line-height: 18px; font-size: 18px; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-weight: normal; height: auto; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { background: #000; color: #fff; } .cart_totals .wc-proceed-to-checkout a.checkout-button { display: block; font-size: inherit; margin-bottom: 0; text-align: center; float: right; } .cart-collaterals { margin-top: 35px; } /*-------------------------------------------------------------- 20. Footer Styles --------------------------------------------------------------*/ footer.site-footer { position: relative; color: #777777; background-repeat: no-repeat; background-size: cover; background-position: center center; } .footer-menu{ padding:0; } .footer-menu > li { display: inline-block; padding: 0 10px; } .site-footer .textwidget img { margin: inherit; } .widget .footer-info { border: 1px solid #333; padding: 18px 12px; } /*Footer Top*/ .widget .footer-info .media::before{ margin-right: 16px; font-size: 28px; vertical-align: middle; line-height: 55px; height: 55px; } .widget ul.nav.footer-info > li { padding: 0 10px; } .widget ul.nav.footer-info .media-body > *, .widget .footer-info .media-body > * { font-size: 18px; } /*Footer Bottom*/ .footer-bottom.footer-bottom-fixed { bottom: 0; left: 0; position: fixed; right: 0; } .footer-fixed .footer-bottom.footer-bottom-fixed { position: relative; } .footer-bottom .footer-bottom-inner ul.pull-center li.nav-item { display: block; margin-bottom: 30px; } .footer-bottom .footer-bottom-inner ul.pull-center li.nav-item:last-child { margin-bottom: 0; } .cta .vc_custom_heading{ margin-bottom: 20px!important; } .cta p{ margin-bottom:30px !important; } /*-------------------------------------------------------------- 21. Animation key frames --------------------------------------------------------------*/ @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 100% { opacity: 1.0; } } /* Bootstrap Hidden Styles */ .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } @media only screen and (max-device-width : 1024px) and (orientation : landscape) { .hidden-md-land-down{ display: none !important; } .hidden-lg-land-up { display: block !important; } } /*-------------------------------------------------------------- 22. Extra Spacing --------------------------------------------------------------*/ .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .padding-0 { padding: 0px !important; } .padding-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .left-pad-55{ padding-left: 55px; } /*-------------------------------------------------------------- 23. Responsive Styles --------------------------------------------------------------*/ /* 1024 - Styles */ @media only screen and (max-width: 1024px) { /*Mobile Header*/ .mobile-header-items .nav-item .nav-item-inner { padding-right: 30px; } .mobile-header-items .nav-item:last-child .nav-item-inner:last-child { padding-right: 0; } /* VC call to action additional */ .additional-call-to-action .wpb_column .vc_column-inner .vc_btn3-container.vc_btn3-right { text-align: left; } /* Call to action */ .button-space a.vc_btn3 { margin-top: 20px; } /* Sidebar Full Image */ .center-full-image { margin-bottom: 120px !important; margin-top: 30px !important; } /*Footer Info*/ .widget ul.nav.footer-info > li { padding: 0 2px; } /*Woocommerce Styles*/ .woo-top-meta select { width: 238px; } /*Full Single Image*/ .right-full-image { margin-top: 125px; } .left-full-image { margin-bottom: 125px !important; } .center-full-image { margin: 125px 0 !important; } /*Shape Arrow*/ .inner-padding-0 .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .shape-arrow .wpb_column .feature-box-wrapper { width: auto !important; height: auto !important; } .shape-arrow .wpb_column .feature-box-wrapper::before, .shape-arrow .wpb_column .feature-box-wrapper::after { display: none; } /*RTL*/ .rtl .mobile-header-items .nav-item:last-child .nav-item-inner:last-child { padding-left: 0; } .rtl .mobile-header-items .nav-item .nav-item-inner { padding-left: 30px; padding-right: 0; } } @media only screen and (max-width:1024px) and (min-width:992px) { /*Spacing 1024*/ .section-spacing-1024 { margin-top: 30px; } /* VC call to action additional */ .additional-call-to-action .wpb_column .vc_column-inner .vc_btn3-container.vc_btn3-right { margin-top: 20px; } /* Woocommerce */ .woocommerce-result-count { width: 100%; } .woo-top-meta select { margin-left: 0; } } @media only screen and (min-width : 992px){ .pull-md-3, .pull-lg-3 { right: 25%; } .pull-md-4, .pull-lg-4 { right: 33.333333%; } .pull-md-6, .pull-lg-6 { right: 50%; } .pull-md-8, .pull-lg-8 { right: 66.666667%; } .pull-md-9, .pull-lg-9 { right: 75%; } .push-md-3, .push-lg-3 { left: 25%; } .push-md-4, .push-lg-4 { left: 33.333333%; } .push-md-6, .push-lg-6 { left: 50%; } .push-md-8, .push-lg-8 { left: 66.666667%; } .push-md-9, .push-lg-9 { left: 75%; } .offset-md-2, .offset-lg-2 { margin-left: 16.666667%; } .site-footer.footer-fixed { bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: fixed; right: 0; z-index: -1; } .col-lg-6 .woocommerce-result-count { width: 100%; } .col-lg-6 .woo-top-meta select { margin-left: 0; } .woocommerce .col-lg-6 ul.products.shop-col-2 li.product { width: 48.1%; } .woocommerce ul.products.shop-col-4 li.product { width: 22.15%; } .woocommerce ul.products.shop-col-5 li.product { width: 16.96%; } .woocommerce ul.products.shop-col-6 li.product { width: 13.5%; } /*RTL*/ .rtl .push-md-4, .rtl .push-lg-4 { right: 33.333333%; left: auto; } .rtl .pull-md-8, .rtl .pull-lg-8 { left: 66.666667%; right: auto; } /* Sidebar*/ .right-widget-area{ padding-left:40px; } .left-widget-area{ padding-right:40px; } .rtl .right-widget-area{ padding-left:0px; padding-right:40px; } .rtl .left-widget-area{ padding-right:0px; padding-left:40px; } } @media only screen and (max-width : 991px){ /* Sidebar*/ .footer-bottom{ text-align:center; } .footer-bottom-items.nav { display: inline-block; float: none !important; margin: 0 !important; padding: 10px 0; text-align: center; } .site-footer [class*="col-lg-"] .widget:last-child { margin-bottom: 35px; } /* VC call to action additional */ section.additional-call-to-action { margin-top: 0px !important; } .additional-call-to-action .wpb_column .vc_column-inner { padding-top: 0 !important; } .widget ul.nav.footer-info > li { display: block; margin-bottom: 35px; } .left-pad-55{ padding-left: 0px !important; } .induzy-single-post .post-comments-wrapper{ padding: 0 0 40px 0; } } @media only screen and (min-width : 991px){ .widget:last-child { margin-bottom: 0; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .wpb_row .wpb_column.vc_col-sm-6, .wpb_row .wpb_column.vc_col-sm-12 { margin-bottom: 30px; } .wpb_row .wpb_column.vc_col-sm-12:last-child { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .rtl .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content { padding-left: 28px; padding-right: 0; } } @media only screen and (max-width: 768px) { /*Woocommerce Styles*/ .woocommerce ul.products li.product { margin-right: 0; width: 48%; float: left; clear: both; } .woocommerce ul.products[class*=shop-col-] li.product:nth-child(2n) { float: right; clear: none !important; } .woocommerce ul.products li.product .woo-thumb-wrap img { width: 100%; } .sep-content.vc_custom_1529474505738{ margin-top: -20px !important; } } @media only screen and (max-width : 767px){ .wpb_row .wpb_column { margin-bottom: 30px; } .wpb_row .wpb_column:last-child { margin-bottom: 0; } .site-footer.footer-fixed { position: relative; } .footer-bottom.footer-bottom-fixed { position: relative; } /*page title*/ .page-title-inner .pull-left, .page-title-inner .pull-right { width: 100%; text-align:center; } .page-title-inner > div { display: block; } /*Image Grid*/ .image-grid-wrapper.image-grid-1 .image-grid-inner { margin-bottom: 10px; } /*Widget Area*/ .widget-area { padding-top: 85px; } /*Footer Info*/ .widget ul.nav.footer-info > li { padding: 0 10px; width: 100%; margin-bottom: 30px; } .widget ul.nav.footer-info > li:last-child { margin-bottom: 0; } /*Woocommerce Styles*/ .woo-top-meta > * { display: block; overflow: hidden; width: 100%; } .woo-top-meta select { margin-left: 0; } .comments .media > .media-left { padding-right: 10px; } .induzy-single-post .post-comments .comment-text { padding: 12px; } .post-comments-wrapper ul.children { padding-left: 10px; } .sep-content.vc_custom_1529474505738{ margin-top: 40px !important; } /* Custom */ .mailchimp-wrapper .mc-form .input-group button{ width: 123px !important; } .timeline > li.timeline-inverted, .timeline > li:not(.timeline-inverted){ padding-left: 40px !important; } .timeline > li > .timeline-sep-title, .timeline > li.timeline-inverted > .timeline-sep-title{ transform: rotate(-90deg); text-align: center !important; } .widget .zozo-mc-form .form-group{ width: 100%; } .vc_row { padding: 70px; } .widget-area { padding-top: 5px !important; } .right-full-image { margin-top: 35px; } } @media only screen and (max-width: 782px) and (min-width: 600px) { .logged-in.admin-bar .sticky-outer .header-sticky, .logged-in.admin-bar .sticky-outer .sticky-scroll.show-menu { top:46px; } } @media only screen and (max-width : 600px){ .logged-in.admin-bar .mobile-header-inner .sticky-outer .header-sticky, .logged-in.admin-bar .mobile-header-inner .sticky-outer .sticky-scroll.show-menu { top: 0; } } @media only screen and (max-width : 668px){ .vc_row { padding: 30px 0; } .footer-middle-wrap { padding-top: 50px!important; padding-bottom: 0px!important; } .induzy-content > .induzy-content-inner, .search-results .induzy-content > .induzy-content-inner { padding: 10px 0; } .widget-area .widget{ margin-bottom: 30px; } .widget-area .widget:last-child{ margin-bottom: 0px; } .widget ul li:last-child, .widget ol li:last-child{ margin-bottom: 0 !important; } .entry-meta .pull-left { float: left; width:100%; } .entry-meta .pull-right { float: left; padding-top: 15px; } .footer-bottom{ padding-top: 10px!important; padding-bottom: 10px!important; } } @media only screen and (min-width : 576px){ .modal-dialog { margin: 140px auto 30px auto; } } @media only screen and (max-width : 575px){ .team .team-info { padding-top: 30px; } .nav-item-inner .search-form{ width: 100%; } } @media only screen and (max-width : 479px){ .woocommerce ul.products li.product { width: 100%; } } /*-------------------------------------------------------------- 24. RTL( Right to Left ) Styles --------------------------------------------------------------*/ .rtl { direction: rtl; } body.rtl{ text-align:right; } /*RTL Float*/ .rtl .pull-left, .rtl .page-title-inner .pull-left { float: right; } .rtl .pull-right, .rtl .page-title-inner > div { float: left; } .rtl .induzy-single-post .post-comments .comment-text { margin-right: 15px; } .rtl .post-box-title { margin-bottom: 25px; } .rtl .search-toggle-wrap, .rtl .widget .side-item-text { padding-right: 25px; padding-left: 0px; } .rtl .navbar-items .nav-item-inner .search-toggle-wrap{ padding-left: 0px; } .rtl .navbar-items .nav-item-inner .search-toggle-wrap:before{ right:5px; left:auto; } .rtl .close{ left:25px; right:auto; } .rtl .nav-item-inner .search-form { float: right; } /*RTL Btn*/ .rtl .search-form .input-group .btn, .rtl .search-form .input-group .form-control { border-bottom-left-radius: .25rem; border-top-left-radius: .25rem; border-bottom-right-radius: 0; border-top-right-radius: 0; border-left: none; } .rtl .search-form .input-group .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; border-right: 1px solid #ccc; border-left: 0; padding-right: 15px; } .rtl blockquote.blockquote { border-left: none; } .rtl .mailchimp-wrapper .mc-form .input-group button, .rtl .widget .zozo-mc-form .form-group .zozo-mc.btn{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /*RTL Header Styles*/ .rtl .topbar-items .nav-item-inner, .rtl .logobar-items .nav-item-inner, .rtl .navbar-items .nav-item-inner { padding-left: 15px; padding-right: 0; } .rtl .topbar-items .nav-item:last-child .nav-item-inner, .rtl .logobar-items .nav-item:last-child .nav-item-inner:last-child, .rtl .navbar-items .nav-item:last-child .nav-item-inner:last-child { padding-left: 0; } .rtl .header-inner .media i { margin-right: 0; margin-left: 16px; } .rtl .pull-right .breadcrumb { text-align: left; } .rtl ul.nav.header-info > li:first-child { padding-right: 0px; } .rtl ul.nav.header-info > li:last-child { padding-right: 10px; } .rtl .nav.pull-center{ float: right; } /*RTL Main Menu*/ .rtl .induzy-main-menu li a.dropdown-toggle:after { margin-right: 8px; } .rtl span.menu-icon, .rtl .post-tags-before { padding-left: 10px; } .rtl .dropdown-menu { right: 0; } .rtl .induzy-main-menu .dropdown-menu .dropdown-menu { top: -3px; right: 100%; } .rtl ul.dropdown-menu > li, .rtl ul.mega-child-dropdown-menu > li { text-align: right; } .rtl .mega-dropdown-menu > li { float: right; } .rtl .induzy-main-menu > li > .dropdown-menu li.dropdown > a:after { content: "\f105"; font-family: "FontAwesome"; left: 20px; right: auto; } .rtl .induzy-main-menu > li > .dropdown-menu li.dropdown:hover > a:after { content: "\f104"; font-family: "FontAwesome"; left: 20px; right: auto; } .rtl span.menu-tag { display: inline-block; padding: 5px 8px; line-height: 1; margin: 0 0 0 7px; } .rtl ul.induzy-mobile-menu li.menu-item { text-align: right; } /*Sticky Header*/ .rtl .zmm-dropdown-toggle { left: 0; right: auto; } /*Shape Arrow*/ .rtl .shape-arrow .wpb_column:first-child .feature-box-wrapper::before { right: 0px; } .rtl .shape-arrow .wpb_column:nth-child(3) .feature-box-wrapper::before { right: 15px; } /*Featurebox*/ .rtl .feature-box-style-1.feature-list-3 .feature-box-icon.ml-3, .rtl .feature-box-style-2.feature-list-3 .feature-box-icon.ml-3 { margin-left: 0 !important; margin-right: 16px; } .rtl .fbox-list-head .feature-box-icon, .rtl .fbox-list-head .feature-box-thumb { margin-right: 0; margin-left: 15px; } /*Sliders*/ /*Portfolio*/ .rtl .portfolio-icons p a:last-child { margin-right: 6px; } /*Related Slider*/ .rtl .related-slider-wrapper .related-meta > div { padding-right: 0; } .rtl .owl-prev { margin-left: 10px; margin-right: 0; } .rtl .portfolio-related-slider .owl-carousel .owl-nav{ left: 0; right:auto; } .rtl .portfolio-meta-title-wrap .portfolio-meta-icon{ margin-left: 10px; margin-right: 0px; } /*RTL Meta Icons*/ .rtl .post-meta .post-author .author-img img { margin-left: 10px; margin-right: 0; } .rtl .post-meta .nav .nav-item, .rtl .nav.comments-share > li, .rtl .comments-like-nav > li { padding: 0 0px 0 12px; } .rtl .post-meta > ul > li.nav-item, .rtl .top-meta .post-meta ul li.nav-item, .rtl .bottom-meta .post-meta ul li.nav-item{ margin-right: 0; } .rtl .post-meta .post-fav-wrap li.nav-item { padding-left: 0 !important; } .rtl span.like-count, .rtl span.dlike-count { padding: 0 7px 0 0px; } /*Blog*/ .rtl span.before-icon { padding-right: 10px; padding-left: 10px; } .rtl .blog-style-4 > .row .blog-inner { padding: 0 0 50px 15px; } .rtl .blog-style-4 > .row:last-child .blog-inner { padding-bottom: 0; } .rtl .blog-style-4 .post-thumb > img { margin-left: 20px; margin-right: 0; } .rtl .blog-wrapper .post-author .author-img { margin-right: 0; margin-left: 5px; } .rtl .top-meta ul > li, .rtl .bottom-meta ul > li { float: right; margin-left: 15px; margin-right: 0; } .rtl .top-meta ul li:last-child, .rtl .bottom-meta ul li:last-child { margin-left: 0; } .rtl .post .entry-title:after{ left: auto !important; right: 0 !important; } /*RTL First letter*/ .rtl .letter-caption p::first-letter { margin: 0px 5px 0px 0px; } /*Chart*/ .rtl .vc_chart .vc_chart-legend span { margin-left: .5em; } /*Services*/ .rtl .widget-area .widget .menu-item-object-iy-service a:before { left: 20px; right: auto; } .rtl .contact-widget-info > p > span:first-child { float: right; margin-right: 0; margin-left: 15px; } /*Testimonials*/ .rtl .testimonial-2 .owl-carousel .testimonial-info { right: 108px; left: auto; } .rtl .testimonial-2 .testimonial-info { left: auto; right: 124px; } /*RTL Widgets*/ .rtl .zozo_advance_tab_post_widget .post-item > .post-item-desc { padding-right: 20px; } .rtl .site-footer .widget .widget-title, .rtl .tab-content, .rtl .zozo_advance_tab_post_widget .post-item > .post-item-desc { text-align: right; } .rtl .widget li.cat-item a, .rtl .widget.widget_archive li a, .rtl .widget .author-counts a { display: inline-block; } .rtl i.icon { padding-left: 10px; padding-right: 0; } .rtl .widget .footer-info .media::before { margin-right: 0px; margin-left: 16px; } .rtl .footer-middle-sidebar .widget li.half-col.menu-item{ float: right; text-align: right; } /*Rtl For widgets */ .rtl .mr-3 { margin-right: 0 !important; margin-left: 1rem; } .rtl .contact-widget > p > span { margin-right: 0; margin-left: 10px; } .rtl .zozo_social_widget > .widget-title{ padding-right: 0; padding-left: 10px; } /*Post Widget*/ .rtl .widget.induzy_latest_post_widget li .side-image, .rtl .induzy_popular_post_widget li .side-image { float: right; } .rtl .induzy_latest_post_widget img, .rtl .induzy_popular_post_widget img { margin: 0 0 10px 10px; } .rtl .widget.induzy_latest_post_widget li .side-item .side-item-text, .rtl .induzy_popular_post_widget li .side-item .side-item-text { padding-right: 0; } .rtl .widget .comments-wrap > * { margin-right: 0; margin-left: 15px; } .rtl .widget .comments-wrap > *:last-child { margin-left: 0; } /*Calculator*/ .rtl .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { justify-content: unset; } .rtl .widget .zozo-mc-form .form-group .form-control, .rtl .mailchimp-wrapper .mc-form .input-group input{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rtl div.wpcf7 .ajax-loader{ float: left; } /* Guntenberg Blocks */ .page-has-no-sidebar .entry-content > *.alignfull, .page-has-no-sidebar .entry-summary > *.alignfull { position: relative; clear: both; padding: 0; margin-left: calc(50% - 50vw); margin-right: calc(51% - 50vw); width: auto; max-width: 1000%; } .page-has-no-sidebar .entry-content > *.wp-block-columns.alignfull, .page-has-no-sidebar .entry-summary > *.wp-block-columns.alignfull { padding-left: 45px; padding-right: 45px; background: #fff; } .wp-block-gallery { clear: both; } blockquote.wp-block-quote.is-style-large { border-left: 4px solid; padding: 0 25px 25px 26px; } .wp-block-button__link:hover { background: #333; } .is-style-outline .wp-block-button__link:hover { background: #333; color: #fff !important; } .wp-block-video { overflow: hidden; } .has-large-font-size { font-size: 36px; line-height: 42px; } .wp-block-table { margin-bottom: 20px; } .wp-block-table td, .wp-block-table th { border: 1px solid #e1e1e1; padding: 8px 10px; } .wp-block-table.has-fixed-layout { width: auto; } .wp-block-table.is-style-stripes td { border: 1px solid #e1e1e1; } .is-style-outline .wp-block-button__link:hover { border: 2px solid transparent; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 20%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66667%; } .gallery-columns-7 .gallery-item { width: 14.28571%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11111%; } p.has-drop-cap { color: #000; } /*Cart*/ .rtl .cart-dropdown-menu { right: auto; left: 0; } .rtl .cart-dropdown-menu > li .product-thumbnail { margin-right: 0; margin-left: 10px; } .rtl .cart-dropdown-menu .product-remove { left: 0; right: auto; } .rtl .mini-cart-items .icon-basket { display: inline-block; } /*Shop*/ .rtl .woo-top-meta select { background-position: 16px center; } .rtl.woocommerce .product .price { text-align: right; } .rtl.woocommerce .product .price del, .rtl.woocommerce ul.products li.product .price del { float: right; padding-left: 10px; padding-right: 0; } .rtl.woocommerce ul.cart_list li img, .rtl.woocommerce ul.product_list_widget li img { float: right; margin-left: 10px; margin-right: 0; } /*Footer*/ .rtl .site-footer .widget-title::after { right: 0; } .rtl .zozo_social_widget .widget-title, .rtl .zozo_social_widget .social-widget{ float:right; } .addition-box-shadow .vc_column-inner .wpb_wrapper { box-shadow: 0 4px 10px rgba(0,0,0,0.15); padding: 30px; } .feature-box-wrapper.border-hover-color:hover { -webkit-transition: 0.5s; transition: 0.5s; } .sticky-logo{ display:none; } .header-sticky .sticky-logo, .sticky-scroll.show-menu .sticky-logo { display: block; } .sticky-outer .header-sticky .sticky-logo, .sticky-outer .sticky-scroll.show-menu .sticky-logo{ display:block; } .header-sticky .navbar .main-logo, .sticky-scroll.show-menu .navbar .main-logo { display: none; } .inner-padding-0 .vc_column-inner { padding: 0; } .inner-padding-0 .wpb_column:first-child .vc_column-inner { padding-left: 15px; } .inner-padding-0 .wpb_column:last-child .vc_column-inner { padding-right: 15px; } .bold-text { color: #000; font-weight: 700; } /*Shape Arrow*/ .shape-arrow .wpb_column .feature-box-wrapper { width: 300px; position: relative; overflow: hidden; } .shape-arrow .wpb_column:first-child .feature-box-wrapper, .shape-arrow .wpb_column:nth-child(3) .feature-box-wrapper { background: #000; } .shape-arrow .wpb_column .feature-box-wrapper::before, .shape-arrow .wpb_column .feature-box-wrapper::after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-left-style: solid; border-left-width: 80px; border-top-style: solid; border-top-width: 106px; border-top-color: transparent; border-bottom-style: solid; border-bottom-width: 106px; border-bottom-color: transparent; } .shape-arrow .wpb_column .feature-box-wrapper::before { right: 0; } .shape-arrow .wpb_column .feature-box-wrapper::after { left: 0; } .shape-arrow .wpb_column:first-child .feature-box-wrapper::before { right: 15px; } .shape-arrow .wpb_column:first-child .feature-box-wrapper::before, .shape-arrow .wpb_column:first-child .feature-box-wrapper::after, .shape-arrow .wpb_column:nth-child(3) .feature-box-wrapper::before, .shape-arrow .wpb_column:nth-child(3) .feature-box-wrapper::after { border-left-color: #000; } .shape-arrow .wpb_column:nth-child(2) .feature-box-wrapper::before { border-top-color: #000; border-bottom-color: #000; } .shape-arrow .wpb_column:last-child .feature-box-wrapper::before { border-top-color: #fff; border-bottom-color: #fff; } .shape-arrow .wpb_column .feature-box-wrapper > * { z-index: 9; position: relative; overflow: hidden; } .widget .vc_cta3 .vc_custom_heading { margin-bottom: 8px; } .widget .vc_cta3.sidebar-cta { padding: 30px; } /*Revolution Slider*/ .rev_slider_wrapper .btn.btn-outline { background: transparent; border-color: #fff; color: #fff; } .rev_slider_wrapper .btn.btn-default:hover { border-color: #000; } .rev_slider_wrapper .btn.btn-default, .rev_slider_wrapper .btn.btn-outline { border-width: 2px !important; border-style: solid; } .rev_slider_wrapper .btn.btn-inverse { background: #000; color: #fff; } .rev_slider_wrapper .btn.btn-inverse:hover { background: #fff; color: #000; } .rev_slider_wrapper .btn.btn-classic { background: #fff; color: #000; } .rev_slider_wrapper .btn.btn-classic:hover { background: #000; color: #fff; } .index-above { z-index: 9; } /* Custom*/ .induzy_mailchimp_widget .form-control{ padding: 0.49rem .75rem 0.375rem .75rem; } .induzy_mailchimp_widget .mc-aknowlegement { color:red; } .induzy_mailchimp_widget .zozo-mc.btn{ padding: 4px 12px 0px 12px; } .custom-post-nav > .prev-nav-link > .post-nav-text, .custom-post-nav > .next-nav-link > .post-nav-text{ display:none !important; } .post-navigation .custom-post-nav > div > a{ margin-top:0 !important; } .custom-post-nav { margin: 10px 0 10px 0 !important; }