/* Theme Name: Honeypress Pro Theme URI: https://spicethemes.com/honeypress-wordpress-theme/ Author: Spicethemes Author URI: https://spicethemes.com Description: HoneyPress WordPress Theme is lightweight, elegant, fully responsive and translation-ready theme that allows you to create stunning blogs and websites. The theme is well suited for companies, law firms,ecommerce, finance, agency, travel, photography, recipes, design, arts, personal and any other creative websites and blogs. Theme is developed using Bootstrap 4 framework. It comes with a predesigned home page, good looking header designs and number of content sections that you can easily customize. It also has lots of customization options (banner, services, testimonial, etc) that will help you create a beautiful, unique website in no time. HoneyPress is compatible with popular plugins like WPML, Polylang, Woo-commerce and Conact Form 7. HoneyPress theme comes with various popular locales.(DEMO: https://demo.spicethemes.com/?theme=HoneyPress%20Pro) Version: 1.5.1 Text Domain: honeypress Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready, rtl-language-support License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*-------------------------------------------------------------- Common --------------------------------------------------------------*/ html { overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: scrollbar; } html { font-size: 16px; } @media (min-width: 768px) and (max-width: 991px) { html { font-size: 14px; } } @media (min-width: 200px) and (max-width: 768px) { html { font-size: 12px; } } body, button, input, select, textarea { color: #333333; font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif; line-height: 1.875; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.5; margin: 0 0 1.875rem; font-weight: 700; } h1 { font-size: 2.250rem; /* 36px */ } h2 { font-size: 1.875rem; /* 30px */ } h3 { font-size: 1.500rem; /* 24px */ } h4 { font-size: 1.250rem; /* 20px */ } h5 { font-size: 1.000rem; /* 16px */ } h6 { font-size: 0.875rem; /* 14px */ } p { margin: 0 0 1.6rem; padding: 0; } p:last-child { margin-bottom: 0rem; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { background-color: #f5f6fa; font-size: 1.125rem; font-style: normal; margin: 0 0 1.6rem; overflow: hidden; position: relative; padding: 1.25rem 1.563rem; quotes: "" ""; color: #333333; font-weight: 400; border-left: 4px solid #2d6ef8; } blockquote cite { color: #061018; font-size: 1.000rem; display: block; font-style: normal; font-weight: 600; margin-top: 0.5rem; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } blockquote:before { content: '\f10d'; font-family: 'FontAwesome'; color: rgba(45, 110, 248, 0.15); font-size: 6.875rem; line-height: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0; text-align: center; z-index: 1; } a:focus { outline: none; } address { margin: 0 0 1.6rem; line-height: 2; } pre { background: #eee; font-size: 1.000rem; margin-bottom: 0 0 1.6rem; max-width: 100%; overflow: auto; padding: 1.6em; } hr { background-color: #eceff3; border: 0; height: 1px; margin-bottom: 1.6rem; } code, kbd, tt, var { font-size: 1.000rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } iframe { border: 0; max-width: 100%;} .post .entry-content { display: block; overflow: hidden; margin: 0px; } .media-body { overflow: hidden; } #wrapper { background-color: #ffffff; margin: 0px auto; } /*-------------------------------------------------------------- 5. Forms --------------------------------------------------------------*/ label { color: #333333; display: block; font-weight: 700; margin-bottom: 0.5rem; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #333333; background: #f5f6fa !important; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: none !important; -webkit-border-radius: 7px; border-radius: 0px; display: block; padding: 0.7rem 1rem; width: 100%; outline: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #333333; border-color: #061018; box-shadow: 0 0 0 0.063rem rgba(0,123,255,.25); } select { border: 1px solid #f3f3f3; -webkit-border-radius: 0px; border-radius: 0px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background-color: #2d6ef8; border: 0; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.938rem; font-weight: 600; line-height: 1; padding: 1.25rem 2.813rem; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #061018 !important; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color */ ::-webkit-input-placeholder { color: #333333; } :-moz-placeholder { color: #333333; } ::-moz-placeholder { color: #333333; } :-ms-input-placeholder { color: #333333; } /*===================================================================================*/ /* BUTTONS /*===================================================================================*/ .btn-small { min-width: 10rem; font-size: 0.938rem; padding: 0.813rem 2.5rem; } .btn-ex-small { min-width: 9rem; font-size: 1.000rem; padding: 9px 35px; } .btn-small, .btn-ex-small { display: inline-block; -webkit-font-smoothing: antialiased; position: relative; letter-spacing: 0; border-radius: 50px; text-align: center; transition: .3s; font-weight: 600; } .btn-default { color: #ffffff; } .btn-default:hover, .btn-default:focus { color: #061018; } .btn-light { background: #ffffff; color: #061018; } .btn-light:hover{color: #ffffff; box-shadow: none; outline: none;} .btn-light:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .btn-default-dark { color: #ffffff; } .btn-default-dark:hover { background: #061018; color: #fff !important; } .btn-border { background: #ffffff; color: #061018; } .btn-border:hover { color: #ffffff; } /*-------------------------------------------------------------- 5. Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0px 1.6rem 1.125rem; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.6rem; } dt { font-weight: 700; } dd { margin: 0 1.6rem 1.6rem; } /*-------------------------------------------------------------- 6. Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; word-wrap: break-word; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 7. Links --------------------------------------------------------------*/ a { color: #061018; text-decoration: none !important; transition: 0.3s; } a:focus { text-decoration: none !important; } a:hover, a:active { color: #061018; outline: 0; } .btn-light.focus, .btn-light:focus { box-shadow: none; } /*===================================================================================*/ /* HEADER CONTACT DETAILS /*===================================================================================*/ .header-sidebar { padding: 0; min-height: 40px; } .header-sidebar .widget { color: #fff; box-shadow: none; padding: 0; margin: 0; } .header-sidebar .widget:last-child { margin: 0; } .head-contact-info { padding: 0.313rem 0 0.313rem; margin: 0px; display: block; } .head-contact-info li { display: inline-block; margin: 0; padding-right: 1.875rem; color: #ffffff; font-size: 0.938rem; position: relative; } .header-sidebar.honeypress_social_switcher .container .row .col-lg-3 .widget .custom-social-icons { float: left !important; } .header-sidebar.honeypress_social_switcher .container .row .col-lg-9 .widget .head-contact-info { float: right !important; } .head-contact-info li:last-child { padding-right: 0; } .head-contact-info li a, .head-contact-info li a:hover, .head-contact-info li a:focus { color: #ffffff; } .head-contact-info i { padding-right: 0.625rem; padding-left: 0.063rem; } @media (max-width: 768px) { .header-sidebar { padding: 0.875rem 0; } .head-contact-info { text-align: center; } .head-contact-info li { margin: 0 0 0.625rem; } .custom-social-icons { text-align: center; } .custom-social-icons li { padding: 0; } } @media (max-width: 500px) { .head-contact-info li { display: block; padding-right: 0; } .head-contact-info li::after { display: none; } } @media (min-width: 768px) { .header-sidebar .widget .custom-social-icons { float: right; } } /*===================================================================================*/ /* SOCIAL ICONS /*===================================================================================*/ .custom-social-icons { margin: 0; padding: 0; } .custom-social-icons li { display: inline-block; padding: 0.313rem 0.5rem; } .custom-social-icons li a.facebook-f:hover { color: #3b5998 ; } .custom-social-icons li a.facebook:hover { color: #3b5998 ; } .custom-social-icons li a.twitter:hover { color: #15b4c9 ; } .custom-social-icons li a.googleplus:hover { color: #DD4B39; } .custom-social-icons li a.linkedin:hover { color: #006599 ; } .custom-social-icons li a.skype:hover { color: #40beee ; } .custom-social-icons li a.dribbble:hover { color: #c7366f ; } .custom-social-icons li a.youtube:hover { color: #cc2423 ; } .custom-social-icons li a.pagelines:hover { color: #364146 ; } .custom-social-icons li a.instagram:hover { color: #8a3ab9 ; } .custom-social-icons li a.google-plus:hover { color: #ce1b28 ; } .custom-social-icons li a.whatsapp:hover { color: #4dc247 ; } .custom-social-icons li a.pinterest:hover { color: #cb2027 ; } .custom-social-icons li a.vine:hover { color: #00bf8f ; } .custom-social-icons li a.snapchat:hover { color: #fffc00 ; } .custom-social-icons li a.dropbox:hover { color: #007ee5 ; } .custom-social-icons li a.flickr:hover { color: #ff0084 ; } .custom-social-icons li a.tumblr:hover { color: #32506d ; } .custom-social-icons li a.vk:hover { color: #45668e ; } .custom-social-icons li a.vimeo:hover { color: #aad450 ; } .custom-social-icons li a.foursquare:hover { color: #0072b1 ; } .custom-social-icons li a.spotify:hover { color: #00e461 ; } .custom-social-icons li a.github:hover { color: #000000 ; } .custom-social-icons li a.behance:hover { color: #1769ff ; } .custom-social-icons li a.rss:hover { color: #ff6600 ; } .custom-social-icons li a.reddit:hover { color: #ff4500 ; } .custom-social-icons li a.facebook:focus { color: #fff ; } .custom-social-icons li a.twitter:focus { color: #fff ; } .custom-social-icons li a.googleplus:focus { color: #fff ; } .custom-social-icons li a.linkedin:focus { color: #fff ; } .custom-social-icons li a.skype:focus { color: #fff ; } .custom-social-icons li a.dribbble:focus { color: #fff ; } .custom-social-icons li a.youtube:focus { color: #fff; } .custom-social-icons li a.pagelines:focus { color: #fff ; } .custom-social-icons li a.instagram:focus { color: #fff !important; } .custom-social-icons li a.google-plus:focus { color: #fff ; } .custom-social-icons li a.whatsapp:focus { color: #fff ; } .custom-social-icons li a.pinterest:focus { color: #fff ; } .custom-social-icons li a.vine:focus { color: #fff ; } .custom-social-icons li a.snapchat:focus { color: #fff ; } .custom-social-icons li a.dropbox:focus { color: #fff ; } .custom-social-icons li a.flickr:focus { color: #fff ; } .custom-social-icons li a.tumblr:focus { color: #fff ; } .custom-social-icons li a.vk:focus { color: #fff ; } .custom-social-icons li a.vimeo:focus { color: #fff ; } .custom-social-icons li a.foursquare:focus { color: #fff ; } .custom-social-icons li a.spotify:focus { color: #fff ; } .custom-social-icons li a.github:focus { color: #fff ; } .custom-social-icons li a.behance:focus { color: #fff ; } .custom-social-icons li a.rss:focus { color: #fff ; } .custom-social-icons li a.reddit:focus { color: #fff ; } .custom-social-icons li > a:before { display: none; } .custom-social-icons li > a { font-size: 0.938rem; line-height: 2; transition: all 0.3s; display: block; color: #fff; border-radius: 0; cursor: pointer; box-shadow: none; margin: 0; padding: 0px; text-align: center; } .custom-social-icons li a i { padding: 0; } /*===================================================================================*/ /* Woocommerce Header Cart /*===================================================================================*/ .cart-header { line-height: 1; position: relative; background: transparent; border-radius: 0; display: inline-block; border-left: 1px solid #cfddea; padding-left: 30px; } .cart-header > a.cart-icon { -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; font-size: 1.375rem; line-height: 1.3; color: #061018; padding: 0; } .cart-header > a .cart-total { font-size: 0.688rem; line-height: 1.7; color: #ffffff; text-align: center; font-weight: 600; position: absolute; right: -14px; top: -5px; padding: 1px; width: 1.25rem; height: 1.25rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 991px) { .cart-header { margin-top: 15px; margin-bottom: 15px; } } @media (max-width: 991px) { .search-box-outer { margin-top: 15px; } } /*===================================================================================*/ /* HERO SECTION - Owl Carousel /*===================================================================================*/ .hero-section { position: relative; } .hero-section .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); } #slider-carousel { margin: 0px; } #slider-carousel .item { position: relative; background-color: #fff; background-repeat: no-repeat; background-position: center center; width: 100%; z-index: 0; background-size: cover; height: 750px; } .slider-caption { position: relative; display: table; height: 100%; z-index: 1; } .caption-content { display: table-cell; vertical-align: middle; /*text-align: center;*/ } .slider-caption .title { font-size: 4.063rem; line-height: 1.3; text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5); margin: 0 0 1.000rem; } .slider-caption .description { font-size: 1.125rem; } .slider-caption .btn-combo .btn-small { margin: 0.313rem; } @media only screen and (max-width: 600px) { .slider-caption .title { font-size: 3.000rem; margin: 0 0 1.000rem; } .slider-caption br { display: none; } .slider-caption .btn-combo { padding-top: 1.563rem; } } .btn-light:not(:disabled):not(.disabled):active{ background-color: #fff; border-color: #fff; } /*Caption Animation*/ .owl-item.active .caption-content .title{ animation: 1s .2s fadeInDown both; } .owl-item.active .caption-content .description{ animation: 1s .6s fadeInUp both; } .owl-item.active .caption-content .btn-combo { animation: 1s .9s fadeInUp both; } .hero-section .owl-theme .owl-dots { position: absolute; top: 90%; left: 0; right: 0; z-index: 1000; } /*Slider Pointer*/ .pointer-scroll { position: absolute; font-family: 'fontAwesome'; content: '\f103'; bottom: -33px; left: 0; right: 0; border: 2px solid #ffffff; color: #fff; z-index: 2; text-align: center; font-size: 1.700rem; line-height: 2; display: block; width: 66px; height: 66px; margin: 0px auto; border-radius: 50%; -webkit-animation: intro 2s; animation: intro 2s; } .pointer-scroll:hover, .pointer-scroll:focus { color: #fff; } @media (max-width: 767px) { .pointer-scroll { bottom: -25px; width: 50px; height: 50px; font-size: 1.350rem; } } .pointer-scroll .scroll { -webkit-animation: finger 1s infinite; animation: finger 1s infinite; } @-webkit-keyframes intro { 0% { opacity: 1; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes intro { 0% { opacity: 1; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } } @keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } } /*===================================================================================*/ /* OWL SLIDER NEXT - PREV BUTTONS /*===================================================================================*/ .owl-carousel .owl-prev, .owl-carousel .owl-next { display: inline-block; background-color: rgba(0, 0, 0, 0.3); opacity: 0; color: #fff; font-size: 1.25rem; line-height: 3; padding: 0 !important; margin: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.75rem; height: 3.75rem; border-radius: 50px; z-index: 10; overflow: hidden; cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .owl-carousel .owl-prev { left: 30px; } .owl-carousel .owl-next { right: 30px; } .owl-carousel:hover .owl-prev { left: 30px; opacity: 1; } .owl-carousel:hover .owl-next { right: 30px; opacity: 1; } .owl-carousel .owl-prev:hover, .owl-carousel .owl-prev:focus { color: #fff; } .owl-carousel .owl-next:hover, .owl-carousel .owl-next:focus { color: #fff; } /*===================================================================================*/ /* SECTION HEADER /*===================================================================================*/ .section-header { margin: 0 0 2.900rem; padding: 0; position: relative; } .section-header .section-title { margin: 0rem; font-size: 2.250rem; } .section-header .section-title-two { margin: 0rem; } .section-header .section-subtitle { font-size: 1.000rem; font-weight: 600; color: #878e94; margin: 0 0 0.500rem; } .section-separator.border-center, .section-separator.border-center-two { margin-left: calc(50% - 27px); } @media (min-width: 576px) { .section-separator.border-center-two { margin-left: 0rem; }} @media (max-width: 576px) { .section-header .section-title-two { text-align: center; }} .section-separator { position: relative; height: 5px; width: 30px; border-radius: 10px; margin-bottom: 1.100rem; } .section-separator::before { position: absolute; content: ""; height: 100%; width: 50%; border-radius: 10px; right: -60%; top: 0; } .section-separator::after { position: absolute; content: ""; height: 100%; width: 25%; border-radius: 10px; right: -100%; top: 0; } /*===================================================================================*/ /* Mixed Classes /*===================================================================================*/ .bg-grey { background-color: #f5f6fa !important; } .text-dark { color: #061018 !important; } .text-grey { color: #878e94 !important; } @media (min-width: 768px) { .s-l-space { padding-left: 0.625rem; } .s-r-space { padding-right: 0.625rem; } .w-9 { width: 90%; } } /*===================================================================================*/ /* Section Module /*===================================================================================*/ .section-module { position: relative; padding: 6.25rem 0 4rem; } .business-home-blog-sction, .business-home-team-sction { background-color: #fff; } .section-module.blog.grid-view.full-width img, .section-module.blog.grid-view.twomasonary-full-width img, .section-module.blog.grid-view.threemasonary-full-width img, .section-module.blog.grid-view.fourmasonary-full-width img, .blog-grid-view-full img, .blog-list-view-full img, .blog-list-view-sidebar-full img { max-width: 100%; height: auto; } .section-module.blog.grid-view.full-width iframe { width: 100% !important; } /*===================================================================================*/ /* SERVICE SECTION /*===================================================================================*/ .services { background-color: #ffffff; } .services .post { margin: 0; padding: 0 1.25rem 3.438rem; transition: 0.3s; } .services .container-fluid.streached .post{ padding: 0; } .services .post-thumbnail { position: relative; transition: all 0.2s; transition: all 0.2s; text-align: center; margin: 0 auto 1.550rem; } .services .post-thumbnail img { border-radius: 2px; } .services .post-thumbnail a { position: relative; z-index: 1;} .services .post-thumbnail i.fa { border-radius: 50%; color: #fff; width: 5rem; height: 5rem; font-size: 2.25rem; line-height: 1.8; padding: 5px; position: relative; border: 4px solid #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .services .post:hover .post-thumbnail i.fa { background: #f5f6fa; border: 4px solid #fff; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } .services .entry-header { display: block; margin: 0 0 1.200rem; padding: 0; } .services .entry-header .entry-title { margin: 0; } .services .entry-header .entry-title a { position: relative; z-index: 1; } .services .col-md-4:nth-child(3n+1){ clear:left; } @media (min-width: 768px) and (max-width: 992px) { .services .col-md-4:nth-child(3n+1) { clear: none; } .services .col-sm-6:nth-child(2n+1) { clear:left; } } /*===================================================================================*/ /* FUNFACT SECTION /*===================================================================================*/ .funfact { position: relative; } .funfact-inner { padding: 0 0 3.125rem; transition: all 0.3s; word-wrap: break-word; } .funfact-icon {font-size: 2.500rem !important; margin-bottom: 0.875rem; transition: 0.3s; } .funfact-inner .funfact-icon { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .funfact-inner:hover .funfact-icon { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); } .funfact-title { font-size: 2.625rem; margin-bottom: 0.125rem; } /*===================================================================================*/ /* Portfolio Filter /*===================================================================================*/ .filter-tabs { margin: -0.5rem 0 2.800rem; } .filter-tabs .nav-item .nav-link { padding: 0; margin: 0rem 1.500rem .5rem ; font-weight: 600; } .filter-tabs .nav-item.show .nav-link, .filter-tabs .nav-link.active, .filter-tabs .nav-link:hover { background-color: transparent; border-color: none; } .filter-tabs .nav-link:focus, .filter-tabs .nav-link:hover { border-color: none; } #content .post { padding: 0 0 2.200rem; } /*===================================================================================*/ /* Portfolio Section /*===================================================================================*/ .portfolio .post { background-color: #fff; position: relative; overflow: hidden; margin: 0; padding: 0 0 3.438rem; width: 100%; text-align: left; } .portfolio .post *, .portfolio .post *:before, .portfolio .post *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.20s linear; transition: all 0.20s linear; } .portfolio .portfolio-thumbnail { position: relative; overflow: hidden; margin: 0; text-align: center; background-color: #000; z-index: 1; } .portfolio-thumbnail img { -webkit-transition: all 0.30s linear; transition: all 0.30s linear; } .portfolio .portfolio-thumbnail:hover img { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; opacity: 0.3; -webkit-transform: translateY(0px); transform: translateY(0px); transform: scale(1.15,1.15); -webkit-transform: scale(1.15,1.15); -moz-transform: scale(1.15,1.15); -ms-transform: scale(1.15,1.15); -o-transform: scale(1.15,1.15); } .portfolio .post figcaption { position: relative; padding: 0.938rem 1.875rem 0; } .portfolio .post .entry-title a { color: #061018; } .portfolio .post p {font-size: 0.938rem; margin: 0 0 0.125rem; padding: 0; } .portfolio .post .entry-title { margin: 0; } .portfolio .post .click-view { margin: 0; position: absolute; top: 50%; right: 0; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .portfolio .post .click-view a { font-size: 4.5rem; line-height: 1; font-weight: 100; display: inline-block; margin: 0; padding: 1px; opacity: 0; text-decoration: none; text-align: center; color: #fff; background-color: transparent; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -wekbit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .portfolio .post .portfolio-thumbnail:hover a { -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .portfolio .portfolio-gallery { padding-right: 0 !important; padding-left: 0 !important; } .portfolio .portfolio-gallery .img-fluid.wp-post-image { width: 100% !important; } .portfolio .portfolio-gallery .post { padding: 0; } .portfolio-gallery-template .pagination { margin: 3.438rem 0 3.125rem; } .section-module.portfolio-gallery-template { padding: 6.25rem 20px 4rem; } /*===================================================================================*/ /* TESTIMONIAL SECTION /*===================================================================================*/ .section-module.testimonial.bg-default { background-color: transparent !important; } .testimonial { height: 100%; margin: 0; overflow: hidden; width: 100%; position: relative; } .section-module.testimonial .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .testimonial { background: url('assets/images/testimonial/img.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .testmonial-block { background-color: transparent; border-left: none; position: relative; margin: 0; padding: 0 2.5rem 3.125rem 2.5rem; font-size: unset; border-left: none; } .testmonial-block .avatar { margin: 0 auto 3.75rem; width: 6.563rem; height: 6.563rem; } .testmonial-block .avatar img { margin: 0.125rem; } .description-box { background-color: #ffffff; border-radius: 0px; margin: 0 0 35px; padding: 30px; position: relative; min-height: 182px; } .description-box:before { border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 15px solid #ffffff; color: #00a7d1; right: 0; left: 30px; bottom: -15px; width: 0; height: 0; content: ""; position: absolute; display: block; } .testmonial-block .entry-content { position: relative; margin: 0 0 1.25rem; } .testmonial-block .entry-content:before, .testmonial-block .entry-content.quote:before { content: '\f10d'; font-family: 'FontAwesome'; opacity: 0.15; font-size: 6.875rem; line-height: normal; position: absolute; top: -35px; left: 0; right: 0; margin: 0; z-index: 999; } .testmonial-block .entry-content:before { color: #fff; } .testmonial-block .entry-content p { font-weight: 400; } @media (max-width: 1200px) { .testmonial-block .entry-content p br { display: none; visibility: hidden; }} .testmonial-block .name { font-size: 1.25rem; font-weight: 600; font-style: normal !important; margin: 0px 0 -3px; display: block; } .testmonial-block .designation { font-size: 1.000rem;} /*===================================================================================*/ /* BLOG SECTION /*===================================================================================*/ .blog { margin: 0; width: 100%; } .blog .post { background-color: #ffffff; margin: 0 0 3.75rem; padding: 0; transition: all 0.3s; } .blog .post:hover, .site-content .blog .post:hover { background-color: #f5f6fa; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } .post-content { padding: 1.563rem 1.875rem 2.000rem; } .blog .post-thumbnail { position: relative; overflow: hidden; margin: 0; } .blog .post-thumbnail img { width: 100%; opacity: 1; } .blog .post-thumbnail img { -webkit-transition: transform 2s, filter 1.5s ease-in-out; -moz-transition: transform 2s, filter 1.5s ease-in-out; -o-transition: transform 2s, filter 1.5s ease-in-out; -ms-transition: transform 2s, filter 1.5s ease-in-out; transition: transform 2s, filter 1.5s ease-in-out; transform-origin: center center; } .alignnone.size-full.wp-image-134, .section-module .post-thumbnail img, .section-module.service img { max-width: 100%; height: auto; } .standard-view.blog-single .post img { max-width: 100%; height: auto; } .section-module.blog .standard-view .entry-content img { max-width: 100%; height: auto; } .blog .post:hover .post-thumbnail img { -webkit-transform: translateY(0px); transform: translateY(0px); transform: scale(1.15,1.15); -webkit-transform: scale(1.15,1.15); -moz-transform: scale(1.15,1.15); -ms-transform: scale(1.15,1.15); -o-transform: scale(1.15,1.15); } .blog .post .entry-header, .blog .type-post .entry-header { margin: 0 0 0.563rem; word-wrap: break-word;} .blog .post .entry-title { margin: 0; } /*===================================================================================*/ /* BLOG GRID VIEW /*===================================================================================*/ .blog.grid-view .post { margin: 0 0 2.188rem; } .blog hr.b-space { margin: 0 0 3.75rem; } /*===================================================================================*/ /* BLOG LIST VIEW /*===================================================================================*/ .blog .list-view .post-thumbnail { width: 21.25rem; height: auto; margin-right: 2.188rem; float: left; } @media (max-width: 768px) { .blog .list-view .media { display: block; } .blog .list-view .post-thumbnail { width: 100%; margin-right: 2.188rem; float: none; } } /*===================================================================================*/ /* BLOG STANDARD /*===================================================================================*/ .blog .standard-view .post, .blog .list-view .post { margin: 0 0 3.438rem; border-bottom: 1px solid #eceff3; padding: 0 0 2.5rem; } .blog .standard-view .post:hover, .blog .list-view .post:hover { background-color: transparent; box-shadow: none; } .blog .standard-view .post:last-child, .blog .list-view .post:last-child { border-bottom: none; padding: 0; } .blog-author.media .avatar img { border-radius: 50%!important; } .blog .standard-view .post .entry-title { font-size: 2.25rem; } .blog .standard-view .entry-meta span:after { padding-left: 1.875rem; Padding-right: 1.875rem; } .blog .standard-view .more-link, .blog .list-view .more-link { background-color: #fff; border-radius: 50px; padding: 0.625rem 2.313rem; letter-spacing: 0.063rem; display: inline-block; } .blog .standard-view .more-link:hover, .blog .standard-view .more-link:focus, .blog .list-view .more-link:hover, .blog .list-view .more-link:focus { color: #fff !important; } /*===================================================================================*/ /* BLOG META /*===================================================================================*/ .entry-meta { font-weight: 500; font-size: 0.938rem; margin: 0 0 0.60rem; width: 100%; overflow: hidden; } .entry-meta > span { color: #878e94; margin: 0px -5px 0px 0px; } .entry-meta a { color: #878e94; padding: 0; display: inline-block; } .entry-meta span:after { font-family: FontAwesome; content: '\f111'; padding-left: 14px; Padding-right: 14px; font-size: 5px; vertical-align: middle; } .entry-meta span:last-child::after { display: none; } /*Meta Category*/ .entry-meta .cat-links a:after, .entry-meta .tag-links a:after { content: ','; padding-left: 1px; Padding-right: 5px; } .entry-meta .cat-links a:last-child::after, .entry-meta .tag-links a:last-child::after { display: none; } /*Meta Comments*/ .entry-meta .cat-links::before, .entry-meta .tag-links::before, .entry-meta .posted-on::before, .entry-meta .comment-links a::before { font-family: FontAwesome; margin-right: 7px; margin-left: 1px; } .entry-meta .tag-links::before { content: "\f02c"; } /*Meta Tags*/ .entry-meta .tag-links a { background-color: #fff; border: 1px solid #e9e9e9; color: #061018; font-size: 0.875rem; display: inline-block; padding: 0.188rem 1.25rem; margin: 0 0.500rem 0.625rem 0; } .entry-meta .tag-links a:hover, .entry-meta .tag-links a:focus { color: #fff !important; } .entry-meta .tag-links::before, .entry-meta .tag-links a:after { display: none; } /*Edit Post*/ .edit-link .post-edit-link { font-weight: 700; color: #333; } .edit-link .post-edit-link:hover { text-decoration: underline; } /*More Link*/ .more-link { font-size: 0.938rem; font-weight: 700; } /*Pagination*/ .pagination { margin: 0 0 3.125rem; display: block; padding: 0; text-align: center; } .pagination a { background-color: #eceff3; border: 1px solid #eceff3; color: #061018; cursor: pointer; display: inline-block; line-height: 1.5; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 50px; margin: 0 0.125rem 0.625rem; padding: 0.625rem; vertical-align: baseline; white-space: nowrap; width: 3.125rem; height: 3.125rem; } .pagination a:hover, .pagination a.active { color: #fff; } .pagination .nav-links .page-numbers.current { color: #fff;} .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a { border: 1px solid #e9e9e9; cursor: pointer; display: inline-block; line-height: 1.5; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 50px; margin: 0 0.125rem 0.625rem; padding: 0.625rem; vertical-align: baseline; white-space: nowrap; width: 3.125rem; height: 3.125rem; } /*===================================================================================*/ /* BLOG SINGLE /*===================================================================================*/ .blog .standard-view.blog-single .post { border-bottom: none; padding: 0; margin-bottom: 4.375rem; } .blog .standard-view.blog-single .entry-content { border-bottom: 1px solid #eceff3; padding: 0 0 2.000rem; display: block; overflow: hidden; margin: 0px; } /*Related Posts*/ .blog .standard-view .related-posts .entry-title { font-size: 1.250rem; } .blog .standard-view .related-posts .post { border-bottom: none; padding: 0; margin-bottom: 2.000rem; } /*Blog Author*/ .blog-author { background-color: #ffffff; border: 1px solid #eceff3; margin: 0 0 5rem; padding: 2.188rem 1.875rem 1.875rem; } .blog-author .avatar { margin: 0 2.5rem 0px 0; height: 12.5rem; width: 12.5rem; } .blog-author .post-by { color: #878e94; font-size: 0.938rem; font-weight: 400; margin-bottom: 0.625rem; } .blog-author .name { margin: 0 0 0.625rem; } /*Comments*/ .comment-section { background-color: #ffffff; margin: 0 0 3rem; padding: 0; } .comment-title { display: block; } .comment-reply-title { margin: 0 0 1.875rem; border-bottom: 1px solid #eceff3; padding-bottom: 0.625rem; } .comment-box { margin: 0; position: relative; } .comment-detail { border-bottom: 1px solid #eceff3; margin: 0 0 2.813rem; padding-bottom: 1.25rem; } .pull-left-comment { float: left; margin-right: 1.875rem; width: 6.25rem; height: 6.25rem; } .comment-detail-title { margin: 0 0 0.625rem; } .comment-date { font-size: 0.875rem; color: #878e94; font-weight: 400; margin-left: 1.25rem; } .comment-detail p { margin-bottom: 1.3rem; } .reply a { font-size: 0.938rem; padding: 0; font-weight: 600; transition: 0.3s ease-in-out 0s; letter-spacing: 2px; text-transform: uppercase; } .reply a:hover, .reply a:focus { color: #061018; } /*Comment Form*/ .comment-form { margin-bottom: 3.75rem; } .form-group input[type="text"], .form-group input[type="email"] { height: 3.438rem; } .comment-section .children { padding-left: 15%; } .comment-form-author { float: left; padding-right: 5px; width: 50%; } .comment-form-email { float: right; padding-left: 5px; width: 50%; } /*===================================================================================*/ /* CALL TO ACTION /*===================================================================================*/ .cta { background-image:url('assets/images/cta-bg.jpg'); position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (min-width: 1200px){ .cta { background-attachment: fixed; } } .section-module.cta .overlay { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(1, 7, 12, 0.80); } .cta-block { padding-bottom: 3.75rem; } .cta .title { font-size: 2.25rem; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5); margin: -0.938rem 0 1.25rem; } @media (max-width: 768px) { .cta-block br { display: none; } } /*===================================================================================*/ /* TEAM MEMBERS SECTION /*===================================================================================*/ .team-grid { position: relative; padding-bottom: 1.25rem; } .team-grid .img-holder { position: relative; overflow: hidden; } .team-grid .img-holder *, .team-grid .img-holder *:before, .team-grid .img-holder *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.20s linear; transition: all 0.20s linear; } .team-grid .img-holder .overlay { position: absolute; bottom: 0%; width: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); padding: 15px 20px; -webkit-transition-delay: all 0.2s; transition-delay: all 0.2s; } .team-grid .img-holder:hover .overlay { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .team-grid .img-holder:hover .overlay { -webkit-transition-delay: 0s; transition-delay: 0s; } .team-grid .img-holder img { max-width: 100%; } .team-grid .img-holder::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,.1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .team-grid .img-holder:hover::before { -webkit-animation: shine .85s; animation: shine .85s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .img-holder .overlay .custom-social-icons { position: relative; z-index: 1; } .img-holder .overlay .custom-social-icons li { display: inline-block; padding: 0.188rem; } .img-holder .overlay .custom-social-icons li > a { font-size: 1.000rem; color: #061018; background-color: #fff; width: 2.938rem; height: 2.938rem; line-height: 3; border-radius: 50px; transition: 0.1s; } .team-grid .details { padding: 1.75rem 0; } .team-grid .name { margin: 0; } .team-grid .position { font-size: 1.000rem; display: block; margin: 0; } /*===================================================================================*/ /* SHOP & PRODUCT SECTION /*===================================================================================*/ .shop .container { overflow: hidden; } .shop .owl-carousel .owl-stage-outer { overflow: visible; } .products { background-color: #fff; padding: 0; margin: 0 0 3.75rem; transition: 0.3s; position: relative; text-align: center; } .section-module.blog.woocommerce .page-title { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #e9e9e9; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #e9e9e9; } .woocommerce a:focus{ outline: none; } .woocommerce .comment-reply-title { border-bottom: none; } .woocommerce .form-row { display: block; } .woocommerce ul.products li.product .onsale, .products span.onsale, .woocommerce span.onsale{ min-width: auto; min-height: auto; right: inherit; color: #ffffff; border-radius: 0; font-size: 0.938rem; line-height: 1; font-weight: 500; padding: 3px 7px; margin: 0; position: absolute; left: 20px; top: 20px; transition: all 0.3s; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { transition: all 0.6s; text-align: center; padding: 0.4rem 0.4rem 1.5rem; margin-bottom: 2rem; } .woocommerce ul.products li.product .button, .owl-item .item .cart .add_to_cart_button { color: #fff; } .woocommerce a.remove, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce ul.products li.product:hover .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .return-to-shop a.button { color: #ffffff !important; } .woocommerce-page ul.products li.product:hover { box-shadow: 0 14px 25px 0 rgba(0,0,0,0.2); } .woocommerce ul.products li.product .price { display: block; color: #333333; font-size: 1.000rem; font-weight: 600; margin-bottom: .5em; } .woocommerce nav.woocommerce-pagination ul li { background: #ebe9eb; color: #333333; border-radius: 50%; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #ffffff; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; margin:3px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { cursor: pointer; display: inline-block; font-family: 'Open Sans', Sans-serif; font-weight: 600; transition: all 0.3s ease 0s; font-size: 1.125rem; border-radius: 50%; margin: 0px; padding: 15px; vertical-align: baseline; white-space: nowrap; width: 50px; height: 50px; } .woocommerce-loop-product__title { font-size: 1.125rem !important; text-transform: capitalize; } .woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover, .woocommerce a.button, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { border: 1px solid transparent !important; } .woocommerce-page .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus { box-shadow: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce a.button,.woocommerce a.button:hover { color: #fff; } .woocommerce-page .services .post{ background-color: #ffffff; background-color: #ffffff; box-shadow: 0px 0px 0px 2px #e9e9e9; border-radius: 0; margin-bottom: 40px; padding: 30px 15px 25px; transition: all 0.4s ease 0s; } .woocommerce-page .services .post .entry-content { display: block; overflow: hidden; margin: 0px; } .woocommerce table.shop_table { border-radius: 0; margin: 0 -1px 40px 0; padding: 0; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 200px; padding: 6px 12px; border-radius: 0; height: 44px; } .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { border-top: none; } .woocommerce #review_form #respond textarea, .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #e9e9e9; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce ul.products li.product .price, .woocommerce .variations td.label, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce .woocommerce-ordering select, .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container .select2-choice { color: #64646d; } .woocommerce .wc-bacs-bank-details-heading, .woocommerce h2, .woocommerce .title h3 { font-size: 1.125rem !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: .750rem 1.2rem; margin-bottom: 0; box-shadow: none; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 0.675rem 1.250rem 0.675rem 3rem; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #fbfbfb; box-shadow: 0 7px 3px -5px #e0e0e0; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a, .woocommerce div.product form.cart .variations td.label label, .woocommerce #reviews #comments ol.commentlist li .meta strong, .woocommerce table.shop_table th, .woocommerce-cart table.cart td a, .owl-item .item .cart .add_to_cart_button, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-error, .woocommerce-info, .woocommerce-message { color: #333333; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { left: 1rem; } .woocommerce { text-align: left; } .woocommerce form .form-row { padding: 0; margin: 0 0 15px; } .woocommerce form .form-row label, .woocommerce-page form .form-row label, .wc_payment_method label, .woocommerce #review_form #respond p label { font-weight: 600; font-size: 0.938rem; } .woocommerce form .form-row .required { text-decoration: none; } .woocommerce form .form-row input.input-text { border-radius: 0; height: 45px; padding: 6px 12px; } .woocommerce .col-1,.woocommerce .col-2 { max-width: 100% !important; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { padding: 6px 12px; } .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart, .woocommerce div.product form.cart .button { box-shadow: none; font-weight: 700; line-height: 1.3; border-radius: 0px; padding: .600rem 0.7rem; transition: all 0.5s; margin-top: 0.7rem; height: auto; font-size: 0.9375rem; } .woocommerce a.added_to_cart { background: #333333; border: 1px solid #ffffff; } .select2-container--default .select2-selection--single .select2-selection__rendered { border-radius: 0; padding: 6px 12px; } .select2-container--default .select2-selection--single { border: 1px solid #e9e9e9; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; } .woocommerce div.product p.price { text-align: left; font-weight: 600; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.25rem; } .woocommerce div.product form.cart { margin-top: 2rem; padding: 0; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .woocommerce .quantity .qty { width: 3.5rem; text-align: left; height: 44px; padding: .500rem 0.7rem; border-radius: 0; } .woocommerce div.product form.cart .button { padding: .700rem 1.2rem; margin-top: 0; } .woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a { transition: all 0.5s; font-weight: 600; } .woocommerce div.product .woocommerce-tabs .panel { box-shadow: none; padding: 1rem 1rem 1rem; border-radius: 0; } .woocommerce div.product .woocommerce-tabs .panel { background: #fff; border: 1px solid #e9e9e9; } .woocommerce .related h2 { margin: 0 0 20px; } .woocommerce div.product div.summary { margin-bottom: 2em; padding: 0.4rem 0.9rem 1.5rem; background-color: #fff; border: 1px solid #e9e9e9; } .item-img { width: 100%; position: relative; } .add-to-cart { position: absolute; bottom: 20px; left: 0; width: 100%; background: transparent padding-box content-box; padding: 0 2.5rem; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; transform: translateY(100%); z-index: 0; } .products:hover .add-to-cart { opacity: 1; visibility: visible; transform: translateY(0); } .add-to-cart a { background: #21202e; display: inline-block; font-size: 0.875rem; padding: 8px 8px; color: #fff; font-weight: 600; border-radius: 2px; } .added_to_cart.wc-forward { color: #fff; } .add-to-cart a:hover { background-color: rgba(6, 16, 24, 1); } .add-to-cart a i { color: #fff; } .product-price { padding: 1.25rem 0 1.125rem; } .product-price > .woocommerce-loop-product__title { font-size: 1.125rem; text-transform: capitalize; margin-bottom: 5px; } .product-price .woocommerce-Price-amount { color: #333333; font-size: 1.000rem; font-weight: 600; } .product-price del { padding-right: 5px; } .product-price del, .product-price del > span { color: #c0c0c0 !important; } .products .onsale:hover, .products .onsale:focus { background: #333333; border: 2px solid #333333; } /*===================================================================================*/ /* Sponsors Section /*===================================================================================*/ .sponsors { position: relative; overflow: hidden; } .logo-scroll { margin: 0 auto; padding: 1.75rem; display: block; transition: all 0.3s; } .logo-scroll:hover { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); } .logo-scroll img { display: block; margin: 0px auto; } .logo-scroll a { display: block; } .custom-logo-link{ display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .custom-logo-link-url { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; } .custom-logo-link-url h1 { margin: 0 0 0.175rem; } /*===================================================================================*/ /* THEME WIDGETS /*===================================================================================*/ .widget { color: #333333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11); padding: 1.875rem 1.563rem 2.5rem; margin: 0 0 2.5rem; } .widget:last-child { margin-bottom: 3.75rem; } .widget .widget-title { position: relative; padding-bottom: 8px; } .widget .widget-title:after { position: absolute; content: ""; width: 45px; height: 2px; left: 0; bottom: 0; } .widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul,.widget_product_categories li{ list-style: none; margin-left: 0; margin-bottom: 0; } .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { padding-left: 20px !important; padding-top: 12px; padding-bottom: 11px; border-bottom: 1px solid #f4f4f4; position: relative; } .widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child,.widget_product_categories li:first-child{ padding-top: 0; } .widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child,.widget_product_categories li:first-child{ padding-bottom: 0px; border-bottom: none; } .widget_archive li:before, .widget_categories li:before, .widget_links li:before, .widget_meta li:before, .widget_nav_menu li:before, .widget_pages li:before, .widget_recent_comments li:before, .widget_recent_entries li:before { content: "\f10c"; font-family: FontAwesome; position: absolute; right: auto; left: 0; font-size: 0.875rem; margin-top: 2px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .widget_layered_nav li a:before,.widget_product_categories li:before{ content: "\f10c"; font-family: FontAwesome; right: auto; padding-right: 10px; left: 0; font-size: 0.875rem; margin-top: 2px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /*Search*/ .widget input[type="text"] { padding: 1.0rem 1rem; } .widget button[type="submit"] { color: #fff; } .widget button[type="submit"]:hover, .widget button[type="submit"]:focus { color: #fff; background-color: #061018 !important; border-color: #061018 !important; } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 0.063rem rgba(0,0,0,.5) !important; } /*Recent Widget*/ .widget_recent_entries a { font-weight: 600; } .widget_recent_entries .post-date { font-size: 0.938rem; display: block; } /*Post Widget*/ .widget .post { background: transparent; margin: 0 0 1.25rem !important; padding: 0 0 0.75rem; box-shadow: none; border-bottom: 1px solid #f5f5f5; } .widget .post:hover { background: transparent; box-shadow: none; } .widget .post:last-child { margin: 0px !important; padding: 0px; border-bottom: none !important; } .widget .post .entry-title { margin: 0; display: block; font-size: 1.000rem !important; word-wrap: break-word; } .widget .post a.post-thumbnail { display: block; float: left; width: 7.5rem; height: auto; margin-right: 1.25rem; } .widget .post .entry-meta { font-size: 0.813rem; margin: -0.188rem 0 0.5rem; } .widget .post .entry-meta span { margin: 0px; } .widget .post .entry-meta span:before { display: none; } /*Tags*/ .tagcloud { margin: 0; overflow: hidden; padding: 0; } .site-footer .widget .tagcloud a{ background-color: #000; } .widget .tagcloud a { background-color: #fff; border: 1px solid #e9e9e9; font-size: 0.875rem !important; display: inline-block; padding: 0.188rem 1.25rem; margin: 0 0.188rem 0.625rem; } .widget .tagcloud a:hover, .widget .tagcloud a:focus { color: #fff !important; } /*Gallery*/ .widget.widget_media_gallery img { max-width: 100%; height: auto; } .gallery { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 0; } .gallery-item { display: inline-block; margin-right: 16px; margin-bottom: 16px; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .widget.widget_media_gallery .gallery img { border: none !important; } .widget.widget_media_gallery .gallery .gallery-item { margin-top: 0 !important; } .gallery-item > div > a { display: block; line-height: 0; box-shadow: 0 0 0 0 transparent; } .gallery-item > div > a:focus { box-shadow: 0 0 0 2px #0073aa; } /*Address*/ address i { width: 25px; height: auto; margin-right: 5px; } /*Footer Social Links*/ [class^="footer-social-links"] { position: relative; margin-bottom: 80px; } [class^="footer-social-links"]:before, [class^="footer-social-links"]:after { content: ""; position: absolute; } .footer-social-links { width: 100%; height: auto; margin-top: 0rem; padding: 1.000rem; top: -30px; margin-bottom: -1.875rem; } .footer-social-links:before { height: 0; width: 0; border-left: 20px solid transparent; top: 0px; left: -20px; } .footer-social-links:after { height: 0; width: 0; border-right: 20px solid transparent; right: -20px; top: 0px; } .footer-social-links .custom-social-icons span { font-size: 1.25rem; font-weight: 600; } .footer-social-links .custom-social-icons li { padding: 0.313rem 2.8rem 0.313rem 0; } .footer-social-links .custom-social-icons li:first-child { padding-right: 1.875rem; } .footer-social-links .custom-social-icons li:last-child { padding-right: 0; } .footer-social-links .custom-social-icons li a i { padding: 0 1.25rem 0 0; font-size: 1.375rem; position: relative; top: 1px; } @media (max-width: 768px) { .footer-social-links:before { border-left: 14px solid transparent; left: -14px; } .footer-social-links:after { border-right: 14px solid transparent; right: -14px; } } /*===================================================================================*/ /* Footer Section & Widgets /*===================================================================================*/ .site-footer { background-color: #061018; margin: 0; padding: 0; position: relative; } .footer-sidebar { padding: 5.625rem 0 2.813rem; } .footer-sidebar .widget { margin: 0 0 3.125rem; padding: 0; } .footer-sidebar .widget-title { color: #fff; margin-bottom: 2.813rem; } .footer-sidebar .widget, .footer-sidebar .widget a { color: #fff; } .footer-sidebar .widget a:hover, /*Recent Widget*/ .footer-sidebar .widget_recent_entries .post-date { /* color: #bec3c7;*/ } /**/ .footer-sidebar .widget_archive li, .footer-sidebar .widget_categories li, .footer-sidebar .widget_links li, .footer-sidebar .widget_meta li, .footer-sidebar .widget_nav_menu li, .footer-sidebar .widget_pages li, .footer-sidebar .widget_recent_comments li, .footer-sidebar .widget_recent_entries li { padding-top: 0px; padding-bottom: 14px; border-bottom: none; } /*===================================================================================*/ /* FOOTER COPYRIGHTS - SITE INFO /*===================================================================================*/ .site-info { background-color: #020508; color: #bec3c7; font-size: 0.938rem; padding: 1.25rem 0; position: absolute;width: 100%;z-index: 1;} .site-info a { color: #ffffff; } .site-info.layout-1 li:before, .site-info.layout-2 li:before { left:auto; position: absolute; margin-left: -20px; } .site-info.layout-1 .widget, .site-info.layout-2 .widget { margin: 0; padding: 0; box-shadow: none ;} /**/ .site-info .widget_archive li, .site-info .widget_categories li, .site-info .widget_links li, .site-info .widget_meta li, .site-info .widget_nav_menu li, .site-info .widget_pages li, .site-info .widget_recent_comments li, .site-info .widget_recent_entries li { padding-top: 0px; padding-bottom: 14px; border-bottom: none; } @media (min-width: 768px){ .site-info.layout-1 .section-1{text-align: left;} .site-info.layout-1 .section-2{text-align: right;} .site-info.layout-1 .section-2 .widget .widget-title:after { left: auto; right: 0; }} .site-info.layout-1 .widget .widget-title:after { left: 49%; } .site-info.layout-1 .calendar_wrap{text-align: left;} .site-info.layout-1 .nav-menu li, .site-info.layout-2 .nav-menu li{ display: inline-block; margin-right: 15px; } .site-info.layout-1 .nav-menu, .site-info.layout-2 .nav-menu{ margin: 0; } .site-info .left { text-align: left; } .site-info .right { text-align: right; } .site-info.layout-2 .right .widget .widget-title:after { left: 90%; } .site-info.layout-2 .calendar_wrap{text-align: justify;} /*===================================================================================*/ /* PAGE TITLE SECTION /*===================================================================================*/ .page-title-section { background: #17212c url("assets/images/page-title.jpg"); background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 126px 0; width: 100%; height: 100%; } .page-title-section:after { content: ''; position: absolute; bottom: -49px; left: 0; right: 0; height: 49px; background: url("assets/images/shadow.png") no-repeat; z-index: 1; background-position: center bottom; } .page-title-section .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .page-title { position: relative; word-wrap: break-word; } .page-title h1 { font-size: 2.625rem; margin: 0; } .page-breadcrumb { list-style: none; margin: 0; padding: 0.313rem 0 0; } .page-breadcrumb > li { color: #fff; display: inline-block; } .page-breadcrumb > li + li:before { color: #fff; font-family: fontAwesome; content: "\f101"; padding: 0 0.625rem 0 0.413rem; } .page-breadcrumb > li a { color: #fff; } .breadcrumb_last { word-wrap: break-word; } .page-breadcrumb.text-center span a { color: #fff; padding-right: 5px; } .page-breadcrumb.text-center span { color: #fff; padding-left: 5px; } @media (max-width: 768px){ .page-title-section { padding: 60px 0; } } /*===================================================================================*/ /* About Section /*===================================================================================*/ .about-thumbnail { margin-bottom: 3.75rem; } .about-content { padding-left: 3.125rem; padding-bottom: 3.75rem; } .about .section-header { margin: 0 0 1.125rem; } @media (min-width: 768px) and (max-width: 992px) { .about-content { padding-left: 1.25rem; } } @media (max-width: 768px) { .about-content { padding-left: 0; } .about .section-separator.border-center-two { margin-left: 0; } .about .section-header .section-title-two { text-align: left; } } .company-info { padding-bottom: 1.563rem; } .company-info h2 { font-size: 2.25rem; margin-bottom: 0.625rem; } .company-info ul { list-style: none; margin-left: 0; } .company-info li:before { font-family: fontAwesome; content: "\f00c"; padding: 0 0.625rem 0 0.313rem; } /*===================================================================================*/ /* CONTACT SECTION /*===================================================================================*/ .contact-widget { margin: 0 0 3.75rem; padding: 3rem 1.000rem 2.5rem; transition: 0.3s; border: 1px solid #eceff3; } .contact-icon { position: relative; transition: all 0.2s; text-align: center; margin: 0 auto 0.938rem; } .contact-icon i.fa { transition: all 1.2s; font-size: 2.5rem; line-height: 1; position: relative; } .contact-widget:hover .contact-icon i.fa { transform: rotateY(360deg); } .contact-widget .title { margin: 0 0 1.200rem; font-size: 1.375rem; } .contact-widget address { margin: 0; word-wrap: break-word;} .contact-widget:hover { background-color: #f5f6fa; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15); } /*Contact Map*/ #google-map { padding: 0 0 50px; } .contact-form-map .title { margin: 0 0 1.200rem; font-size: 1.375rem; } .contact-form-map .title h3 { border-bottom: 1px solid #eceff3; padding-bottom: 0.625rem; margin-bottom: 2.5rem; font-size: 1.50rem; } /*Contact Form 7*/ .wpcf7-form { padding: 0 0 50px; } .wpcf7-form p { margin: 0 0 1.2rem; } .wpcf7-form p:last-child { margin: 0; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form input[type="search"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="week"], .wpcf7-form input[type="time"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="color"] { height: 3.438rem; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form input[type="search"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="week"], .wpcf7-form input[type="time"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="color"], .wpcf7-form textarea { margin-top: 0.375rem; } .wpcf7-form input[type="submit"] { margin-top: 5px; } /*===================================================================================*/ /* 404 ERROR PAGE /*===================================================================================*/ .error-page { padding: 10rem 0 13rem; } .error-page .title { font-size: 20.625rem; line-height: 1; letter-spacing: 0.938rem; font-weight: 600; margin-bottom: 1.25rem; } .error-page .sub-title { font-size: 2.25rem; letter-spacing: 0.2rem; margin-bottom: 0.938rem; } .error-page p { font-size: 1.125rem; color: #878e94; } .error-page .btn-small { font-weight: 700; } @media (max-width: 768px) { .error-page { padding: 9rem 0 11.5rem; } .error-page .title { font-size: 15rem; } } @media (max-width: 600px){ .error-page .title { font-size: 10rem; } } /*===================================================================================*/ /* Page Scroll Up /*===================================================================================*/ .scroll-up { position: fixed; display: none; bottom: 50px; z-index: 999; } .scroll-up.right { right: 30px; } .scroll-up a { display: block; height: 3.125rem; width: 3.125rem; text-align: center; line-height: 2.7; border-radius: 50px; font-size: 1.125rem; color: #fff; opacity: 1; transition: all 0.3s ease 0s; box-shadow: 0 0 10px rgba(0,0,0,.2); } .scroll-up.custom a:hover, .scroll-up.custom a:active { /*color: #2d6ef8; */ } .collapse.navbar-collapse > div { margin-left: auto!important; } /*===================================================================================*/ /* Hidden Section /*===================================================================================*/ .screen-reader-text, .comment-form-url, .comment-form-cookies-consent, .comment-notes { display: none; } /*===================================================================================*/ /* ALIGNMENT /*===================================================================================*/ .wp-caption-text { text-align: center; } .bypostauthor{} .alignleft { display: inline; float: left; margin-right: 20px !important; } .wp-block-button.alignright { display: inline; float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignright, .wp-caption.alignright { margin-left: 30px; float: right; } .wp-caption.alignnone, .wp-caption.aligncenter { width: 100% !important; } .wp-caption.alignnone img, .wp-caption.aligncenter img, .wp-image-907{ width: 100% !important; height: auto; } .standard-view.blog-single .img-fluid.wp-post-image { width: auto; } @media (min-width: 1200px){ body.boxed { width: 1210px; -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); margin: 30px auto; position: relative; background: url(assets/images/bg-pattern/bg-img1.png) repeat fixed; } } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 100% !important; flex: 1; -o-object-fit: cover; object-fit: cover; } .has-media-on-the-right.is-stacked-on-mobile { margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); left: calc( -12.5% - 75px); max-width: calc( 125% + 150px); } .blog .standard-view article .entry-header { word-break: break-word; } .site-title { height: auto; font-size: 1.875rem; line-height: 1.3; font-weight: 600; margin: 0; padding: 0px; word-wrap: break-word; } @media (max-width: 600px){ .custom-logo-link-url { display: block; } } .navbar-toggler { background-color: transparent !important; } .navbar-toggler:hover, .navbar-toggler:focus { background: transparent !important; } .widget.widget_search .input-group .form-control { padding: 1.0rem 1rem !important; } @media only screen and (max-width: 991px) { #attachment_906 { width: 100% !important; } } .woocommerce .products .star-rating { margin: 0 auto !important; } .blog .honeypress_portfolio .entry-title, .blog .post .entry-title, .blog .product .entry-title, .blog .type-post .entry-title { margin: 0; } .blog .standard-view .honeypress_portfolio, .blog .standard-view .post, .blog .standard-view .page, .blog .standard-view .product, .blog .list-view .post, .blog .standard-view .type-attachment , .blog .standard-view .type-post{ margin: 0 0 3.438rem; border-bottom: 1px solid #eceff3; padding: 0 0 2.5rem; } .img-fluid.wp-post-image { width: unset !important; } #portfolio .owl-prev,#portfolio .owl-next { top: 40%; } #shop-carousel .owl-prev,#shop-carousel .owl-next { top: 32%; } #slider-carousel .owl-prev , #slider-carousel .owl-next{ top:50%; } #team-carousel .owl-prev , #team-carousel .owl-next{ top:35%; } #testimonial-carousel .owl-prev , #testimonial-carousel .owl-next{ top:44%; } .blog .standard-view.blog-single .entry-content a { font-weight: 700; } .woocommerce button[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 10px; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .woocommerce .woocommerce-product-search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } /*===================================================================================*/ /* Search Box Style /*===================================================================================*/ .nav-search{ margin-right: 25px; display: inline-block; line-height: 16px; position: relative; top: 0px; } .nav .open> .search-icon, .nav .open> .search-icon:focus{ background-color: unset; border-color: unset; } .navbar .search-box-outer .dropdown-menu { top: 50px !important; left: auto !important; right: 0px; padding: 0px; width: 324px !important; border-radius: 0px; border: 0; margin: 0px !important; background-color: #fff !important; } .search-box-outer .dropdown-menu > li { padding: 0px; border: none; background: none; } .search-form { width: 100%; } .search-form label { width: 98%; } .search-form .screen-reader-text { display: none; } .search-panel .form-container { padding: 10px 0 2px 0; } .search-panel input[type="search"]{ display: block; width: 100%; height: 40px; /* color: #000000; */ line-height: 24px; background: #ffffff; border: 1px solid #e0e0e0; padding: 7px 90px 7px 7px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; font-size: large; } .search-form input[type="submit"] { cursor: pointer; position: absolute; width: auto; transition: all .3s ease-in-out; color: #fff; font-weight: 600; height: 40px; left: auto; right: 8px; font-size: 15px; top: 17px; padding: 12px 25px; } .search-box-outer .dropdown-toggle::after { display:none; } .search-box-outer a{ font-size: 14px; font-weight: 600; font-family: Montserrat; } .search-box-outer a i{ padding-right: 3px; } @media (min-width: 768px) and (max-width: 992px){ .search-box-outer .dropdown-menu { top: 35px; } } /* 1. Search bar Fullwidth - hidden search field */ #searchbar_fullwidth { display: none; /* float: left; */ float: none; width: 100%; height: 62px; border-top: 1px solid #d8d8d8; padding-left: 150px; padding-right: 150px; z-index: 1; position: relative; background: #fff; -webkit-box-shadow: -1px 3px 2px rgba(0,0,0,0.3); -moz-box-shadow: -1px 3px 2px rgba(0,0,0,0.3); box-shadow: -1px 3px 2px rgba(0,0,0,0.3); } #search_box_fullwidth { display: block; width: 88%; border: 0; outline: none; padding: 0; height: 60px; line-height: 60px; font-size: 1.25rem; font-weight: 500; color: #64646d; } #search_submit_fullwidth { display: block; float: right; margin: 9px 0 9px; font-size: 1.750rem; background: none; color: #202020; border: 0; outline: none; line-height: 1.5; cursor: pointer; padding: 0; } /* 2. Search Bar Fullscreen - hidden search field */ #searchbar_fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0,0.95); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 1000; } #searchbar_fullscreen input[type="search"] { position: absolute; top: 50%; width: 100%; color: #64646d; background: rgba(0, 0, 0, 0) !important; font-size: 3.125rem; font-weight: 400; text-align: center; border: 0px !important; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; box-shadow: unset; } #searchbar_fullscreen .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; border-radius: 2px; border: black; color: #ffffff; padding: 9px 25px; font-size: 0.938rem; font-weight: 400; } #searchbar_fullscreen .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #ce1b28; border-color: green; opacity: 1; padding: 10px 17px; font-size: 27px; } #searchbar_fullscreen.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } .text-right .navbar-custom { text-align: center; } .text-right .navbar-brand { float: unset; } .text-right .header-module { float: right; } .content-center{ text-align: center; width: 100%; } .auto{margin:0 auto;} .content-center .navbar-brand { padding-top: 1rem; padding-bottom: 1rem; text-align: center; float: none; } @media (max-width: 991px){ .mb-right .navbar-brand{ float:right; } .mb-right .navbar-toggle { float:left; } } #searchbar_fullscreen1 { background-color: rgba(255, 255, 255, 0.95); } /*===================================================================================*/ /* Header Preset /*===================================================================================*/ .header-rgt { width: 100%; position: relative; } @media (min-width: 991px){ .header-rgt .custom-logo-link-url, .header-rgt .navbar-brand { padding-top: 1.812rem; }} @media (min-width: 991px){ .header-rgt .custom-logo-link-url.no-logo{ padding-top: 0.625rem !important; }} @media (min-width: 991px){ .stickymenu .header-rgt .custom-logo-link-url.no-logo{ padding-top: 1.812rem !important; }} .header-rgt .custom-logo-link-url, .header-rgt .navbar-brand { float: right; } .header-rgt .collapse.navbar-collapse > div { margin-left: 0 !important; } .header-rgt .navbar-toggler, .content-center .navbar-toggler { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px){ .header-sidebar .honeypress_social_icon_widget .custom-social-icons { float: right; }} @media (max-width: 768px){ .header-rgt .navbar-collapse::before { display: block; clear: both; content: ""; }} /*===================================================================================*/ /* Stikcy Header /*===================================================================================*/ .stickymenu{ position: fixed; top: 0; width: 100%; background-color: rgba(255,255,255,0.93); box-shadow: 0 3px 5px rgba(0,0,0,0.05); z-index: 1000; } .navbar-brand.sticky-logo img { height: 45px !important; width: auto; } .stickymenu1{ display: none; position: fixed; top: 0; width: 100%; background-color: rgba(255,255,255,0.93); box-shadow: 0 3px 5px rgba(0,0,0,0.05); z-index: 1000; } .shrink{transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out ; background-color: rgba(255,255,255,0.93); } .navbar.shrink { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar.shrink1 { padding-top: 0rem; padding-bottom: 0rem; } .shrink1{ width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.05); z-index: 1000; position: fixed; top: 0; } .nav-link.search-icon.condition.has-submenu .sub-arrow { display: none; } @media (max-width: 768px){ .navbar.navbar-expand-lg.navbar-light.custom.center .header-module{ float:left; } } .navbar .header-rgt .search-box-outer .dropdown-menu { left: 0px !important; } .header-rgt .custom-logo-link-url { margin-left: 1rem; margin-right: 0rem; } .header-rgt .custom-logo{ margin-left: 1rem; margin-right: 0rem; } @media (min-width: 1200px){ body.boxed .custom.header-sticky { width: 1210px; } } .clr.header-sticky.stickymenu1 .navbar-toggler, .clr.header-sticky.stickymenu .navbar-toggler , .clr.header-sticky.shrink .navbar-toggler{ background-color: #adadad !important; } .navbar-brand.sticky-logo-mbl img { height: 45px !important; width: auto; } .site-footer .overlay { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } /*===================================================================================*/ /* SERVICE COMMON CLASSES /*===================================================================================*/ .service_wrapper { background-color: #ffffff; } .service_wrapper .post-thumbnail { transition: all 0.2s; transition: all 0.2s; } .service_wrapper .post-thumbnail a { position: relative; z-index: 1; } .service_wrapper .post-thumbnail i.fa { position: relative; } .service_wrapper .entry-header { display: block; margin: 0 0 1.200rem; padding: 0; } .service_wrapper .entry-header .entry-title { margin: 0; } .service_wrapper .entry-header .entry-title a { position: relative; z-index: 1; } .service_wrapper .col-md-4:nth-child(3n+1){ clear:left; } @media (min-width: 768px) and (max-width: 992px) { .service_wrapper .col-md-4:nth-child(3n+1) { clear: none; } .service_wrapper .col-sm-6:nth-child(2n+1) { clear:left; } } /*===================================================================================*/ /* SERVICE SECTION VARIATION 2 /*===================================================================================*/ .services2 .post::before { content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 100%; transition: .5s; z-index: 0; } .services2 .post:hover::before { width: 100%; } .services2 .post { padding: 1.250rem 1.5rem; position: relative; background:#fff; margin-bottom: 2rem; padding: 1.438rem 1.25rem; transition: 0.25s; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .services2 .post-thumbnail { position: relative; text-align: left; } .services2 .post-thumbnail i.fa { font-size: 2.25rem; text-align: center; } .services2 .post:hover .post-thumbnail i.fa { color: #fff; } .services2 .post:hover{ color: #fff; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .services2 .entry-header .entry-title a:hover { color:#fff !important;} .services2 .post:hover .entry-header .entry-title a {color:#fff;transition: 0s; } .services2 .post:hover .entry-content p {color:#fff;position:relative; } /*===================================================================================*/ /* SERVICE SECTION Variation 3 /*===================================================================================*/ .services3 .post { margin-bottom: 2rem; padding: 1.438rem 1.25rem; transition: 0.25s; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .services3 .post-thumbnail { position: relative; text-align: center; margin: 0 auto 1.550rem; } .services3 .post-thumbnail img { border-radius: 2px; } .services3 .post-thumbnail i.fa { border-radius: 10%; color: #fff; width: 5rem; height: 5rem; font-size: 2.25rem; line-height: 1.8; padding: 0.313rem; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .services3 .entry-header .entry-title a:hover { color:#fff !important;} .services3 .post:hover .entry-header .entry-title a {color:#fff; } .services3 .post:hover .entry-content p {color:#fff; } .services3 .post:hover .post-thumbnail i.fa { background: #f5f6fa; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .services3 .post:hover { color: #fff; -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } /*===================================================================================*/ /* SERVICE SECTION 4 /*===================================================================================*/ .section-module.services4 img { width: 40px; } .services4 .post { background: #fff; margin-bottom: 3rem; padding: 1rem 1.125rem 1rem 4.25rem; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; position: relative; } .services4 .post:hover { -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); } .services4 .post-thumbnail { position: absolute; left: 0; top: 0; text-align: left; padding: 1rem 0; } .services4 .post-thumbnail i.fa { font-size: 2.5rem; text-align: center; -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; } .services4 .post:hover .post-thumbnail i.fa{ webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } .services4.service_wrapper .entry-header {margin: 0 0 0.938rem;} .section-module.services .entry-content p a, .section-module.services2 .entry-content p a, .section-module.services3 .entry-content p a, .section-module.services4 .entry-content p a { font-weight: 600; } /*===================================================================================*/ /* Team SECTION 2 /*===================================================================================*/ .team2 .team-grid .details .custom-social-icons li > a { color: #878e94; } .team2 .team-grid .img-holder img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .team2 .team-grid .img-holder::before {position:unset;} .team2 .team-grid:hover .img-holder img{ transform: scale3d(0.9, 0.9, 1); } /*===================================================================================*/ /* Team SECTION 3 /*===================================================================================*/ .team3 .team-grid .img-holder img { max-width: 100%; border-radius: 50%; color: #fff; width: 12rem; height: 12rem; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .team3 .team-grid .details .custom-social-icons li > a { color: #878e94; } .team3 .owl-carousel.owl-drag .owl-item, .team-grid-format .team-grid{ background: #f5f6fa !important; } .team-grid-format .team-grid{ margin-bottom: 30px !important; } .team3 .team-grid { margin: 1px; padding-bottom: 0.25rem; padding-top: 2.25rem; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .team3 .owl-theme .owl-nav.disabled+.owl-dots , .team3 .owl-theme .owl-dots { margin-top: 3.25rem; } .team3 .team-grid .img-holder::before {position:unset;} .team3 .team-grid:hover .img-holder img{ transform: scale3d(0.9, 0.9, 1); } /*===================================================================================*/ /* Team SECTION 4 /*===================================================================================*/ .team4 .team-grid { margin: 2px auto; padding-bottom: 0px; margin: 0.125rem 0.125rem 3.75rem; text-align: center; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20); } .team4 .custom-social-icons > a { cursor: pointer; } .team4 .custom-social-icons > a:hover { color: #2d6ef8; } @media (min-width: 768px){ .team4 .avatar{width: 222px; height: auto;} } .team4 .overlay { position: relative; overflow: hidden; } .team4 .team-grid:hover .overlay::before { opacity: 1; width: 100%; visibility: visible; } .team4 .overlay::before { position: absolute; top: 0; right: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.7); content: ""; opacity: 0; z-index: 6; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .team4 .team-grid .img-holder::before {position:unset;} .team4 .team-grid:hover .custom-social-icons { opacity: 1; visibility: visible; transform: translateX(0); transition-delay: .2s; } .team4 .custom-social-icons li a { color: #061018; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .team4 .custom-social-icons{ background: #ffffff; display: inline-block; position: absolute; top: 10px; left: 0; padding: 5px 20px; border-radius: 300px; z-index: 44; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; } /*===================================================================================*/ /* Testimonial SECTION 2 /*===================================================================================*/ #testimonial-carousel2 .avatar { display: inline-block; position: absolute; left: 20px; } #testimonial-carousel2 .testmonial-block { box-shadow: 5px 5px 6px rgba(255, 255, 255, 0.09); padding: 30px 30px 30px 150px; margin: 0 15px 30px 15px; overflow: hidden; position: relative; } #testimonial-carousel2 .testmonial-block .entry-content { margin: 0px 0 0.25rem; } #testimonial-carousel2 .testmonial-block .entry-content:before, #testimonial-carousel2 .testmonial-block .entry-content.quote:before { top: 0; } .testi-2:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(1, 7, 12, 0.9); } .testimonial.testi-2 { background: url(../images/cta-bg.jpg) 112% 50% no-repeat; } #testimonial-carousel2 .testmonial-block:before { content: ""; position: absolute; bottom: 0; right: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; transform: rotate(-45deg); transform-origin: 80% -30% 0; } @media (max-width:768px){ #testimonial-carousel2 .testmonial-block { padding: 15px; margin: 0 15px 15px; } #testimonial-carousel2 .avatar { position: relative; } #testimonial-carousel2 .avatar { left: 0px; } #testimonial-carousel2 .testmonial-block .avatar { margin: 0 0px 1.75rem; } } /*===================================================================================*/ /* Testimonial SECTION 3 /*===================================================================================*/ #testimonial-carousel3 .testmonial-block { padding: 0 1rem 3.125rem 1rem; } #testimonial-carousel3 figcaption{padding-bottom: 0.5rem;} #testimonial-carousel3 .testmonial-block .avatar { margin: 0px auto 1.75rem; } .testi-3 .owl-carousel .owl-nav .owl-prev,.testi-3 .owl-carousel .owl-nav .owl-next{ margin: -60px 0 0; } .testi-3 .entry-content:before, .testi-3 .entry-content.quote:before { opacity: 1; font-size: 1rem; top: 7px; left: -11px; right: auto; } @media (min-width: 992px){.testi-3 .entry-content:before, .testi-3 .entry-content.quote:before {left: -15px;}} /*===================================================================================*/ /* Testimonial SECTION 3 /*===================================================================================*/ #testimonial-carousel4 .testmonial-block { box-shadow: 2px 2px 5px 5px rgba(255, 255, 255, 0.1); margin: 15px 15px 30px 15px; } #testimonial-carousel4 .testmonial-block { padding: 1.125rem 2.5rem; } #testimonial-carousel4.owl-theme .owl-dots { margin: 20px 0 30px; } #testimonial-carousel4 .testmonial-block .entry-content:before,#testimonial-carousel4 .testmonial-block .entry-content.quote:before { font-size: 3.875rem; top: -18px; } #testimonial-carousel4 .testmonial-block .avatar { margin: 0px 0.987rem 0.75rem auto; display: inline-block; width: 4.563rem; height: 5.563rem; } #testimonial-carousel4 .testmonial-block figcaption{ display: inline-block; vertical-align: middle; text-align: left; } /*===================================================================================*/ /* Mega Menu CSS /*===================================================================================*/ @media (min-width: 992px){ .hp-mega-menu{position: static !important;} .navbar ul li.hp-mega-menu ul .dropdown-menu{display:block !important; padding: .5rem 0;} .navbar ul li.hp-mega-menu a {position: relative;padding: .1rem 1.000rem;} .navbar ul > li.hp-mega-menu > ul {width: 100% !important;} .navbar ul li.col-two ul > li {width: 50%;} .navbar ul li.col-three ul > li {width: 33.33%;} .navbar ul li.col-four ul > li {width: 25%;} .navbar ul li.hp-mega-menu ul > li {float: left !important;} .navbar ul > li.hp-mega-menu > ul > li > a {font-size: 20px;font-weight: 700;cursor: auto;padding-bottom: 0.625rem;} .navbar ul li.hp-mega-menu ul li .dropdown-menu {right: auto !important;left: auto !important;padding-bottom: 0;padding-top: 0;} .nav.navbar ul li.hp-mega-menu ul li .dropdown-menu {position: relative;opacity: 1;transform: scaleY(1);} .navbar ul li.hp-mega-menu ul li ul.dropdown-menu {opacity: 1 !important;transform: scaleY(1);visibility: visible;box-shadow: none;} .navbar ul li.hp-mega-menu ul li ul.dropdown-menu {display: block;width: 99%;margin-top: auto !important;} .navbar ul li.hp-mega-menu ul li ul li {border: none;} .navbar ul li.hp-mega-menu ul li ul li {width: 100% !important;float: none !important;margin: 0;} .navbar ul li.hp-mega-menu ul li ul li:last-child a {border: none;} .navbar ul li.hp-mega-menu ul{ max-width: 1140px !important; margin-left:auto !important; left:20% !important; right:20% !important; top:100% !important; } .navbar ul li.hp-mega-menu .sub-arrow{display:none;} .navbar ul li.hp-mega-menu ul li .dropdown-menu { right: auto !important; left: auto !important; padding-bottom: 0; padding-top: 0; } .navbar ul li.hp-mega-menu ul li .dropdown-menu { position: relative; opacity: 1; transform: scaleY(1); } .navbar .nav .dropdown-menu { border-bottom: unset !important; }} @media (min-width: 992px) and (max-width: 1199.98px) { .navbar ul li.hp-mega-menu ul { max-width: 925px !important; left: 5% !important; right: 5% !important; }} .mega-sub-menu.pull-right{ left: auto !important; right: 0px !important; padding: 0px !important; width: 324px !important; border-radius: 0px !important; border: 0 !important; margin: 0px !important; background-color: #fff !important; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0 rgba(0, 0, 0, 0.12) !important; padding: 7px 14px !important; } .mega-sub-menu.pull-right input[type="search"] { width: 90% !important; } .mega-sub-menu.pull-right .search-form input[type="submit"] { top: 10px !important; } @media (max-width: 600px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 12px; font-weight: 600 } #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{ font-size: 12px; font-weight: 700 } } @media only screen and (max-width: 600px){ .mega-cart,.mega-search { display: inline-block !important; margin-top: 15px !important; } .mega-search{ padding-right: 25px !important; } #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item.mega-search.mega-toggle-on > ul.mega-sub-menu { left: 0 !important; right: auto !important; width: 300px !important; top: 37px !important; position: absolute; } .mega-menu-item.mega-menu-item-type-post_type,.mega-menu-item.mega-menu-item-type-custom{ border-bottom: 1px solid #ededed55 !important; } } #blg_masonary_layout #loadMore { position: absolute; bottom: 0; } .masonry .blog-not-found{ border-top: 1px solid #eceff3; padding-top: 30px; } /*@media (min-width: 768px){ .mega-menu-honeypress-primary .navbar-expand-lg .navbar-toggler { display: none; } .mega-menu-honeypress-primary .navbar-expand-lg .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; }}*/ @media only screen and (min-width: 768px) { #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link { line-height: inherit; display: table-cell; vertical-align: middle; } } @media only screen and (max-width: 768px) { #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link br { display: none; } } @media only screen and (max-width: 768px) { #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item { display: list-item; margin: 0; clear: both ; border: 0; } @media only screen and (max-width: 768px){} #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item > a.mega-menu-link { border-radius: 0; border: 0; margin: 0; line-height: 40px; height: 40px; padding: 0 10px; background: transparent; text-align: left; color: #061018; font-size: 12px; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item > ul.mega-sub-menu { display: none; visibility: visible; opacity: 1; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: right; }} @media only screen and (max-width: 768px) { #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link { border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 12px; font-weight: 600; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { clear: both; }} @media only screen and (max-width: 768px){ .mega-menu-item.mega-menu-item-type-post_type, .mega-menu-item.mega-menu-item-type-custom { border-bottom: 1px solid #ededed55 !important; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-flyout ul.mega-sub-menu { float: left; position: static; width: 100%; padding: 0; border: 0; border-radius: 0; }} @media only screen and (min-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item > a.mega-menu-link:hover { background: rgba(34, 34, 34, 0); /*color: #2d6ef8;*/ font-weight: bold; text-decoration: none; border-color: rgba(34, 34, 34, 0); }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #2d6ef8; background: rgba(255, 255, 255, 0.1); }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { display: block; } } @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { content: '\f343'; }} @media only screen and (min-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 { width: 33.33333%; }} @media only screen and (min-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { opacity: 0; transform: translate(0, 10px); transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu { border: 0; padding: 10px; border-radius: 0; } } @media only screen and (min-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { opacity: 1; transform: translate(0, 0); }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu { float: left; position: static; width: 100%; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width: 100%; clear: both; }} @media (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 12px; font-weight: 700; }} @media only screen and (max-width: 768px){ .mega-search { padding-right: 25px !important; }} @media only screen and (max-width: 768px){ .mega-cart, .mega-search { display: inline-block !important; margin-top: 15px !important; }} @media only screen and (max-width: 768px){ #mega-menu-wrap-honeypress-primary #mega-menu-honeypress-primary li.mega-menu-item.mega-search.mega-toggle-on > ul.mega-sub-menu { left: 0 !important; right: auto !important; width: 300px !important; top: 37px !important; position: absolute; }} @media (max-width:600px){ .content-center { width: unset; }} @media (min-width:1100px){ .container-fluid.streached { padding: 0; }} .shop .container-fluid{overflow: hidden;} /* Post Formats */ .gallery-content { margin: 0 0 20px !important; padding: 0; } .gallery-content.post-format .item{ height: auto !important; } .gallery-content.post-format .item img { position: relative; background-color: #fff; background-repeat: no-repeat; background-position: center center; width: 100%; z-index: 0; background-size: cover; max-width: 100%; height: auto; } .row .gallery.post, .row .gallery.post_format-post-format-gallery { margin: 0 0 1.738rem !important; } .post.format-audio figcaption, .single-post .honeypress-media figcaption { margin-bottom: 10px; } .post.format-audio figure { margin-bottom: 0 !important; } .honeypress-media figure { margin: 0 0 0 !important; } .grid-view.gallery-content { margin: 0 0 0 !important; } .blog.grid-view .post_format-post-format-gallery .post-content.gallery, .rm-masonry-lt .post.gallery .post-content { padding: 0 1.875rem 2.000rem; } .post-grid-view-template { padding: 1.563rem 1.875rem 0; } .blog .post.post_format-post-format-gallery:hover .post-thumbnail img { -webkit-transform: unset !important; transform: unset !important; transform: unset !important; -webkit-transform: unset !important; -moz-transform: unset !important; -ms-transform: unset !important; -o-transform: unset !important; } .bgv-sidebar .gallery-content, .rm-masonry-lt .gallery-content { margin: 0 0 0 !important; } .list-temp-class { padding-left: 0; padding-right: 0; } #loadMore { background-color: #fff; border: 1px solid #e9e9e9; color: #061018; font-size: 0.875rem; display: inline-block; padding: 0.188rem 1.25rem; margin: 0 0.500rem 0.625rem 0; } .container-fluid.streached .grid { margin-right: -15px; margin-left: -15px; }