:root { --dsvy-politicia-global-color: #e3042e; --dsvy-politicia-secondary-color: #021460; --dsvy-politicia-gradient-color-first: #e3042e; --dsvy-politicia-gradient-color-last: #e3042e; --dsvy-politicia-logo-height: 1px; --dsvy-politicia-sticky-logo-height: 50px; --dsvy-politicia-responsive-logo-height: 1px; --dsvy-politicia-link-color-normal: #101010; --dsvy-politicia-link-color-hover: #e3042e; --dsvy-politicia-responsive-breakpoint: 1200px; --dsvy-politicia-white-color: #ffffff; --dsvy-politicia-light-bg-color: #efeff7; --dsvy-politicia-blackish-color: #101010; --dsvy-politicia-blackish-bg-color: #101010; --dsvy-politicia-preheader-bgcolor-custom: #ff5e15; --dsvy-politicia-header-height: 1px; --dsvy-politicia-header-background-color: #ffffff; --dsvy-politicia-menu-background-color: #ffffff; --dsvy-politicia-sticky-header-height: 80px; --dsvy-politicia-sticky-header-background-color: #ffffff; --dsvy-politicia-main-menu-typography-font-family: Barlow; --dsvy-politicia-main-menu-typography-variant: 700; --dsvy-politicia-main-menu-typography-font-size: 16px; --dsvy-politicia-main-menu-typography-line-height: 20px; --dsvy-politicia-main-menu-typography-letter-spacing: 0px; --dsvy-politicia-main-menu-typography-color: #101010; --dsvy-politicia-main-menu-typography-text-transform: capitalize; --dsvy-politicia-main-menu-typography-font-weight: 700; --dsvy-politicia-main-menu-typography-font-style: normal; --dsvy-politicia-main-menu-sticky-color: #101010; --dsvy-politicia-titlebar-height: 200px; --dsvy-politicia-footer-1-col-width: 25%; --dsvy-politicia-footer-2-col-width: 50%; --dsvy-politicia-footer-3-col-width: 25%; --dsvy-politicia-footer-4-col-width: 30%; --dsvy-politicia-global-color-rgb: 227, 4, 46; --dsvy-politicia-secondary-color-rgb: 2, 20, 96; --dsvy-politicia-white-color-rgb: 255, 255, 255; --dsvy-politicia-light-bg-color-rgb: 239, 239, 247; --dsvy-politicia-blackish-color-rgb: 16, 16, 16; --dsvy-politicia-blackish-bg-color-rgb: 16, 16, 16; --dsvy-politicia-main-menu-typography-color-rgb: 16, 16, 16; } /* 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://temp-bagley.camcoconsulting.com/wp-content/themes/politicia/images/title-bg.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.site-footer, .site-footer.dsvy-bg-color-custom{background-color:#0c0732;background-repeat:no-repeat;background-position:left bottom;background-size:auto;background-attachment:scroll;}.dsvy-footer-widget-area, .dsvy-footer-widget-area.dsvy-bg-color-custom:before{background-color:#969696;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.dsvy-footer-text-area, .dsvy-footer-text-area.dsvy-bg-color-custom:before{background-color:#0a0a0a;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(255,255,255,0);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;}body{font-family:Montserrat,sans-serif;font-weight:normal;font-size:16px;line-height:26px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h1{font-family:Poppins,sans-serif;font-weight:700;font-size:44px;line-height:54px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h2{font-family:Poppins,sans-serif;font-weight:700;font-size:40px;line-height:46px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h3{font-family:Poppins,sans-serif;font-weight:700;font-size:36px;line-height:40px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h4{font-family:Barlow,sans-serif;font-weight:700;font-size:32px;line-height:36px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h5{font-family:Barlow,sans-serif;font-weight:700;font-size:28px;line-height:32px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}h6{font-family:Barlow,sans-serif;font-weight:700;font-size:24x;line-height:30px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}.dsvy-heading-subheading .dsvy-element-title{font-family:Barlow,sans-serif;font-weight:700;font-size:48px;line-height:58px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}.dsvy-heading-subheading .dsvy-element-subtitle{font-family:Barlow,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:#e3042e;text-transform:uppercase;font-style:normal;}.dsvy-ihbox.dsvy-ihbox-style-hsbox .dsvy-ihbox-content{font-family:Rubik,sans-serif;font-weight:500;font-size:18px;line-height:28px;letter-spacing:0px;color:#666666;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, .dsvy-sub-cat-list-wrapper .dsvy-sub-cat-list-title, .widget-title, .dsvy-footer-copyright-box h3{font-family:Barlow,sans-serif;font-weight:700;font-size:22px;line-height:26px;letter-spacing:0px;color:#101010;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-element .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:Barlow,sans-serif;font-weight:700;font-size:14px;line-height:24px;letter-spacing:0px;text-transform:uppercase;font-style:normal;}#main_countedown_1 .time_left,.dsvy-comment-content .dsvy-comment-author,.dsvy-ihbox-style-5 .dsvy-ihbox-box .dsvy-element-title,.elementor-accordion .elementor-tab-title a, .dsvy-service-style-1 .designervily-box-content:after, #dsvy-count-down .content_countdown .time_left,.single.single-give_forms form[id*=give-form] legend,form[id*=give-form].give-form-type-multi .give-payment-mode-label,form[id*=give-form].give-form-type-multi #give_checkout_user_info legend,.site-content .dsvy_widget_list_all_posts ul > li a,.politicia_recent_posts_widget .dsvy-rpw-content .dsvy-rpw-title a,.error404 a.dsvy-home-back, #main_countedown_1 .countdown .time_description{font-family:Barlow,sans-serif;font-weight:700;font-style:normal;}.dsvy-ihbox-style-5 .dsvy-ihbox-contents h4,.dsvy-tabstyle1 .dsvy-tabs .elementor-progress-text,.wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-date, .wpem-event-listing-box-view.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-date,.dsvy-static-box-style-1 .designervily-box-number h4, #main_countedown_1 .countdown .time_left{font-family:Rubik,sans-serif;font-weight:500;font-style:normal;}#dsvy-count-down .countdown .time_description,.dsvy-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color), .dsvy-blog-meta-top .dsvy-meta, .reply a, .dsvy-comment-date a, .dsvy-author-content .dsvy-author-name a,.dsvy-comment-date a,.dsvy-ele-blog .dsvy-meta-line,.dsvy-blog-classic .wp-block-columns ul li, .elementor-element .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-text,.dsvy-blog-style-2 .dsvy-meta-line, .dsvy-blog-style-2 .dsvy-meta-line a,.dsvy-tabs .dsvy-tab-content-inner ul li,.dsvy-ele-team .designervily-box-team-position,.dsvy-element-event_listing-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type .wpem-event-type-text,.dsvy-element-event_listing-style-1 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type .wpem-event-type-text,.dsvy-testimonial-style-1 .designervily-testimonial-detail,.designervily-sidebar .widget ul a,.dsvy-portfolio-style-1 .designervily-box-content .dsvy-port-cat a,.dsvy-blog-meta-bottom .dsvy-meta-tags a, .designervily-sidebar .widget ol{font-family:Barlow,sans-serif;font-weight:600;font-style:normal;}.dsvy-header-box-title{font-family:Barlow,sans-serif;font-weight:800;font-size:17px;line-height:27px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}.dsvy-header-box-content{font-family:Barlow,sans-serif;font-weight:700;font-size:15px;line-height:25px;letter-spacing:1px;color:#b0b6bf;text-transform:none;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:Barlow,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0px;color:#101010;text-transform:capitalize;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:Barlow,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:#042444;text-transform:none;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:Barlow,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0px;color:#042444;text-transform:none;font-style:normal;}.dsvy-tbar-title{font-family:Barlow,sans-serif;font-weight:700;font-size:48px;line-height:58px;letter-spacing:0px;color:#fff;text-transform:none;font-style:normal;}.dsvy-tbar-subtitle{font-family:Rubik,sans-serif;font-weight:normal;font-size:14px;line-height:1.5;letter-spacing:0px;color:#fff;text-transform:none;font-style:normal;}.dsvy-breadcrumb, .dsvy-breadcrumb a{font-family:Rubik,sans-serif;font-weight:normal;font-size:14px;line-height:1.5;letter-spacing:0px;color:#ffffff;text-transform:capitalize;font-style:normal;} /* -------------------------------------- * Common header bg * ---------------------------------------*/ .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-globalcolor{ background-color: var(--dsvy-politicia-global-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-secondarycolor{ background-color: var(--dsvy-politicia-secondary-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-blackish{ background-color: var(--dsvy-politicia-blackish-bg-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-white{ background-color: var(--dsvy-politicia-white-color); } .site-header .dsvy-sticky-header.dsvy-sticky-bg-color-light{ background-color: var(--dsvy-politicia-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-politicia-preheader-bgcolor-custom); } /* Custom Header background color */ .dsvy-header-wrapper.dsvy-bg-color-custom{ background-color: var(--dsvy-politicia-header-background-color); } /* Custom Menu area background color */ .dsvy-header-menu-area.dsvy-bg-color-custom{ background-color: var(--dsvy-politicia-menu-background-color); } /* sticky-header-background-color */ .site-header.dsvy-fixed-header .dsvy-sticky-bg-color-custom{ background-color: var(--dsvy-politicia-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-politicia-main-menu-sticky-color); } /* -------------------------------------- * A tag * ---------------------------------------*/ a{ color: var(--dsvy-politicia-link-color-normal); } a:hover{ color: var(--dsvy-politicia-link-color-hover); } /* -------------------------------------- * site-title * ---------------------------------------*/ .site-title { height: var(--dsvy-politicia-header-height); } .site-title img.dsvy-main-logo{ max-height: var(--dsvy-politicia-logo-height); } .site-title img.dsvy-responsive-logo{ max-height: var(--dsvy-politicia-responsive-logo-height); } /*=== Sticky logo ===*/ .site-header.dsvy-fixed-header .site-title img.dsvy-main-logo{ max-height: var(--dsvy-politicia-sticky-logo-height); } /* -------------------------------------- * Global color * ---------------------------------------*/ .dsvy-color-globalcolor, .dsvy-globalcolor, .globalcolor{ color: var(--dsvy-politicia-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-politicia-global-color); } /*=== Global Text Color ===*/ .dsvy-globalcolor, .dsvy-skincolor{ color: var(--dsvy-politicia-global-color); } /*=== Global Border Color ===*/ .post.sticky{ border-color: var(--dsvy-politicia-global-color); } /* -------------------------------------- * Secondary Color * ---------------------------------------*/ /*=== Secondary BG Color ===*/ .dsvy-bg-color-secondarycolor, .dsvy-bg-color-secondary{ background-color: var(--dsvy-politicia-secondary-color); } /*=== Secondary Text Color ===*/ .dsvy-color-secondarycolor{ color: var(--dsvy-politicia-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-politicia-gradient-color-first) 0%, var(--dsvy-politicia-gradient-color-last) 100%); background-image: linear-gradient(to right, var(--dsvy-politicia-gradient-color-first) , var(--dsvy-politicia-gradient-color-last) ); } .dsvy-footer-section.dsvy-bg-color-gradientcolor:before{ background-image: -ms-linear-gradient(right, var(--dsvy-politicia-gradient-color-first) 0%, var(--dsvy-politicia-gradient-color-last) 100%) !important; background-image: linear-gradient(to right, var(--dsvy-politicia-gradient-color-first) , var(--dsvy-politicia-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-politicia-gradient-color-first), var(--dsvy-politicia-gradient-color-last)); } /* -------------------------------------- * Light Color * ---------------------------------------*/ .dsvy-btn-style-flat.dsvy-btn-color-light .elementor-button, .dsvy-bg-color-light{ background-color: var(--dsvy-politicia-light-bg-color); } .dsvy-btn-style-text.dsvy-btn-color-light .elementor-button{ color: var(--dsvy-politicia-light-bg-color); } .dsvy-btn-style-outline.dsvy-btn-color-light .elementor-button{ border-color: var(--dsvy-politicia-light-bg-color); color: var(--dsvy-politicia-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: 70px; } .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; color: var(--dsvy-politicia-blackish-color); } .dsvy-responsive-icons .dsvy-cart-wrapper.dsvy-show-cart-amount-no a { padding-left: 25px; } .dsvy-responsive-icons .dsvy-cart-wrapper a:before { content: "\e83c"; 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-politicia-global-color); color: var(--dsvy-politicia-white-color); line-height: 20px; width: 20px; text-align: center; border-radius: 50%; font-size: 13px; } .dsvy-responsive-icons .dsvy-header-search-btn { font-size: 18px; position: relative; top: 0; line-height: normal; } /*==================================== 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; } .admin-bar .closepanel{ top: 70px; } .closepanel{ position: absolute; z-index: 99; right: 20px; margin-left: -20px; top: 30px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; cursor: pointer; font-size: 25px; color: var(--dsvy-politicia-blackish-color); border: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*=== Responsive menu ===*/ .dsvy-responsive-icons{ display: flex; } .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%); } /*=== Responsive menu ===*/ .dsvy-mobile-menu-bg{ display: block; } .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: -400px; z-index: 1000; width: 300px; height: 100%; padding: 0; display: block; 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(400px); -ms-transform: translateX(400px); transform: translateX(400px); opacity: 0; } .dsvy-navbar > div.active { right: 0px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; overflow-y: scroll; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; opacity: 1; } .dsvy-navbar > div > ul{ padding: 90px 0; } .admin-bar .dsvy-navbar > div > ul{ padding: 110px 0; } .dsvy-navbar > div > ul > li{ border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .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 rgba(156, 135, 135, 0.1); } .sub-menu-toggle{ display: block; position: absolute; right: 25px; top: 15px; cursor: pointer; } .dsvy-navbar ul ul{ background-color: transparent !important; } /*=== 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-politicia-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: var(--dsvy-politicia-blackish-bg-color) !important; } .dsvy-responsive-header-bgcolor-white{ background-color: #fff!important; } .dsvy-responsive-header-bgcolor-blackish{ background-color: var(--dsvy-politicia-blackish-bg-color)!important; } .dsvy-responsive-header-bgcolor-globalcolor{ background-color: var(--dsvy-politicia-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-politicia-sticky-logo-height); } body .dsvy-navbar > div > ul > li, body .dsvy-navbar > div > ul > li > a{ line-height: var(--dsvy-politicia-header-height) !important; height: var(--dsvy-politicia-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-politicia-sticky-header-height) !important; height: var(--dsvy-politicia-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-politicia-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-politicia-global-color); } .dsvy-navbar ul > li > ul li:hover > a { color: var(--dsvy-politicia-global-color) !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; } /* 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-politicia-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 15px; } /* 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-politicia-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-politicia-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-navbar > div > ul > li.menu-item-has-children, .dsvy-navbar > div > ul > li.page_item_has_children{ padding-right: 10px; } .dsvy-navbar > div > ul > li.menu-item-has-children:after, .dsvy-navbar > div > ul > li.page_item_has_children:after{ font-family: "designervily-base-icons"; font-size: 11px; content: "\e811"; position: absolute; top: 3px; right: 5px; color: var(--dsvy-politicia-blackish-color); } /*=== dsvy-search-cart-box ===*/ .dsvy-search-cart-box .dsvy-cart-wrapper a, .dsvy-search-cart-box .dsvy-header-search-btn a{ font-size: 20px; } .dsvy-search-cart-box .dsvy-cart-wrapper a .amount{ font-size: 13px; } .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-politicia-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: -12px; left: -14px; background-color: var(--dsvy-politicia-global-color); color: var(--dsvy-politicia-white-color); height: 16px; line-height: 16px; width: 16px; text-align: center; border-radius: 50%; font-size: 12px; } .dsvy-search-cart-box .dsvy-cart-wrapper a:before { content: "\e86a"; 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; } }