/*-------------------------------------------------------------- # Uikit Overrides --------------------------------------------------------------*/ .uk-container { max-width: 1170px; } .uk-container-expand { max-width: none; } .uk-navbar-container:not(.uk-navbar-transparent) { background: #ffffff; } a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link { color: #1b1b1b; } .uk-select:not([multiple]):not([size]) { background-image: url(../img/drop-down-arrow.png); background-repeat: no-repeat; background-position: 95% 50%; background-size: 10px; } .uk-light .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { background-image: url(../img/drop-down-arrow-light.png); background-repeat: no-repeat; background-position: 90% 50%; background-size: 10px; } .uk-light h1, .uk-light .uk-h1, .uk-light h2, .uk-light .uk-h2, .uk-light h3, .uk-light .uk-h3, .uk-light h4, .uk-light .uk-h4, .uk-light h5, .uk-light .uk-h5, .uk-light h6, .uk-light .uk-h6, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary > :not([class*='uk-card-media']) h1, .uk-card-primary > :not([class*='uk-card-media']) .uk-h1, .uk-card-primary > :not([class*='uk-card-media']) h2, .uk-card-primary > :not([class*='uk-card-media']) .uk-h2, .uk-card-primary > :not([class*='uk-card-media']) h3, .uk-card-primary > :not([class*='uk-card-media']) .uk-h3, .uk-card-primary > :not([class*='uk-card-media']) h4, .uk-card-primary > :not([class*='uk-card-media']) .uk-h4, .uk-card-primary > :not([class*='uk-card-media']) h5, .uk-card-primary > :not([class*='uk-card-media']) .uk-h5, .uk-card-primary > :not([class*='uk-card-media']) h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-h6, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary > :not([class*='uk-card-media']) h1, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, .uk-card-secondary > :not([class*='uk-card-media']) h2, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, .uk-card-secondary > :not([class*='uk-card-media']) h3, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, .uk-card-secondary > :not([class*='uk-card-media']) h4, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, .uk-card-secondary > :not([class*='uk-card-media']) h5, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, .uk-card-secondary > :not([class*='uk-card-media']) h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, .uk-overlay-primary h1, .uk-overlay-primary .uk-h1, .uk-overlay-primary h2, .uk-overlay-primary .uk-h2, .uk-overlay-primary h3, .uk-overlay-primary .uk-h3, .uk-overlay-primary h4, .uk-overlay-primary .uk-h4, .uk-overlay-primary h5, .uk-overlay-primary .uk-h5, .uk-overlay-primary h6, .uk-overlay-primary .uk-h6, .uk-offcanvas-bar h1, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar h6, .uk-offcanvas-bar .uk-h6, .uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-offcanvas-bar .uk-form-label, .uk-select:not([multiple]):not([size]) option, .uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar { color: rgba(255, 255, 255, 1); } .uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a { color: rgba(255,255,255,1); } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a { color: rgba(255,255,255,.8); } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default .uk-nav-sub a:focus, .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover { color: rgba(255,255,255,1); } .uk-form-icon { width: 45px; } .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.3); } .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 45px !important; } .uk-modal-close-full { background: transparent; } .uk-heading-xlarge { font-size: 3rem; line-height: 1; } .uk-input, .uk-select, .uk-textarea { font-size: 0.9375rem; /* 15px */ } .uk-button-link { color: inherit; } .uk-button { font-style: normal; font-family: 'Brandon Grotesque'; font-weight: bold; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; letter-spacing: 2px; color: inherit; font-size: 0.6875rem /* 11px */; padding: 0 20px; } .uk-button .rotate { margin-left: 2px; display: inline-block; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .uk-button:hover .rotate { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .uk-button-large { padding: 0 28px; line-height: 47px; height: 49px; font-size: 0.75rem; /* 12px */ } .uk-button-default { border-color: #b00726; color: #000; } .uk-button-default:hover, .uk-light .uk-button-default:hover { border-color: #64943e; } .redhover.uk-button-default:hover, .uk-light .redhover.uk-button-default:hover { border-color: #b00726; background-color: #b00726; color: #fff; } .uk-light .uk-button-default { color: rgba(255,255,255,0.85); } .uk-light .uk-button-default:hover { color: rgba(255,255,255,1); background-color: #64943e; } .uk-button-primary, .uk-light .uk-button.uk-button-primary { background-color: #b00726; border-color: #b00726; color: #ffffff; } .uk-button-primary:hover, .uk-button-primary:focus, .uk-light .uk-button-primary:hover, .uk-light .uk-button-primary:focus { background-color: #64943e; border-color: #64943e; color: #ffffff; } .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #b00726; } .uk-button-secondary { background-color: #83957e; color: #ffffff; } .uk-button-secondary:hover, .uk-button-secondary:focus { background-color: #768771; } .uk-button-secondary:active, .uk-button-secondary.uk-active { background-color: #768771; } .uk-button-dark { background-color: #2a3747; border: 1px solid #2a3747; color: #fff; } .uk-button-dark:hover, .uk-button-dark:focus { background-color: transparent; border-color: #768771; } .uk-button-dark:active, .uk-button-dark.uk-active { background-color: transparent; border-color: #768771; } .uk-background-primary { background-color: #b00726; } .uk-background-muted { background-color: #eeece8; } .uk-background-secondary { background-color: #64943e; } .uk-card-secondary { background: #2a3747; box-shadow: none; } .uk-card-default, .uk-card-default .uk-card-title { color: #000; } .uk-card-primary { background: #5f7a79; box-shadow: none; } .uk-card-body { line-height: 1.8; } .uk-card-title, .section-title { font-family: 'Brandon Grotesque'; font-weight: bold; font-size: 1.125rem /* 18px */; text-transform: uppercase; letter-spacing: 3.6px; line-height: 1.7; margin-bottom: 30px; } .section-title .subtitle { font-size: 12px; text-transform: uppercase; letter-spacing: 2.6px; margin-top: 10px; color: #1b1b1b; } .uk-light .section-title .subtitle { color: rgba(255, 255, 255, 1); } .section-title2 { font-size: 1.6875rem /* 27px */; line-height: 1.7; margin-bottom: 40px; } @media (min-width: 960px){ .uk-width-medium\@m { width: 336px; } } @media (min-width: 1200px){ .uk-button-large { padding: 0 35px; line-height: 55px; height: 57px; } .uk-card-body { padding: 80px 80px; } } @media (max-width: 640px){ .uk-button-large { padding: 0 20px; letter-spacing: 1.5px; } .section-title2 { font-size: 1.375rem /* 22px */; line-height: 1.6; } } hr { border-top: 0; } article:last-child hr { visibility: hidden; } form { position: relative; z-index: 0; } /*-------------------------------------------------------------- # General Styles --------------------------------------------------------------*/ html { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #000000; line-height: 1.7; } body, button, input, select, optgroup, textarea { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #000000; } a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link { text-decoration: none; } h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 { color: #1b1b1b; } h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: 300; } .uk-h3 { font-size: 1.4375rem; } .uk-link, a { color: #bd1717; } .uk-link:focus, a:focus { outline:0; } a.no-underline:hover { text-decoration: none; } p { margin: 0 0 30px 0; } .post, .page { margin: 0; } .animateInitState { visibility: hidden; } .animateInitState.uk-scrollspy-inview { visibility: visible; } .size13 { font-size: 0.8125rem /* 13px */; } .size14 { font-size: 0.875rem /* 14px */; } .size15 { font-size: 0.9375rem /* 15px */; } .size18 { font-size: 1.125rem /* 18px */; } .fwb { font-weight: 700; } .small-title { font-size: 1.125rem; /* 18px; */ letter-spacing: 2px; text-transform: uppercase; font-weight: 700; margin-bottom: 36px; line-height: 34px; } .content .desc { margin-bottom: 36px; line-height: 1.8; } .content .desc.size21 { margin-bottom: 0; line-height: 30px; } .uk-heading-large { font-family: "Brandon Grotesque", sans-serif; margin-top: 0; } .flip-vert { transform: scaleY(-1); /* flip image vertically */ } .checklist li { position: relative; padding-left: 40px; letter-spacing: -0.5px; } .checklist li:before { content: "\e5ca"; font-family: 's9dicons'; font-style: normal; line-height: 1; border: 0; display: block; position: absolute; left: 0; width: auto; margin: 0; top: 1px; font-size: 22px; } .checklist li:last-child { } .fs14 { font-size: 1rem /* 17px */; } .fs17 { font-size: 1rem /* 17px */; } @media (min-width: 640px){ .fs14 { font-size: 0.875rem /* 14px */; } .fs17 { font-size: 1.0625rem /* 17px */; } } .red { color: #b00726 !important } @media (min-width: 1200px){ .uk-heading-large { font-size: 4.3125rem /* 69px */; line-height: 4.875rem /* 78px */; margin-bottom: 40px !important; } .size18 { font-size: 1.25rem /* 20px */; } .content .desc.size20 { line-height: 34px; } } @media (max-width: 640px){ .size13 { font-size: 0.875rem /* 14px */; } } input[type=checkbox] { /* display: inline-block; */ height: 18px !important; width: 18px !important; overflow: hidden; margin-top: 0; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ccc; transition: .2s ease-in-out; transition-property: background-color,border; margin-right: 5px; } .wpgdprc-checkbox { display: inline-table !important; } .wpgdprc-required { text-decoration: none !important; } .comment-form-gdpr { margin-top: 10px; } /*-------------------------------------------------------------- # Header Styles --------------------------------------------------------------*/ .uk-navbar-container>.uk-container .uk-navbar-left { margin-left: -20px; margin-right: -20px; } .uk-navbar-container>.uk-container .uk-navbar-right { margin-right: -20px; } .uk-nav.phone-numbers { z-index: 1040; } .home .tm-header-overlay, .home .s9d-header-mobile { position: absolute; z-index: 900; left: 0; right: 0; width: 100%; } .home .tm-header { padding-top: 20px; padding-top: 2vh; z-index: 900; } .home .s9d-header-mobile .uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; } .home .uk-logo img { max-width: 120px; } .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { min-height: 86px; } .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle, .uk-navbar-dropdown, .uk-nav-primary li a, .uk-nav-default>li>a, .uk-nav-default .uk-nav-sub a { font-family: 'Brandon Grotesque'; font-weight: bold; font-size: 0.75rem /* 12px */; text-transform: uppercase; letter-spacing: 2px; } .uk-navbar-dropdown-nav>li>a { font-size: 0.6875rem /* 11px */; line-height: 13px; } .uk-navbar-dropdown { border-radius: 6px; } .uk-navbar-nav>li>a { color: #212020; } .uk-navbar-nav>li.uk-active>a { color: #b00726; } .uk-offcanvas-bar { padding: 20px 30px; background-image: url(../img/bg-red.jpg); background-size: cover; background-position: left center; } .uk-offcanvas-bar hr { border: 0; box-shadow: inset 0 0 1px #fff; background: rgb(255 255 255 / 10%); } ul.uk-nav-sub { padding: 5px 0 10px 15px; } .uk-nav-primary li a { line-height: 1.7; color: #999; } .uk-nav-primary>li>a { font-size: 1rem; line-height: 1.5; color: #999; } .uk-logo img { max-width: 90px; } .uk-sticky-fixed .uk-logo img { max-width: 90px; } .uk-navbar-sticky { box-shadow: 2px 4px 16px rgba(34,32,30,.12); } .phone .uk-button { font-size: 1.125rem; } .phone .uk-button span { position: relative; top: 1px; } .mobile-btn { padding: 0 15px; font-size: 1rem; color: #111; letter-spacing: 1px; } .mobile-btn .s9dicons { margin-right: 5px; } .hero-banner .signin.uk-button-default { border-width: 3px; } .uk-nav>li>a { padding: 6px 0; } .s9d-header-mobile ul.uk-nav-sub { padding: 10px 0 10px 15px; } .s9d-header-mobile .uk-nav-sub a { padding: 5px 0; } .s9d-header-mobile .uk-nav>li>a { padding: 10px 0; line-height: 14px; } .s9d-header-mobile .cta-btn .uk-button:hover { border-color: #ffffff; } .s9d-header-mobile .wpml-ls-menu-item .wpml-ls-flag { top: 1px; } .wpml-ls-menu-item .wpml-ls-flag { position: relative; top: -2px; } .uk-navbar-dropdown-nav>li.wpml-ls-item>a { display: flex; } .wpml-ls-menu-item .wpml-ls-flag+span { margin-left: .5em; } .telephone { padding-right: 5px; color: #b00726; } .telephone:hover { color: #64943e; } .telephone .menuicon { font-size: 1.5rem; } .cta-btn .uk-button { background: #64943e; color: #fff; border-color: transparent; border-radius: 2px; } .cta-btn .uk-button:hover { background: #b00726; border-color: transparent; } .s9d-header-mobile .cta-btn .uk-button:hover, .uk-offcanvas-bar .cta-btn .uk-button:hover { border-color: #fff; } .s9d-header-mobile .wpml-ls-menu-item .wpml-ls-flag, .uk-offcanvas-bar .wpml-ls-menu-item .wpml-ls-flag { top: 1px; } .phonenumbers { z-index: 2222 } .phonenumbers ul li:last-child { padding-bottom: 5px; } .phonenumbers .uk-dropdown-nav .uk-nav-header { padding-bottom: 0; padding-top: 10px; } .s9d-header-mobile .boundary a { color: #bd1717; } @media (min-width: 960px) { .hero-banner .signin.uk-button-primary { min-width: 215px; } } @media (min-width: 1200px) { /* .home .uk-logo img { max-width: 90%; } .home .uk-sticky-fixed .uk-logo img { max-width: 90px; } */ } @media (max-width: 1200px) { .home .uk-logo { position: absolute; margin: 10px; top: 0; left: 0; margin-left: 0; } } @media (max-width: 640px) { .signin { font-size: 0.875rem /* 14px */; } } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ @media (min-width: 960px) { .inner-left { padding-left: calc((100vw - 975px) / 2); padding-left: 40px; } .inner-right { padding-right: calc((100vw - 975px) / 2); } .content.uk-padding-large { padding: 60px; } .uk-section.custom-pad { padding-top: 87px; padding-bottom: 87px; } .height-685 { height: 685px; } .uk-width-large\@m { width: 498px; } .width57 { width: 55%; } .width43 { width: 45%; } } @media (min-width: 1200px) { .inner-left { padding-left: calc((100vw - 1185px) / 2); } .inner-right { padding-right: calc((100vw - 1185px) / 2); } .content.uk-padding-large { padding: 78px; } } /*-------------------------------------------------------------- #Main Banner --------------------------------------------------------------*/ .main-subtitle { letter-spacing: 3px; margin-bottom: 30px; } .main-title { letter-spacing: 0; margin-bottom: 30px; } .mobile-cta .s9dicons { font-size: 14px; position: relative; top: 2px; } .home .banner-caption { padding-top: 120px; padding-right: 10%; } .hero-banner .caption { margin-top: 75px; margin-top: 8vh; } .home .banner-caption .sitetitle { font-family: 'Brandon Grotesque'; font-weight: bold; text-transform: uppercase; color: #64943e; text-transform: uppercase; font-size:50px; } .home .banner-caption .sitetitle span { color: #b00726; } .hero-banner .caption .uk-button-default { border-width: 3px; } @media (min-width: 960px) { .hero-banner .caption { margin-left: 17px; } .hero-banner .caption .uk-button-primary { min-width: 215px; } .hero-banner .caption .uk-button-default { padding: 0 42px; } .main-title { margin-bottom: 48px; } .home .banner-caption { padding-left: 26px; } } @media (min-width: 640px) { .herobanner { align-items: center; } .banner-caption { padding-top: 0; padding-right: 0; } } .home .banner-caption .sub { word-spacing: -5px; } @media (min-width: 1200px) { .main-title { font-size: 4.0625rem /* 65px */; line-height: 1.29; } } @media (max-width: 640px) { .hero-banner .banner-logo img { max-width: 126px; } .hero-banner .caption .uk-button { line-height: 38px; height: 40px; font-size: 0.625rem; } } @media (max-width: 480px) { .hero-title { font-size: 2.3rem; } .home .banner-caption .sub { font-size: 25px; width: 70%; word-spacing: normal; margin-top: 10px; } } /*-------------------------------------------------------------- #Sections --------------------------------------------------------------*/ .intro-block .section-title { margin-bottom: 40px; } .intro-block .content .desc { margin-bottom: 36px; line-height: 1.7; } .intro-block .uk-list > :nth-child(n+2), .intro-block .uk-list > * > ul { margin-top: 18px; line-height: normal; } .intro-block .uk-list li { margin-bottom: 24px !important; line-height: 1.6; } .intro-block .content .desc { letter-spacing: -0.5px; } .tailored-section .section-title { margin-bottom: 34px; } .tailored-section .content .desc { margin-bottom: 0; line-height: 1.8; } .tailored-section p { margin: 0 0 20px 0; } .tailored-section p:last-child { margin-bottom: 0; } .features-section .section-title { } .features-section h4.section-title { font-size: 0.9375rem; /* 15px */ line-height: 1.6; } .features-section .features-list { padding-top: 40px; } .features-section .content { padding: 40px 20px 20px 20px } .features-section .features-list .uk-overlay { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,1b1b1b+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(27,27,27,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */ } .features-section .features-list .uk-cover-container .uk-cover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; transform: translate(-50%,-50%) scale(1); } .features-section .features-list .uk-cover-container:hover .uk-cover { transform: translate(-50%,-50%) scale(1.02); } .testimonials-slider .wrapper { padding: 20px; } .testimonials-slider .remark { font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.375rem /* 22px */; line-height: 1.4; } .testimonials-slider .source { font-family: 'Brandon Grotesque'; font-weight: bold; font-size: 0.75rem /* 12px */; letter-spacing: 2px; } .testimonials-slider .rating{ margin-bottom: 52px; } .testimonials-slider .remark { margin-bottom: 60px; } .testimonials-block svg { width: 8px; color: #fff; } .testimonials-block .outside .uk-slidenav { background: #a20623; padding: 12px; color: #fff; border-radius: 50%; width: 40px; height: 40px; line-height: 36px; text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .testimonials-block .outside .uk-slidenav:hover { background: #64943e; } .testimonials-block .outside.uk-dotnav { margin-top: 40px !important; } .testimonials-block.uk-light .outside.uk-dotnav > * > * { background-color: #84031b; border-color: #84031b; } .testimonials-block.uk-light .outside.uk-dotnav > .uk-active > *, .testimonials-block.uk-light .outside.uk-dotnav > * > :hover { background-color: #fff; } .testimonials-block .testimonial p { margin: 0 0 5px 0; } .testimonials-slider { visibility: hidden; opacity: 0; transition: all ease-in-out .3s; } .testimonials-slider.slick-slider.slick-initialized { visibility: visible; opacity: 1; } .testimonials-block .slick-dots { position: relative; bottom: 0; display: flex; justify-content: center; flex-wrap: wrap; } .testimonials-block .slick-dots li { width: 11px; height: 11px; margin: 0 6px 8px; } .testimonials-block .slick-dots li button { width: 11px; height: 11px; padding: 0; } .testimonials-block .slick-dots li button:before { font-size: 11px; line-height: 14px; width: 11px; height: 11px; opacity: 1; color: #84031b; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .testimonials-block .slick-dots li button:hover:before, .testimonials-block .slick-dots li button:focus:before { opacity: 0.85; color: #fff; } .testimonials-block .slick-dots li.slick-active button:before { opacity: 1; color: #fff; } .testimonials-block .outside .uk-slidenav { box-sizing: content-box; } .whychoose-section .icon { margin-bottom: 50px; } .whychoose-section img { max-height: 100px; } .whychoose-section .section-title { margin-bottom: 40px; } .whychoose-section h3 { margin-bottom: 18px; } .whychoose-section .content .desc { margin-bottom: 40px; line-height: 1.7; } .quote-ctas .btn { background-color: #b00726; color: #fff; /* padding-left: 15px; */ font-style: normal; font-family: 'Brandon Grotesque'; font-weight: bold; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; letter-spacing: 2px; text-transform: uppercase; font-size: 0.75rem; } .quote-ctas .btn:hover { background-color: #64943e; box-shadow: 2px 4px 10px rgb(0 0 0 / 60%); } .quote-ctas .btn .title { padding: 20px 15px } .quote-ctas .btn .icon span { margin-left: 15px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .quote-ctas .btn:hover .icon span { transform: rotate(360deg) scale(1.4); } .faqs-wrapper .uk-accordion-title { font-size: 1.0625rem; line-height: 1.4; color: #000; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .faqs-wrapper li.uk-open .uk-accordion-title { color: #64943e; } .faqs-wrapper .uk-accordion-content { padding: 20px; border-radius: 6px; } @media (min-width: 960px) { .intro-block .section-title { margin-bottom: 56px; } .intro-block .content .desc { margin-bottom: 50px; line-height: 1.7; } .tailored-section .content { padding-left: 30px; padding-right: 0; } .intro-block .uk-button-default, .tailored-section .uk-button, .whychoose-section .uk-button{ min-width: 217px; } .features-section .features-list { padding-top: 62px; } .features-section .uk-width-2-5\@m { width: 37%; } .features-section .content .desc { margin-bottom: 0; } .testimonials-slider .wrapper { padding: 40px; } .testimonials-slider .section-title2 { margin-bottom: 80px; } .whychoose-section.uk-section-large { padding-top: 132px; } .whychoose-section .section-title { margin-bottom: 83px; } .whychoose-section .content .desc { padding: 0 20px; margin-bottom: 59px; } .faqs-wrapper .uk-accordion-content { padding: 30px; } } .truck { margin-top: -44vh; padding-left: 20px; } @media (min-width: 640px) { .truck { margin-top: -44vh; padding-left: 70px; } } @media (min-width: 1200px) { .truck { padding-left: 70px; } .features-section .uk-grid { margin-left: -50px; } .features-section .uk-grid > * { padding-left: 50px; } .quote-ctas .uk-button-large { padding: 0 20px; } } @media (max-width: 1200px) { .features-section .features-list .inner .uk-cover-container { max-width: 300px; margin: 0 auto; } } @media (max-width: 960px) { .intro-block .uk-list { margin-top: 30px; } .intro-block .uk-list li { display: inline-block; margin-bottom: 10px !important; padding-left: 32px; } .testimonials-slider .testimonial { margin-bottom: 60px; } .testimonials-slider .rating, .testimonials-slider .remark { margin-bottom: 30px; } .testimonials-block .outside .uk-slidenav { display: none; } .tailored-section .min450 { max-height: 450px; } } @media (max-width: 640px) { .features-section .features-list .inner .uk-cover-container { max-width: 300px; } .tailored-section .min450 { max-height: 400px; } } /*-------------------------------------------------------------- # Form Styles --------------------------------------------------------------*/ .select2-container { min-width: 100%; } .forms .title { letter-spacing: 2px; font-size: 13px; } .forms .select2-container--default .select2-selection--single { background-color: transparent; color: rgb(255, 255, 255); border-color: rgba(211, 211, 211, 0.2); border-radius: 0px; } .forms .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(255, 255, 255); line-height: 55px; /* padding-left: 0;*/ } .forms .select2-container .select2-selection--single, .forms .select2-container--default .select2-selection--single .select2-selection__arrow { height: 55px; outline: 0; background-color: #b00726; color: rgb(255, 255, 255); border-color: #d3d3d3; } .forms .select2-container--default .select2-selection--single .select2-selection__arrow b { content: ""; background-image: url(../img/select-icon.png); background-size: 11px 7px; background-repeat: no-repeat; background-position: 100% 50%; border: 0; height: 7px; left: 50%; top: 50%; width: 11px; display: inline-block; } .forms .select2-container--default .select2-selection--single .select2-selection__arrow { right: 12px; width: 11px; height: 50px; } .forms .form-grid { margin-top: 30px; margin-bottom: 20px !important; } .forms .form-margin { margin-bottom: 5px; } .forms .uk-margin { position: relative; margin-bottom: 5px; } .forms .uk-form-label { text-transform: uppercase; font-size: 0.625rem /* 10px */; letter-spacing: 1.7px; word-spacing: 2px; margin-bottom: 0; font-family: "Brandon Grotesque", sans-serif; font-weight: 500; display: inline-block; width: auto; z-index: 1; color: rgba(255, 255, 255, 1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; margin-left: 10px; margin-top: -8px; padding: 0 10px; background: #b00726; } .forms .uk-checkbox { height: 48px; width: 48px; padding: 0 10px; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; background-color: rgb(26, 40, 53); color: rgb(255, 255, 255); border-color: rgb(26, 40, 53); } .forms .uk-light .uk-checkbox:focus, .forms .uk-light .uk-checkbox:checked { background-color: rgba(26, 40, 53, 0.75); color: rgb(255, 255, 255); border-color: rgba(26, 40, 53, 0.5); } .forms .uk-light .uk-checkbox:checked { background-image: url(../img/check-mark.png); background-size: 15px; } .forms .check-label { font-size:0.625rem; letter-spacing: 0.125rem; height: 48px; } .form-dark p { color: rgb(255, 255, 255); font-size: 0.875rem; } .form-dark .uk-input, .form-dark .uk-select, .form-dark .uk-textarea { background-color: #b00726; color: rgb(255, 255, 255); border-color: #d3d3d3; } .form-dark .uk-input:focus, .form-dark .uk-select:focus, .form-dark .uk-textarea:focus { background-color: transparent; color: rgb(255, 255, 255); border-color: rgb(184, 182, 182); } .forms .uk-margin:hover .uk-form-label { color: rgba(255, 255, 255, 0.75); } .form-dark .uk-margin:hover .uk-input, .form-dark .uk-margin:hover .uk-select, .form-dark .uk-margin:hover .uk-textarea { border-color: rgba(255, 255, 255, 0.75); } .form-dark .form-title { margin-bottom: 40px; } #download.forms .uk-form-label { background: #ffffff; } #download.forms .form-grid { margin-bottom: 0 !important; } #download .title .uk-select:not([multiple]):not([size]), #callback-form .title .uk-select:not([multiple]):not([size]) { background-position: 85% 50%; } @media (min-width: 960px) { .forms form, .forms p { padding: 0 5px; } #download-form { margin-top: 20px; } .forms .uk-width-4-5\@m { width: 83%; } .forms .form-margin .consent { min-height: 74px; } .forms #download-form .uk-margin { margin-bottom: 6px; } } @media (min-width: 1200px) { .forms .form-title p { padding: 0 67px; } .forms .form-container { width: calc(140px + 700px) ; } .form-dark .form-title { margin-bottom: 28px; } } @media (max-width: 640px) { #callback .callback-container { padding-left: 15px; padding-right: 15px; } #download .download-container { padding-left: 10px; padding-right: 10px; } } /* Change the white to any color ;) */ .forms input:-webkit-autofill, .forms input:-webkit-autofill:hover, .forms input:-webkit-autofill:focus, .forms input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #b00726 inset !important; } /*Change text in autofill textbox*/ .forms input:-webkit-autofill { -webkit-text-fill-color: #fff !important; } .form-dark .uk-light .uk-button-default { border-color: #fff; letter-spacing: 2px; background: #fff; color: #4e2d4c; } .form-dark .uk-light .uk-button-default:hover, .form-dark .uk-light .uk-button-default:focus { border-color: #64943e; background: #64943e; color: #fff; } /*-------------------------------------------------------------- # Footer Style --------------------------------------------------------------*/ .footer-section { background-position-y: -40vh; background-color: #f2f4f6; } .office-address { margin: 0; padding: 0; list-style: none; } .office-address li { position: relative; padding-left: 0; margin-top: 0; font-size: 0.875rem /* 14px */; } .office-address li.address { padding-left: 0; margin-bottom: 10px; font-size: 1rem; } .office-address li.opening { margin-top: 10px; } .office-address .uk-icon { margin: 0; position: absolute; left: 0; top: 4px; } .site-footer { line-height: 20px; } .site-footer ol, .site-footer ul { padding: 0; list-style: none; } .site-footer .section-title { font-size: 0.875rem /* 14px */; text-transform: uppercase; letter-spacing: 2px; } .copyright { font-size: 0.75rem /* 12px */; } .footer-section .socialmedia { font-family: 'Brandon Grotesque'; font-size: 0.75rem /* 12px */; letter-spacing: 3px; text-transform: uppercase } .social-media a { color: rgb(0 0 0 / 30%); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; padding: 0 17px; } .social-media a:hover { color: rgb(0 0 0 / 50%); } .social-media svg { width: 24px; } .site-footer .footer-social .section-title { margin-bottom: 20px; } .site-footer .widget_nav_menu ul { display: flex; flex-wrap: wrap; justify-content: center; font-size: 0.75rem /* 12px */; } .site-footer .widget_nav_menu li { padding: 0 15px; } @media (min-width: 960px) { .copyright-section.uk-section { padding-top: 92px; } .social-media a { padding-left: 0; } .site-footer .widget_nav_menu li { padding-right: 0; } .site-footer .widget_nav_menu ul { justify-content: right; } } @media (max-width: 640px) { .footer-section .logo img{ max-width: 150px; } .social-media a { padding: 0 10px; } } /*-------------------------------------------------------------- # Footer CTA --------------------------------------------------------------*/ .footer-social .uk-list li { margin: 0; } .footer-social .uk-list li a { outline: 0; } #footer-callback { z-index: 999; transition: all .3s ease-out; } #footer-callback .caption { font-family: 'Brandon Grotesque'; font-weight: 500; color: rgba(255, 255, 255, 1); font-weight: 500; font-size: 0.75rem /* 12px */; letter-spacing: 3px; } #footer-callback .caption a { position: relative; display: inline-block; outline: 0; } #footer-callback .caption a:after { content: ""; height: 2px; position: absolute; bottom: 0; display: block; width: 100%; margin-bottom: -2px; background: #ffffff; background: linear-gradient(to right, #ffffff 49%, transparent 50%); background-size: 200% 100%; background-position: right bottom; transition: all .2s ease-out; } #footer-callback .caption a:hover:after { background-position: left bottom; } @media (min-width: 640px) { #footer-callback .request-callback { padding: 25px 0; } } #footer-callback.bottomCta { display: none; } /*-------------------------------------------------------------- # Loading - Sweetalert --------------------------------------------------------------*/ .main-loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-image: url('../img/spinner.svg'); background-size: 100%; width: 80px; height: 80px; box-shadow: 0 0 40px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.05); -ms-box-shadow: 0 0 40px rgba(0,0,0,0.05); -o-box-shadow: 0 0 40px rgba(0,0,0,0.05); z-index: 999999; } /*-------------------------------------------------------------- # Page Loading Style --------------------------------------------------------------*/ .theme-dark.introLoader.simpleLoader { background-color: #4f2c4d; } /*-------------------------------------------------------------- # Top Top --------------------------------------------------------------*/ .bck { position: fixed; bottom: 1rem; right: 1rem; background: rgba(0,0,0,.8); color: rgba(255,255,255,.7) !important; visibility: hidden; width: 50px; height: 50px; line-height: 50px; text-align:center; transition-property: all; text-decoration: none !important; transition: all 0.1s ease-in; bottom: 12px; z-index: 999999; } .bck:hover { color: rgba(255,255,255,1) !important; } .bck.bck-on {visibility: visible;} .s9d .CarouselWidget-prefix .u-marginBottom--xs { margin-bottom: 15px!important; font-size: 12px; } .s9d .CarouselWidget-prefix .R-TextHeading--inline { display: block; margin-bottom: 0; } .s9d .CarouselWidget-prefix .R-TextBody { margin-bottom: 1.5em; } /*-------------------------------------------------------------- # Blocks - Force Full Width --------------------------------------------------------------*/ .site { overflow-x: auto; } .entry-content { margin: 0; } .block-row-full { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .block-row-full > div { padding-left: 30px; padding-right: 30px; } .ar-images-slider .uk-slidenav { background: #a20623; padding: 12px; color: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 26px; text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .ar-images-slider .small .uk-slidenav { width: 15px; height: 15px; background: none !important; padding: 0; } .ar-images-slider .uk-slidenav.uk-invisible { background: #ddd; color: #fff; visibility: visible!important; cursor: not-allowed; } .ar-images-slider .uk-dotnav>.uk-active>* { background-color: #64943e; } .ar-images-slider .uk-slidenav svg { transform: scale(.75); } .ar-images-slider .small .uk-slidenav svg { transform: scale(1.5); } .ar-logos img { max-width: 120px; } .ar-gallery .thumbnail-overlay { background: rgba(100,148,62,.8); color: #ffffff; } .ar-gallery .media-boxes-no-more-entries { display: none !important; } @media (min-width: 640px) { .ar-gallery .s9dgallery { padding: 0 40px; } } @media (min-width: 960px) { .block-row-full > div { padding-left: 20px; padding-right: 20px; } .ar-gallery .s9dgallery { padding: 0 70px; } .ar-gallery .uk-height-medium { height: 200px; } } .ar-steps .uk-card-body { padding: 20px; } .ar-steps .uk-card-body { font-size: 14px; } .ar-contact .uk-card-body { padding: 0; } .ar-contact .uk-card-body .address { padding: 30px 30px; } .ar-contact .uk-card-body .address p { margin: 0 0 20px 0;; } .ar-contact .uk-card-body .address p:last-child { margin-bottom: 0; } @media (min-width: 1200px) { .ar-contact .uk-card-body .address { padding: 40px 40px; } } /******************PAGES ************************/ .map iframe { width: 100%; } .quote-page { background-image: url(../img/bg-gray.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; padding-top: 40px !important; margin-top: 0 !important; } .quote-page .entry-content-wrapper { display: flex; justify-content: center; margin-bottom: 40px; } .quote-page .entry-content { background: #fff; padding: 15px; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); } .quote-page-two .wpcf7 { display: flex; justify-content: center; margin-top: 40px; margin-bottom: 40px; } .quote-page-two .wp-block-contact-form-7-contact-form-selector form { background: #fff; } .quote-page-two .ar-logos { padding-top: 30px; padding-bottom: 70px; } .s9d .wpcf7-form { text-align: center; } @media (min-width: 960px) { .policy .entry-content, .medium-wide .entry-content { padding: 0 12%; } .quote-page { padding-top: 50px !important; } .quote-page .entry-content { width: 75%; padding: 40px 30px; } .quote-page .entry-content-wrapper { margin-bottom: 50px; } .quote-page-two .wp-block-contact-form-7-contact-form-selector form { width: 75%; padding: 40px 30px; } } /******************FORMS C7 ************************/ .s9d .wpcf7 .cf7s-caspar { padding: 0; border: 0; } .s9d .wpcf7-form p br, .s9d .wpcf7-form p:empty { display: none; } .s9d .wpcf7-form p label { text-transform: uppercase; font-size: 0.625rem /* 10px */; letter-spacing: 1.7px; word-spacing: 2px; margin-bottom: 0; font-family: "Brandon Grotesque", sans-serif; font-weight: 500; display: inline-block; width: auto; z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; margin-left: 10px; margin-top: -8px; padding: 0 10px; background: #ffffff; } .s9d .wpcf7-form input, .s9d .wpcf7-form select { height: 55px; } .s9d .wpcf7-form input, .s9d .wpcf7-form select, .s9d .wpcf7-form textarea { padding-left: 12px; padding-right: 12px; width: 100%; max-width: 500px; box-sizing: border-box; } .s9d .wpcf7-form .small input { max-width: 150px; height: 40px; } .s9d .wpcf7-form textarea { padding-top: 20px; padding-bottom: 20px; } .s9d .wpcf7-form input:focus, .s9d .wpcf7-form select:focus, .s9d .wpcf7-form textarea:focus { outline-color: #b00726; outline: 1px; } .s9d .wpcf7-form .desc { font-size: 14px; margin-bottom: 15px; } .s9d .wpcf7-form h3 { margin-bottom: 10px; } /* .s9d .wpcf7-form [type="checkbox"], .s9d .wpcf7-form [type="radio"] { display: inline-block; height: 20px !important; width: 20px !important; overflow: hidden; margin-top: -4px; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ccc; transition: .2s ease-in-out; transition-property: background-color,border; max-width: none; padding: initial; } */ .s9d .stacked .wpcf7-list-item { margin: 5px 0 5px 0; display: block; margin-left: 0; } .s9d .inline .wpcf7-list-item.first { margin-left: 0; } .s9d .wpcf7-list-item input { margin-right: .5rem; } .s9d .wpcf7-form input[type="submit"] { width: auto; max-width: none; min-width: 200px; padding-left: 20px; padding-right: 20px; } .s9d .wpcf7-form .btn-container { display: inline-block; position: relative; } .s9d .wpcf7-form .btn-container .wpcf7-spinner { position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .s9d .wpcf7-form span.wpcf7-list-item { display: inline-block; } .s9d .wpcf7-form .wpcf7 .wpcf7-list-item { display: block; margin-bottom: 10px; } .s9d .wpcf7-form .wpcf7-list-item label { position: relative; cursor: pointer; text-transform: none; font-size: inherit; letter-spacing: inherit; font-family: inherit; word-spacing: inherit; font-weight: normal; margin: 0; padding: 0; display: flex; align-items: center; } .s9d .wpcf7-form input[type=checkbox] { position: relative; visibility: hidden; width: 16px; height: 16px; top: 0; left: 0; margin-top: 4px; padding: 0; box-sizing: border-box; } .s9d .wpcf7-form input[type=checkbox] + span { /* border: 3px solid red; */ } .s9d .wpcf7-form input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 16px; width: 16px; top: 50%; top: 0; left: 0; margin-top: 4px; border: 1px solid #404040; box-sizing: border-box; } .s9d .wpcf7-form input[type=checkbox] + span:after { display: block; position: absolute; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-color: #b00726; background-repeat: no-repeat; background-position: 50% 50%; border-color: transparent; height: 16px; width: 16px; top: 0; left: 0; margin-top: 4px; visibility: hidden; box-sizing: border-box; } .s9d .wpcf7-form input[type=checkbox]:checked + span:before { background: transparent; } .s9d .wpcf7-form input[type=checkbox]:checked + span:after { visibility: visible; } .s9d .wpcf7-wpgdprc { display: block; box-sizing: border-box; } .s9d .wpcf7-form .wpcf7-wpgdprc input[type=checkbox] { margin-top: 0; } .s9d .wpcf7-form .wpcf7-wpgdprc input[type=checkbox] + span:before, .s9d .wpcf7-form .wpcf7-wpgdprc input[type=checkbox] + span:after { margin-top: 3px; } /******************Widgets************************/ .sidebar .widget_block h2 { font-family: 'Brandon Grotesque'; font-weight: bold; font-size: 1.125rem /* 18px */; text-transform: uppercase; letter-spacing: 3.6px; line-height: 1.7; margin-bottom: 0; } .sidebar .widget_block.widget_recent_entries { margin-top: -20px !important; } .sidebar .widget_block .animateInitState { visibility: visible !important; animation: none; } .sidebar .widget_block .block-row-full { width: auto; position: relative; left: auto; right: auto; margin: 0; } .sidebar .widget_block .block-row-full > div { padding: 0; } .sidebar .widget_block .block-row-full .uk-section { padding: 30px 20px; } .sidebar .widget_block .block-row-full .inner-wrapper { width: auto; } .sidebar .widget_block .block-row-full .quote-ctas { margin: 0 !important; } .sidebar .widget_block .block-row-full .quote-ctas > div { width: 100%; padding: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li { display: flex; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-top: 10px; align-items: center; } .wp-block-latest-posts.wp-block-latest-posts__list li:first-child { border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 0; } .wp-block-latest-posts__featured-image { width: 80px; height: 80px; overflow: hidden; position: relative; margin-right: 15px; display: inline-block; } .wp-block-latest-posts__featured-image img { max-width: none; position: absolute; left: 50%; top: 50%; --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y)); } .wp-block-latest-posts.wp-block-latest-posts__list li a { width: calc(100% - 95px); } /*************** Partner Page *************/ .partner-page .uk-button-text { padding: 0; } .ar-partners img { max-width: 150px; border: 1px solid #e5e5e5; padding: 10px; } @media (min-width: 960px) { .partner-page .ar-partners { padding-top: 70px !important; } .partner-page .uk-card-body { padding: 30px 30px; } } /*Hide menu Language Switcher*/ .wpml-ls-menu-item { display: none !important }