:root { --dsvy-rodiar-global-color: #ea693f; --dsvy-rodiar-secondary-color: #373737; --dsvy-rodiar-gradient-color-first: #ff5001; --dsvy-rodiar-gradient-color-last: #ff5001; --dsvy-rodiar-logo-height: 100px; --dsvy-rodiar-sticky-logo-height: 100px; --dsvy-rodiar-responsive-logo-height: 50px; --dsvy-rodiar-link-color-normal: #373737; --dsvy-rodiar-link-color-hover: #ff5001; --dsvy-rodiar-responsive-breakpoint: 1200px; --dsvy-rodiar-white-color: #ffffff; --dsvy-rodiar-light-bg-color: #f8f8f6; --dsvy-rodiar-blackish-color: #373737; --dsvy-rodiar-blackish-bg-color: #373737; --dsvy-rodiar-preheader-bgcolor-custom: #ff5e15; --dsvy-rodiar-header-height: 90px; --dsvy-rodiar-header-background-color: #ffffff; --dsvy-rodiar-menu-background-color: #ffffff; --dsvy-rodiar-sticky-header-height: 90px; --dsvy-rodiar-sticky-header-background-color: #ffffff; --dsvy-rodiar-main-menu-typography-font-family: Teko; --dsvy-rodiar-main-menu-typography-variant: 500; --dsvy-rodiar-main-menu-typography-font-size: 17px; --dsvy-rodiar-main-menu-typography-line-height: 20px; --dsvy-rodiar-main-menu-typography-letter-spacing: 0px; --dsvy-rodiar-main-menu-typography-color: #232e35; --dsvy-rodiar-main-menu-typography-text-transform: uppercase; --dsvy-rodiar-main-menu-typography-font-weight: 500; --dsvy-rodiar-main-menu-typography-font-style: normal; --dsvy-rodiar-main-menu-sticky-color: #232e35; --dsvy-rodiar-titlebar-height: 400px; --dsvy-rodiar-footer-1-col-width: 25%; --dsvy-rodiar-footer-2-col-width: 50%; --dsvy-rodiar-footer-3-col-width: 25%; --dsvy-rodiar-footer-4-col-width: 30%; --dsvy-rodiar-global-color-rgb: 234, 105, 63; --dsvy-rodiar-secondary-color-rgb: 55, 55, 55; --dsvy-rodiar-white-color-rgb: 255, 255, 255; --dsvy-rodiar-light-bg-color-rgb: 248, 248, 246; --dsvy-rodiar-blackish-color-rgb: 55, 55, 55; --dsvy-rodiar-blackish-bg-color-rgb: 55, 55, 55; --dsvy-rodiar-main-menu-typography-color-rgb: 35, 46, 53; } /* CSS :root ends here */ .dsvy-navbar ul ul,.dsvy-navbar ul ul:before{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(1) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(2) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(3) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(4) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(5) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(6) > ul.mega-sub-menu{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-title-bar-wrapper, .dsvy-title-bar-wrapper.dsvy-bg-color-custom:before{background-color:#f6f6f6;background-image:url("https://rodiar-demo.pbminfotech.com/demo1/wp-content/uploads/sites/2/2021/04/title-bg-03.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.site-footer, .site-footer.dsvy-bg-color-custom:before{background-color:#0c0732;background-repeat:no-repeat;background-position:right bottom;background-size:auto;background-attachment:scroll;}.dsvy-footer-widget-area, .dsvy-footer-widget-area.dsvy-bg-color-custom:before{background-color:#969696;background-image:url("https://rodiar-demo.pbminfotech.com/demo1/wp-content/uploads/sites/2/2021/05/footer-bg-01.png");background-repeat:no-repeat;background-position:right bottom;background-size:auto;background-attachment:scroll;}.dsvy-footer-text-area, .dsvy-footer-text-area.dsvy-bg-color-custom:before{background-color:#1b1b1b;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.error404 .site-content-wrap, .error404 .dsvy-bg-color-custom > .site-content-wrap:before{background-color:rgba(234,105,63,0.88);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;}body{font-family:Yantramanav,sans-serif;font-weight:normal;font-size:18px;line-height:27px;color:#808080;text-transform:none;font-style:normal;}h1{font-family:Teko,sans-serif;font-weight:600;font-size:40px;line-height:44px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}h2{font-family:Teko,sans-serif;font-weight:600;font-size:34px;line-height:38px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}h3{font-family:Teko,sans-serif;font-weight:600;font-size:30px;line-height:34px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}h4{font-family:Teko,sans-serif;font-weight:600;font-size:26px;line-height:30px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}h5{font-family:Teko,sans-serif;font-weight:600;font-size:22px;line-height:26px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}h6{font-family:Teko,sans-serif;font-weight:600;font-size:22px;line-height:26px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}.dsvy-heading-subheading .dsvy-element-title{font-family:Teko,sans-serif;font-weight:600;font-size:48px;line-height:58px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}.dsvy-heading-subheading .dsvy-element-subtitle{font-family:Source Sans Pro,sans-serif;font-weight:normal;font-size:14px;line-height:20px;letter-spacing:1px;color:#ea693f;text-transform:uppercase;font-style:normal;}.dsvy-ihbox.dsvy-ihbox-style-hsbox .dsvy-ihbox-content{font-family:Yantramanav,sans-serif;font-weight:normal;font-size:17px;line-height:27px;letter-spacing:0px;color:#808080;text-transform:none;font-style:normal;}.designervily-sidebar .widget_search .wp-block-search__label, .designervily-sidebar .widget_block .wp-block-group h2, .widget-title, .dsvy-footer-copyright-box h3{font-family:Teko,sans-serif;font-weight:500;font-size:22px;line-height:26px;letter-spacing:0px;color:#373737;text-transform:uppercase;font-style:normal;}.dsvy-search-results-back-global-btn a, .dsvy-search-results-load-btn a, .wpem-theme-button, a.wpem-theme-button, button.wpem-theme-button, input.wpem-theme-button, .dsvy-read-more-link a, .dsvy-service-btn a, .dsvy-header-button a, .woocommerce ul.products li.product .onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .elementor-widget-button .elementor-button, .dsvy-ptable-btn a, .dsvy-service-btn, .dsvy-ihbox-btn, .woocommerce .woocommerce-message .button, .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, button, html input[type=button], input[type=reset], input[type=submit]{font-family:Teko,sans-serif;font-weight:500;font-size:17px;line-height:18px;letter-spacing:1px;text-transform:uppercase;font-style:normal;}.designervily-ele-fid-style-5 .dsvy-fid-title, .dsvy-ourhistory .label, .site-header .dsvy-slider-area .hermes .tp-bullet:after, .dsvy-testimonial-style-3 .designervily-box-desc blockquote,.dsvy-pricing-table-box .designervily-ptable-price-w, .elementor-accordion .elementor-tab-title a, .dsvy-service-style-1 .designervily-box-content:after, .dsvy-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color), #dsvy-count-down .content_countdown .time_left, .dsvy-testimonial-style-4 .designervily-box-desc blockquote, .dsvy-testimonial-style-5 .designervily-box-desc blockquote {font-family:Teko,sans-serif;font-weight:normal;font-style:normal;}.dsvy-header-style-3 .dsvy-header-button span.dsvy-header-button-text-1, .dsvy-ele-event_listing.dsvy-event_listing-style-2 .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-date, .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-date{font-family:PT Serif,sans-serif;font-weight:normal;font-style:normal;}#dsvy-count-down .countdown .time_description{font-family:Yantramanav,sans-serif;font-weight:normal;font-style:normal;}body:not(.dsvy-max-mega-menu-override) .dsvy-navbar div > ul > li > a, .dsvy-max-mega-menu-override #page #site-navigation .max-mega-menu > li.mega-menu-item > a.mega-menu-link{font-family:Teko,sans-serif;font-weight:500;font-size:17px;line-height:20px;letter-spacing:0px;color:#232e35;text-transform:uppercase;font-style:normal;}.dsvy-navbar ul ul a, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li > ul.mega-sub-menu li.mega-menu-item > a:hover, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li > ul.mega-sub-menu li.mega-menu-item > a:focus, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu ul:not(.menu) > li.mega-menu-item > a.mega-menu-link, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu li .widget_nav_menu ul.menu > li.mega-menu-item > a.mega-menu-link{font-family:Teko,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0px;color:#232e35;text-transform:uppercase;font-style:normal;}.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-family:Yantramanav,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0px;color:#232e35;text-transform:none;font-style:normal;}.dsvy-tbar-title{font-family:Teko,sans-serif;font-weight:600;font-size:48px;line-height:60px;letter-spacing:0px;color:#ffffff;text-transform:uppercase;font-style:normal;}.dsvy-tbar-subtitle{font-family:Yantramanav,sans-serif;font-weight:normal;font-size:16px;line-height:1.5;letter-spacing:0px;color:#ffffff;text-transform:none;font-style:normal;}.dsvy-breadcrumb, .dsvy-breadcrumb a{font-family:Yantramanav,sans-serif;font-weight:500;font-size:17px;line-height:1.5;letter-spacing:0px;color:#ffffff;text-transform:uppercase;font-style:normal;} /* -------------------------------------- * Common header bg * ---------------------------------------*/ .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-globalcolor{ background-color: var(--dsvy-rodiar-global-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-secondarycolor{ background-color: var(--dsvy-rodiar-secondary-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-blackish{ background-color: var(--dsvy-rodiar-blackish-bg-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-white{ background-color: var(--dsvy-rodiar-white-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-light{ background-color: var(--dsvy-rodiar-light-bg-color); } /* -------------------------------------- * Custom background color and text color * ---------------------------------------*/ /* Custom preheader background color */ .dsvy-pre-header-wrapper.dsvy-bg-color-custom{ background-color: var(--dsvy-rodiar-preheader-bgcolor-custom); } /* Custom Header background color */ .dsvy-header-wrapper.dsvy-bg-color-custom{ background-color: var(--dsvy-rodiar-header-background-color); } /* Custom Menu area background color */ .dsvy-header-menu-area.dsvy-bg-color-custom{ background-color: var(--dsvy-rodiar-menu-background-color); } /* sticky-header-background-color */ .site-header.dsvy-fixed-header .dsvy-sticky-bg-color-custom{ background-color: var(--dsvy-rodiar-sticky-header-background-color); } /* Custom Menu text color */ body:not(.dsvy-max-mega-menu-override) .dsvy-sticky-header .dsvy-navbar div > ul > li > a{ color: var(--dsvy-rodiar-main-menu-sticky-color); } /* -------------------------------------- * A tag * ---------------------------------------*/ a{ color: var(--dsvy-rodiar-link-color-normal); } a:hover{ color: var(--dsvy-rodiar-link-color-hover); } /* -------------------------------------- * site-title * ---------------------------------------*/ .site-title { height: var(--dsvy-rodiar-header-height); } .site-title img.dsvy-main-logo{ max-height: var(--dsvy-rodiar-logo-height); } .site-title img.dsvy-responsive-logo{ max-height: var(--dsvy-rodiar-responsive-logo-height); } /*=== Sticky logo ===*/ .site-header.dsvy-fixed-header .site-title img.dsvy-main-logo{ max-height: var(--dsvy-rodiar-sticky-logo-height); } /* -------------------------------------- * Global color * ---------------------------------------*/ .dsvy-color-globalcolor, .dsvy-globalcolor, .globalcolor{ color: var(--dsvy-rodiar-global-color) ; } /* -------------------------------------- * Global Color * ---------------------------------------*/ /*=== Global BG Color ===*/ .site-header .dsvy-sticky-on.dsvy-sticky-bg-color-globalcolor, .site-header .dsvy-bg-color-globalcolor, .dsvy-bg-color-globalcolor{ background-color: var(--dsvy-rodiar-global-color); } /*=== Global Text Color ===*/ .dsvy-globalcolor, .dsvy-skincolor, .dsvy-sortable-list a.dsvy-selected{ color: var(--dsvy-rodiar-global-color); } /*=== Global Border Color ===*/ .post.sticky{ border-color: var(--dsvy-rodiar-global-color); } /* -------------------------------------- * Secondary Color * ---------------------------------------*/ /*=== Secondary BG Color ===*/ .dsvy-bg-color-secondarycolor, .dsvy-bg-color-secondary{ background-color: var(--dsvy-rodiar-secondary-color); } /*=== Secondary Text Color ===*/ .dsvy-color-secondarycolor{ color: var(--dsvy-rodiar-secondary-color); } /* -------------------------------------- * Gradient Color * ---------------------------------------*/ /*=== Gradient BG Color ===*/ .elementor-widget-button.dsvy-btn-color-gradient .elementor-button, .dsvy-bg-color-gradient{ background-image: -ms-linear-gradient(right, var(--dsvy-rodiar-gradient-color-first) 0%, var(--dsvy-rodiar-gradient-color-last) 100%); background-image: linear-gradient(to right, var(--dsvy-rodiar-gradient-color-first) , var(--dsvy-rodiar-gradient-color-last) ); } .dsvy-footer-section.dsvy-bg-color-gradientcolor:before{ background-image: -ms-linear-gradient(right, var(--dsvy-rodiar-gradient-color-first) 0%, var(--dsvy-rodiar-gradient-color-last) 100%) !important; background-image: linear-gradient(to right, var(--dsvy-rodiar-gradient-color-first) , var(--dsvy-rodiar-gradient-color-last) ) !important; } .elementor-widget-button.dsvy-btn-color-gradient .elementor-button { border-image-slice: 1; border-image-source: linear-gradient(to left, var(--dsvy-rodiar-gradient-color-first), var(--dsvy-rodiar-gradient-color-last)); } /* -------------------------------------- * Light Color * ---------------------------------------*/ .dsvy-btn-style-flat.dsvy-btn-color-light .elementor-button, .dsvy-bg-color-light{ background-color: var(--dsvy-rodiar-light-bg-color); } .dsvy-btn-style-text.dsvy-btn-color-light .elementor-button{ color: var(--dsvy-rodiar-light-bg-color); } .dsvy-btn-style-outline.dsvy-btn-color-light .elementor-button{ border-color: var(--dsvy-rodiar-light-bg-color); color: var(--dsvy-rodiar-light-bg-color); } /* -------------------------------------- * White color * ---------------------------------------*/ .dsvy-elementor-bg-color-globalcolor .dsvy-btn-color-blackish .elementor-button:hover{ background-color:#fff; } /* -------------------------------------- * Woocommerce * ---------------------------------------*/ .dsvy-cart-wrapper.dsvy-show-cart-amount-no .woocommerce-Price-amount.amount{ display: none !important; } /* -------------------------------------- * dsvy-responsive-icons * ---------------------------------------*/ .dsvy-responsive-icons{ position: absolute; top: 30px; left: 20px; display: none; } .admin-bar .dsvy-responsive-icons{ top: 65px; } .dsvy-responsive-icons > div{ margin: 0 10px; } .dsvy-responsive-icons > div:first-child{ margin-left: 0; } .dsvy-responsive-icons .dsvy-cart-wrapper a { position: relative; padding-left: 30px; } .dsvy-responsive-icons .dsvy-cart-wrapper.dsvy-show-cart-amount-no a { padding-left: 25px; } .dsvy-responsive-icons .dsvy-cart-wrapper a:before { content: "\E83B"; font-family: "designervily-base-icons"; font-size: 20px; line-height: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .dsvy-responsive-icons .dsvy-cart-wrapper .dsvy-cart-count { position: absolute; top: -21px; left: 2px; background-color: var(--dsvy-rodiar-global-color); color: var(--dsvy-rodiar-blackish-color); line-height: 20px; width: 20px; text-align: center; border-radius: 50%; font-size: 13px; } .dsvy-responsive-icons .dsvy-cart-wrapper { display: block !important; } .dsvy-responsive-icons .dsvy-header-search-btn { position: unset !important; } /*==================================== End Dynamic color ====================================*/ /* * * * * MENU AND BREAKPOINT CSS * * * * * */ /*==================================== Max Width for dynamic breakpoint ====================================*/ @media (max-width: 1200px){ .dsvy-header-top-area > .container{ position: relative; } .site-header .dsvy-sticky-header { display: none !important; } .dsvy-header-info-inner, .something{ display: none; } .navbar-expand-lg .navbar-nav{ -ms-flex-direction: unset !important; flex-direction: unset !important; } .dsvy-header-menu-area-inner, .dsvy-navbar{ display: block !important; } .nav-menu-toggle{ display: block; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; padding: 0; font-size: 35px; line-height: 35px; color: #2c2c2c; width: 40px; } .dsvy-navbar > div{ background-color: #fff; } .sub-menu{ display: none; } .dsvy-header-menu-area-wrapper{ min-height: auto !important; } .closepanel{ position: absolute; z-index: 99; right: 24px; margin-left: -20px; top: 33px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; cursor: pointer; font-size: 16px; color: #fff; border: 0; background-color: rgb(111 111 111); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .admin-bar .closepanel{ top: 70px; } .closepanel:hover{ background-color: var(--dsvy-rodiar-global-color); color: #fff; } .dsvy-responsive-icons{ display: flex; } /*=== Responsive menu ===*/ .dsvy-mobile-menu-bg{ position: fixed; right: 0; top: 0; width: 0%; height: 100%; z-index: 99; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active .dsvy-mobile-menu-bg{ opacity: 1; width: 100%; visibility: visible; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .dsvy-navbar > div { background-color: #fff; position: fixed; top: 0; right: 0; z-index: 1000; width: 300px; height: 100%; padding: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .dsvy-navbar > div.active { transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; visibility: visible; overflow-y: scroll; } .dsvy-navbar > div > ul{ padding: 98px 0; } .dsvy-navbar > div > ul li a { color: #000 !important; padding: 15px 25px; height: auto; display: inline-block; } .dsvy-navbar > div > ul ul { padding-left: 1em; overflow: hidden; display: none; } ul .sub-menu.show, ul .children.show { display: block; } .dsvy-navbar li{ position: relative; } .dsvy-navbar ul.menu > li{ border-bottom: 1px solid rgb(0 0 0 / 6%); } .sub-menu-toggle{ display: block; position: absolute; right: 25px; top: 15px; cursor: pointer; color: rgba(0, 0, 0, 0.80); } .dsvy-navbar ul ul{ background-color: transparent !important; } .dsvy-mobile-search{ display: block; } .dsvy-mobile-search .dsvy-header-search-btn{ display: block; position: absolute; right: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dsvy-header-search-form-wrapper .search-form{ top: 40%; } /*=== Responsive Logo ===*/ .dsvy-responsive-logo-yes .dsvy-sticky-logo, .dsvy-responsive-logo-yes .dsvy-main-logo{ display: none; } .dsvy-responsive-logo-yes .dsvy-responsive-logo{ display: inline-block; } /*=== Responsive header background color ===*/ .dsvy-responsive-header-bgcolor-globalcolor .dsvy-header-wrapper{ background-color: var(--dsvy-rodiar-global-color) !important; } .dsvy-responsive-header-bgcolor-white .dsvy-header-wrapper{ background-color: #fff !important; } .dsvy-responsive-header-bgcolor-blackish .dsvy-header-wrapper{ background-color: #222 !important; } .dsvy-cart-wrapper{ display: none !important } .dsvy-responsive-header-bgcolor-white{ background-color: var(--dsvy-rodiar-white-color)!important; } .dsvy-responsive-header-bgcolor-blackish{ background-color: var(--dsvy-rodiar-blackish-bg-color)!important; } .dsvy-responsive-header-bgcolor-globalcolor{ background-color: var(--dsvy-rodiar-global-color)!important; } } /*==================================== End Max Break Point ====================================*/ /*==================================== Min Width for dynamic breakpoint ====================================*/ @media (min-width: 1201px){ .site-header .dsvy-sticky-header { position: fixed; opacity: 0; visibility: hidden; background: #fff; left: 0px; top: 0px; box-shadow: 0 10px 20px rgb(0 0 0 / 20%); width: 100%; z-index: 0; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .site-header.dsvy-fixed-header .dsvy-sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 300ms; -moz-animation-duration: 300ms; -op-animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-duration: 300ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .admin-bar .site-header .dsvy-sticky-header { top: 32px; } .dsvy-responsive-logo{ display: none; } .nav-menu-toggle, .something{ display: none; } .dsvy-sticky-on .site-title img.dsvy-main-logo, .site-title img.dsvy-sticky-logo{ max-height: var(--dsvy-rodiar-sticky-logo-height); } body .dsvy-navbar > div > ul > li, body .dsvy-navbar > div > ul > li > a{ line-height: var(--dsvy-rodiar-header-height) !important; height: var(--dsvy-rodiar-header-height) !important; } .dsvy-sticky-header .dsvy-navbar > div > ul > li, .dsvy-sticky-header .dsvy-navbar > div > ul > li > a, .dsvy-sticky-header .site-title { line-height: var(--dsvy-rodiar-sticky-header-height) !important; height: var(--dsvy-rodiar-sticky-header-height) !important; } .dsvy-navbar ul > li > ul > li.current-menu-item > a, .dsvy-navbar ul > li > ul li.current_page_item > a, .dsvy-navbar ul > li > ul li.current_page_ancestor > a, .dsvy-navbar > div > ul > li:hover > a, .dsvy-navbar > div > ul > li.current_page_item > a, .dsvy-navbar > div > ul > li.current-menu-parent > a { color: var(--dsvy-rodiar-global-color); } .dsvy-navbar ul > li > ul li.current_page_item > a:before, .dsvy-navbar ul > li > ul li.current_page_ancestor > a:before, .dsvy-navbar ul > li > ul li.current_page_parent > a:before{ background-color: var(--dsvy-rodiar-global-color); } .dsvy-navbar ul > li > ul li:hover > a { color: #ffffff !important; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar > div > ul { position: relative; z-index: 597; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar > div > ul > li { float: left; min-height: 1px; vertical-align: middle; position: relative; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar > div > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } .dsvy-navbar ul > li:hover > ul{ z-index: 600; } .dsvy-navbar > div > ul li ul.dsvy-nav-left{ left: inherit; right: 0; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar > div > ul li ul ul.dsvy-nav-left{ left: -100%; right: 0; -webkit-transition: none; transition: none; } .dsvy-navbar > div > ul ul li { float: none; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar > div > ul ul ul { top: 0; left: 100%; width: 190px; } .dsvy-navbar > div > ul ul { margin-top: 0; } .dsvy-navbar > div > ul ul li { font-weight: normal; } .dsvy-navbar a { display: block; line-height: 1em; text-decoration: none; } .dsvy-navbar > div > ul ul li:hover > a, .dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-flyout>ul.mega-sub-menu li.mega-menu-item:hover>a{ background-color: var(--dsvy-rodiar-global-color); } /* Custom CSS Styles */ .dsvy-navbar > ul { display: inline-block; } .dsvy-navbar:after, .dsvy-navbar ul:after { content: ''; display: block; clear: both; } .dsvy-navbar ul { text-transform: uppercase; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar ul ul { min-width: 270px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; box-shadow: 0px 10px 40px rgba(0,0,0,0.20); border-top: 3px solid var(--dsvy-rodiar-global-color); } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar ul > li:hover > ul { visibility: visible; opacity: 1; } .dsvy-navbar ul > li > ul > li > a{ padding: 15px 30px; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar ul > li > ul > li:hover > a{ padding-left: 40px; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar ul > li > ul > li > a:before { position: absolute; content: ''; left: 18px; top: 24px; width: 0px; height: 2px; background-color: transparent; -webkit-transition: all .500s ease-in-out; transition: all .500s ease-in-out; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar ul > li > ul > li:hover >a:before{ background-color: rgba(255, 255, 255, 0.50); width: 10px; } .dsvy-navbar ul ul a { border-bottom: 1px solid rgba(0, 0, 0, 0.10); border-top: 0 none; line-height: 150%; padding: 16px 20px; } .dsvy-navbar ul ul ul { border-top: 0 none; } .dsvy-navbar ul ul li { position: relative; } .dsvy-navbar ul li.last ul { left: auto; right: 0; } .dsvy-navbar ul li.last ul ul { left: auto; right: 99.5%; } body:not(.dsvy-max-mega-menu-override) .dsvy-navbar div > ul > li > a{ margin: 0 20px; } /* Dropdown Menu ( Globalcolor )*/ .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul > li > ul > li.current-menu-item > a, .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul > li > ul li.current_page_item > a, .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul > li > ul li.current_page_ancestor > a, /* Main Menu ( Globalcolor )*/ .dsvy-navbar.dsvy-main-active-color-globalcolor > div > ul > li:hover > a, .dsvy-navbar.dsvy-main-active-color-globalcolor > div > ul > li.current_page_item > a, .dsvy-navbar.dsvy-main-active-color-globalcolor > div > ul >li.current-menu-parent > a, .dsvy-sticky-header .dsvy-navbar.dsvy-main-active-color-globalcolor > div > ul >li.current-menu-parent > a{ color: var(--dsvy-rodiar-global-color); } /* Dropdown Menu ( Secondarycolor )*/ .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul > li > ul > li.current-menu-item > a, .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul > li > ul li.current_page_item > a, .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul > li > ul li.current_page_ancestor > a, /* Main Menu ( Secondarycolor )*/ .dsvy-navbar.dsvy-main-active-color-secondarycolor > div > ul > li:hover > a, .dsvy-navbar.dsvy-main-active-color-secondarycolor > div > ul > li.current_page_item > a, .dsvy-navbar.dsvy-main-active-color-secondarycolor > div > ul >li.current-menu-parent > a{ color: var(--dsvy-rodiar-secondary-color); } .dsvy-header-menu-area .dsvy-navbar div > ul > li, .dsvy-header-menu-area .dsvy-navbar div > ul > li > a, .dsvy-header-menu-area{ height: 62px; line-height: 62px !important; } .dsvy-header-menu-area.dsvy-sticky-on .dsvy-navbar div > ul > li, .dsvy-header-menu-area.dsvy-sticky-on .dsvy-navbar div > ul > li > a, .dsvy-header-menu-area.dsvy-sticky-on{ height: 62px; line-height: 62px !important; } .dsvy-header-menu-area{ position: relative; z-index: 10; } /*=== dsvy-search-cart-box ===*/ .dsvy-search-cart-box .dsvy-cart-wrapper a, .dsvy-search-cart-box .dsvy-header-search-btn a{ font-size: 18px; } .dsvy-search-cart-box .dsvy-cart-wrapper a .amount{ font-size: 15px; } .dsvy-search-cart-box{ display: flex; align-items: center; position: relative; } .dsvy-search-cart-box > *{ padding: 0 20px; position: relative; } .dsvy-search-cart-box > *:nth-child(2)::after{ content: ''; width: 1px; height: 30px; background-color: rgba(var(--dsvy-rodiar-blackish-bg-color-rgb), 0.30); position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dsvy-search-cart-box .dsvy-cart-wrapper a, .dsvy-search-cart-box .dsvy-cart-details{ position: relative; } .dsvy-search-cart-box .dsvy-cart-count{ position: absolute; top: -16px; left: -16px; background-color: var(--dsvy-rodiar-global-color); color: var(--dsvy-rodiar-white-color); height: 18px; line-height: 18px; width: 18px; text-align: center; border-radius: 50%; font-size: 12px; } .dsvy-search-cart-box .dsvy-cart-wrapper a:before { content: "\e83b"; font-family: "designervily-base-icons"; font-size: 20px; line-height: 20px; font-weight: normal; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } } /*==================================== End Min Break Point ====================================*/ @media screen and (max-width: 1200px) { .dsvy-pre-header-wrapper{ display: none; } }