/****************************** ****************************** Reset CSS ****************************** *****************************/ :root { font-size: 14px; --primary: #FFFFFF; --secondary: #0F3361; --orange: #FB7400; --yellow: #FFC315; --white: #FFFFFF; --gray: #495B71; --lightgray: #BCBCBC; --bgWhite: 255, 255, 255; --bgGray: 247, 247, 247; --font-family-primary: 'Montserrat', sans-serif; --font-family-secondary: 'Montserrat', sans-serif; } @media (min-width: 768px) { :root { font-size: 14.5px; } } @media (min-width: 992px) { :root { font-size: 15px; } } @media (min-width: 1200px) { :root { font-size: 16px; } } body { font-family: var(--font-family-primary); color: var(--gray); background: rgba(var(--bgWhite), 1.0); transition: background 1.2s ease 0s; } body, html { overflow-x: hidden; } a { color: var(--secondary); text-decoration: none; outline: none; } a:hover { color: var(--primary); text-decoration: none; outline: none; } a:focus { outline: none } .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } /*Form Control*/ .form-control { height: calc(2.75em + 0.75rem + 4px); padding: 0.375rem 1.2rem !important; font-size: 0.875rem; font-weight: 600; color: var(--secondary); background-color: var(--white); border: 1px solid rgba(14, 48, 76, .25); border-radius: 25rem; } .form-control:focus { color: var(--secondary); background-color: var(--white); border-color: var(--orange); box-shadow: none; } .form-control::-webkit-input-placeholder { color: var(--secondary); opacity: 1; } .form-control::-moz-placeholder { color: var(--secondary); opacity: 1; } .form-control:-ms-input-placeholder { color: var(--secondary); opacity: 1; } .form-control::-ms-input-placeholder { color: var(--secondary); opacity: 1; } .form-control::placeholder { color: var(--secondary); opacity: 1; } select.form-control { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230F3361' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1.5rem center; background-size: 16px 12px; font-size: 0.875rem !important; } textarea.form-control { height: 170px !important; border-radius: 1.5rem; resize: none; } /*File Upload*/ .file-upload-wrapper .file-upload-message { position: relative; border: 2px dashed var(--lightgray); width: 100%; height: 100%; border-radius: 1.5rem; display: flex; flex-direction: column; justify-content: center; } .file-upload-wrapper:hover .file-upload-message { border-color: var(--primary); } .file-upload-wrapper .file-upload-message + span.gform_drop_instructions { display: none; } .gform_delete_file { color: var(--lightgray); } .file-upload-wrapper .file-upload-message i.drag-drop-icon { background-image: url("data:image/svg+xml,"); background-color: transparent; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; display: block; margin: 0 auto 15px; } @media (min-width: 576px) { .file-upload-wrapper .file-upload-message i.drag-drop-icon { width: 50px; height: 50px; } } @media (min-width: 768px) { .file-upload-wrapper .file-upload-message i.drag-drop-icon { width: 60px; height: 60px; } } .file-upload-wrapper .file-upload-message p { font: 400 1.25rem/1 var(--font-family-secondary); color: var(--primary); margin: 5px 0 0; } @media (max-width: 576px) { .file-upload-wrapper .file-upload-message p { font-size: 1.15rem; } } .file-upload-wrapper .gform_button_select_files { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; } /*Buttons*/ .btn { border-width: 0; font-weight: 700; padding: 0.9rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 25rem; min-width: 160px; } .btn.focus, .btn:focus { outline: 0; box-shadow: none; } .btn svg { margin-left: 10px; } .btn-primary { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); border-color: transparent; } .btn-primary:hover { color: var(--white); background: #0c4da2; background: -moz-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: -webkit-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: linear-gradient(to right, #0c4da2 0%, #0c4da2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4da2', endColorstr='#0c4da2', GradientType=1); border-color: transparent; } .btn-primary:focus, .btn-primary.focus { color: var(--white); background: #0c4da2; background: -moz-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: -webkit-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: linear-gradient(to right, #0c4da2 0%, #0c4da2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4da2', endColorstr='#0c4da2', GradientType=1); border-color: transparent; box-shadow: none; } .btn-primary.disabled, .btn-primary:disabled { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: var(--white); background: #0c4da2; background: -moz-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: -webkit-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: linear-gradient(to right, #0c4da2 0%, #0c4da2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4da2', endColorstr='#0c4da2', GradientType=1); border-color: transparent; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; } .btn-outline-primary { box-shadow: 0px 0px 0px 2px var(--orange) inset; color: var(--orange); border-color: var(--orange); } .btn-outline-primary:hover { color: var(--white); background-color: var(--orange); border-color: var(--orange); } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: none; } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: var(--white); background-color: var(--orange); border-color: var(--orange); } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: none; } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--orange); background-color: transparent; } .btn-secondary { color: var(--white); background-color: var(--secondary); border-color: var(--secondary); } .btn-secondary:hover { color: var(--primary); background-color: var(--orange); border-color: var(--orange); } .btn-secondary:focus, .btn-secondary.focus { color: var(--primary); background-color: var(--orange); border-color: var(--orange); box-shadow: none; } .btn-secondary.disabled, .btn-secondary:disabled { color: var(--white); background-color: var(--secondary); border-color: var(--secondary); } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: var(--primary); background-color: var(--orange); border-color: var(--orange); } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: none; } .btn-outline-secondary { box-shadow: 0px 0px 0px 2px var(--yellow) inset; color: var(--yellow); border-color: var(--yellow); } .btn-outline-secondary:hover { color: var(--secondary); background-color: var(--yellow); border-color: var(--yellow); } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { color: var(--secondary); background-color: var(--yellow); border-color: var(--yellow); box-shadow: none; } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: var(--secondary); background-color: var(--yellow); border-color: var(--yellow); } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: none; } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: var(--yellow); background-color: transparent; } .btn.btn-link { font: 700 1rem/1 var(--font-family-secondary); color: var(--orange); border: none; padding: 0; text-decoration: none; } .btn.btn-link:hover { text-decoration: underline; } .btn-fill { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); border-color: transparent; } .btn-fill:hover { color: var(--secondary); background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); border-color: transparent; } .btn-fill:focus, .btn-fill.focus { color: var(--secondary); background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); border-color: transparent; box-shadow: none; } .btn-line { color: var(--orange); background-color: transparent; box-shadow: 0px 0px 0px 2px var(--orange) inset; } .btn-line:hover { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); border-color: transparent; box-shadow: none; } .btn-line:focus, .btn-line.focus { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); border-color: transparent; box-shadow: none; } .wp-block-button a.wp-block-button__link { color: var(--white); background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); border-color: transparent; font-size: 1rem; border-width: 0; border-style: solid; line-height: 1.5; padding: 0.9rem 1.5rem; font-weight: 700; border-radius: 25rem; min-width: 160px; } .wp-block-button a.wp-block-button__link:active, .wp-block-button a.wp-block-button__link:focus, .wp-block-button a.wp-block-button__link:hover { color: var(--white); background: #0c4da2; background: -moz-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: -webkit-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: linear-gradient(to right, #0c4da2 0%, #0c4da2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4da2', endColorstr='#0c4da2', GradientType=1); border-color: transparent; } .wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color), .wp-block-button a.wp-block-button__link.is-style-outline:not(.has-text-color) { color: var(--orange); border-color: var(--orange); } .wp-block-button.is-style-outline > a.wp-block-button__link:active:not(.has-text-color), .wp-block-button.is-style-outline > a.wp-block-button__link:focus:not(.has-text-color), .wp-block-button.is-style-outline > a.wp-block-button__link:hover:not(.has-text-color), a.wp-block-button__link.is-style-outline:active:not(.has-text-color), a.wp-block-button__link.is-style-outline:focus:not(.has-text-color), a.wp-block-button__link.is-style-outline:hover:not(.has-text-color) { color: var(--white); background: #0c4da2; background: -moz-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: -webkit-linear-gradient(left, #0c4da2 0%, #0c4da2 100%); background: linear-gradient(to right, #0c4da2 0%, #0c4da2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4da2', endColorstr='#0c4da2', GradientType=1); border-color: transparent; } /*Play Icon With Animation*/ .has-video .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; box-shadow: 0px 0px 1px 0px rgba(14, 48, 76, .15); border-radius: 50%; } @media (max-width: 575.98px) { .has-video .play-btn svg { width: 80px; height: 80px; } } .has-video a:hover .play-btn::after { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 15px solid var(--primary); position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 2s linear infinite; } @keyframes ring { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 40% { box-shadow: 0 0 0 90px rgba(255, 255, 255, 0); } 80% { box-shadow: 0 0 0 90px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0); } } /*Modal CSS*/ .modal-backdrop.show { opacity: .7; } .modal .modal-header, .modal .modal-footer { border: 0; } .modal .modal-header { position: absolute; top: 1em; right: 0; padding-top: 0; padding-bottom: 0; justify-content: flex-end; } .modal .modal-header button { transition: all .3s ease; } .modal .modal-header button:hover, .modal .modal-header button:focus { outline: 0; box-shadow: none; transform: rotate(180deg); } .modal .modal-footer { justify-content: flex-start; } .modal .modal-content { color: var(--primary); font-weight: 400; border-radius: 0; padding: 2.5rem; border: 0; } /*Video Modal*/ .modal.for-modal-video .modal-content .modal-body { overflow: hidden; padding-top: 56.25%; position: relative; } .modal.for-modal-video .modal-content .modal-body iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*Header CSS*/ header.site-layout { background: var(--secondary); } header.site-layout:before { background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 7px; } /**/ /*Header Main*/ .header-main { padding: 14px 0 7px; height: 80px; } @media (min-width: 992px) { .header-main { height: 120px; } } header .brand img, header .brand svg { display: block; width: 200px; } @media (min-width: 576px) { header .brand img, header .brand svg { width: 225px; } } @media (min-width: 1200px) { header .brand img, header .brand svg { width: 300px; } } /*Nav*/ .header-main .nav-primary { display: flex; align-items: center; position: relative; } .header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited { display: flex; position: relative; font: 600 1rem/1 var(--font-family-primary); color: var(--primary); padding: 1rem 1rem; } .header-main .nav-primary ul li a.nav-link::after { content: ""; display: block; width: 30%; height: 1px; position: absolute; left: 1.7rem; bottom: 5px; background: var(--orange); border: none; opacity: 1; transform: scale3d(0, 1, 0); transform-origin: 0 0; transition: transform .25s ease-out; } .header-main .nav-primary ul li a.nav-link:hover::after { transform: scaleX(1); } @media (min-width: 1200px) { .header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited { padding: 1rem 1.2rem; } } @media (min-width: 1400px) { .header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited { padding: 1rem 1.5rem; } } .header-main .nav-primary ul li:last-child a:link, .header-main .nav-primary ul li:last-child a:visited { padding-right: 0; } .header-main .nav-primary ul li a:hover { color: var(--orange); } .header-main .nav-primary ul li.active a, .header-main .nav-primary ul li.current_page_item a, .header-main .nav-primary ul li.current_page_ancestor a, .header-main .nav-primary ul li.current-menu-item a, .header-main .nav-primary ul li.current-menu-ancestor a { color: var(--orange); } ul.nav > li .menu-arrow { display: block; width: 9px; height: 9px; margin-left: 6px; margin-top: 2px; line-height: 0; transform: rotate3d(0, 0, 0, 0deg); transform-origin: 50% 75%; transition: transform .25s ease-out .5s; transition-delay: .25s; } ul.nav > li:hover .menu-arrow { transform: rotate(-180deg); transform-origin: 50% 75%; transition-delay: .25s; } .header-main .nav-primary ul li.dropdown { position: relative; } .header-main .nav-primary ul li.dropdown .dropdown-menu { list-style: none; margin: 0; padding: 0; position: absolute; top: 55px !important; left: calc(50% - 125px) !important; width: 100%; max-width: 100%; min-width: 250px; background: var(--primary); box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3); border: none; border-radius: 10px; opacity: 0; z-index: 10; transform: translateY(2rem) !important; transition: left 0s .5s, transform .15s ease-out .35s, opacity .15s ease-out .35s; display: block; float: none; visibility: hidden; } .header-main .nav-primary ul li.dropdown .dropdown-menu:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: -6px; left: calc(50% - 6px); transform: rotate(45deg); background: var(--primary); border: none; } .header-main .nav-primary ul li.dropdown .dropdown-menu::after { position: absolute; content: ""; width: 100%; height: 20px; top: -20px; left: 0; } .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:visited, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:visited { font: 600 0.975rem/1 var(--font-family-primary); color: var(--secondary); padding: 1rem 1rem; text-decoration: none; } .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item::after { content: ""; display: block; width: 25%; height: 1px; position: absolute; left: 1rem; bottom: 5px; background: var(--orange); border: none; opacity: 1; transform: scale3d(0, 1, 0); transform-origin: 0 0; transition: transform .25s ease-out; } .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item.active, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item a.nav-link { background: transparent; color: var(--orange); } .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:hover::after { transform: scaleX(1); } .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:first-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.nav-link { border-radius: 9px 9px 0px 0px; } .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:last-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.nav-link { border-radius: 0px 0px 9px 9px; } .header-main .nav-primary ul li.dropdown .dropdown-menu .menu-arrow { transform: rotate(-90deg); } .header-main .nav-primary ul li.dropdown .dropdown-menu .dropdown-menu:before { display: none; } .header-main .nav-primary ul li.dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0) !important; transition: left 0s .35s, transform .15s ease-out .35s, opacity .15s ease-out .35s; } .header-main .nav-primary ul li.dropdown:hover > .dropdown-menu .dropdown-menu { left: 95%; top: 0 !important; } .header-main .nav-primary ul li.dropdown:hover > .dropdown-menu .dropdown-menu:before { display: none; } /**/ @media (min-width: 1200px) { .header-main .nav-utilities .btn { min-width: 190px; } } .header-main .nav-utilities .btn-primary:hover { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; } .header-main .nav-utilities .btn-primary:focus, .header-main .nav-utilities .btn-primary.focus { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; box-shadow: none; } /*Social*/ .socials ul { list-style: none; margin: 0; padding: 0; display: flex; } .socials ul li { display: inline-block; margin: 0 5px 0 0; padding: 8px 0; } .socials ul li a { display: flex; width: 35px; height: 35px; border: 1px solid var(--primary); border-radius: 50%; color: var(--primary); font-size: 1rem; line-height: 35px; align-items: center; justify-content: center; } .socials ul li a:hover { background: var(--orange); border-color: var(--orange); color: var(--white); } /*Humburger Menu*/ header .mobile-menu button { line-height: 1; } header .hamburger-inner, header .hamburger-inner::after, header .hamburger-inner::before { background-color: var(--primary); } header .hamburger.is-active .hamburger-inner, header .hamburger.is-active .hamburger-inner::after, header .hamburger.is-active .hamburger-inner::before { background-color: var(--primary); } header nav.mobile { position: absolute; top: 80px; right: 0; opacity: 0; z-index: -1; width: 100%; height: calc(100vh - 80px); padding-top: 1em; background: var(--secondary); overflow-y: scroll; transform: translate3d(100%, 0, 0); transition: opacity 0.3s, transform 0s ease-out 0.5s; } header nav.mobile.active { transform: translate3d(0, 0, 0); opacity: 1; transition: opacity 0.3s, transform 0s ease-out 0s; } header nav.mobile .nav__cta { text-align: center; padding: 25px 0; } header nav.mobile .nav__cta .btn-primary:hover { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; } header nav.mobile .nav__cta .btn-primary:focus, header nav.mobile .nav__cta .btn-primary.focus { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; box-shadow: none; } header nav.mobile .mobile__menu ul { list-style: none; margin: 0; padding: 0; justify-content: flex-start; } header nav.mobile .mobile__menu ul a:link, header nav.mobile .mobile__menu ul a:visited { display: flex; align-items: center; flex-flow: row nowrap; width: 100%; padding: 1.5vh 0.5em; color: var(--primary); font-size: 1rem; font-weight: 600; } header nav.mobile .mobile__menu ul a:link:hover, header nav.mobile .mobile__menu ul a:visited:hover { text-decoration: none; color: var(--orange); } header nav.mobile .mobile__menu ul > li ul > li a:link, header nav.mobile .mobile__menu ul > li ul > li a:visited { padding-left: 1.5em; } header nav.mobile .mobile__menu ul li.menu-item-has-children > a { justify-content: space-between; } header nav.mobile .mobile__menu ul li.menu-item-has-children > a::after { content: ''; display: block; width: 15px; height: 15px; background: url(../images/arrow-dark-no-stem.svg) 50% 50%/contain no-repeat; transform: rotate3d(0, 0, 1, 180deg); transition: transform 0.3s ease-out; } header nav.mobile .mobile__menu ul li.menu-item-has-children > a.active::after { transform: rotate3d(0, 0, 1, 270deg); } header nav.mobile .mobile__menu ul li.menu-item-has-children .sub-menu .sub-menu a { padding-left: 2.5em; } header nav.mobile .mobile__menu ul li.menu-item-has-children .sub-menu .sub-menu a::before { content: '→'; margin-right: 0.75em; } header nav.mobile .mobile__menu ul li ul { display: none; } .mobile__menu--contact .socials ul { justify-content: center; } /*CTA*/ .cta-section { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: var(--secondary); padding: 3rem 0; } @media (min-width: 768px) { .cta-section { padding: 4rem 0; } } @media (min-width: 992px) { .cta-section { padding: 4.5rem 0; } } @media (min-width: 1200px) { .cta-section { padding: 5rem 0; } } .cta-content-part h2 { font-family: var(--font-family-secondary); color: var(--primary); font-size: 2rem; font-weight: 700; } @media (min-width: 576px) { .cta-content-part h2 { font-size: 2.25rem; } } @media (min-width: 768px) { .cta-content-part h2 { font-size: 2.25rem; } } @media (min-width: 992px) { .cta-content-part h2 { font-size: 2.5rem; } } @media (min-width: 1200px) { .cta-content-part h2 { font-size: 2.75rem; } } @media (min-width: 1200px) { .cta-content-part .btn { min-width: 190px; } } .cta-content-part .btn-primary:hover, .cta-content-part .btn-primary:focus, .cta-content-part .btn-primary.focus, .cta-content-part .btn-primary:not(:disabled):not(.disabled):active { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; } /*Footer CSS*/ footer.site-footer { background: var(--secondary) url(../images/pattern-bg.png) 0 0 repeat; position: relative; } footer.site-footer:before { background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 7px; } footer.site-footer a { transition: all 0.4s ease; } @media (max-width: 991.98px) { footer.site-footer { text-align: center; } } .footer-top { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 768px) { .footer-top { padding-top: 7rem; padding-bottom: 7rem; } } footer.site-footer .brand img, footer.site-footer .brand svg { width: 280px; } @media (min-width: 992px) { footer.site-footer .brand img, footer.site-footer .brand svg { width: 250px; } } @media (min-width: 1200px) { footer.site-footer .brand img, footer.site-footer .brand svg { width: 300px; } } @media (min-width: 1400px) { footer.site-footer .brand img, footer.site-footer .brand svg { width: 345px; } } .footer-contact-detail { margin-top: 2.5rem; } .footer-contact-detail ul { list-style: none; margin: 0; padding: 0; } .footer-contact-detail ul li { margin: 10px 0; font-size: 0.875rem; font-weight: 500; } .footer-contact-detail ul li span { overflow: hidden; display: block; color: var(--white); } .footer-contact-detail ul li a { color: var(--white); } .footer-contact-detail ul li a:hover { color: var(--orange); } footer.site-footer .socials { padding-top: 1.5rem; } @media (min-width: 992px) { footer.site-footer .socials { padding-top: 3rem; } } @media (max-width: 991.98px) { footer.site-footer .socials { margin-bottom: 3rem; } footer.site-footer ul { justify-content: center; } } footer.site-footer .socials ul li { margin: 0 10px 0 0; padding: 0; } footer.site-footer .socials ul li:last-child { margin-right: 0; } footer.site-footer .widget__title { color: var(--white); font-size: 1rem; font-weight: 700; margin-bottom: 18px; } footer.site-footer .fmenu { list-style: none; margin: 0; padding: 0; } footer.site-footer .fmenu li { margin: 1em 0; font-size: 1rem; font-weight: 600; } footer.site-footer .fmenu li:first-child { margin-top: 0; } footer.site-footer .fmenu li a { color: var(--white); } footer.site-footer .fmenu li a:hover { color: var(--orange); } /**/ .subscribe-form { max-width: 280px; margin: 0 auto; } .subscribe-form .gform_wrapper.gravity-theme input[type="email"], .subscribe-form .gform_wrapper.gravity-theme input[type="number"], .subscribe-form .gform_wrapper.gravity-theme input[type="text"], .subscribe-form .gform_wrapper.gravity-theme select, .subscribe-form .gform_wrapper.gravity-theme textarea { font-size: 0.875rem; background: transparent; border: 0; border-bottom: 1px solid var(--white); border-radius: 0; padding: 0 !important; height: calc(2em + 0.75rem + 4px); font-weight: 600; color: var(--white); } .subscribe-form .gform_wrapper.gravity-theme input:focus { border: 0; border-bottom: 1px solid var(--yellow); } .subscribe-form .gform_wrapper.gravity-theme .form-control::-webkit-input-placeholder { color: var(--white); opacity: 1; } .subscribe-form .gform_wrapper.gravity-theme .form-control::-moz-placeholder { color: var(--white); opacity: 1; } .subscribe-form .gform_wrapper.gravity-theme .form-control:-ms-input-placeholder { color: var(--white); opacity: 1; } .subscribe-form .gform_wrapper.gravity-theme .form-control::-ms-input-placeholder { color: var(--white); opacity: 1; } .subscribe-form .gform_wrapper.gravity-theme .form-control::placeholder { color: var(--white); opacity: 1; } .subscribe-form .btn-outline-primary { box-shadow: 0px 0px 0px 2px var(--yellow) inset; color: var(--yellow); border-color: var(--yellow); font-size: 0.75rem; max-width: 150px; } .subscribe-form .btn-outline-primary:hover { color: var(--secondary); background-color: var(--yellow); border-color: var(--yellow); } /**/ .footer-bot { background: #fa731f; background: -moz-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(left, #fa731f 0%, #ffc315 100%); background: linear-gradient(to right, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=1); padding: 1rem 0; font-size: 1rem; font-weight: 600; color: var(--white); } @media (min-width: 768px) { .footer-bot { padding: 1rem 0; } } @media (min-width: 992px) { .footer-bot { padding: 1rem 0; } } .footer-bot a { color: var(--white); } .footer-bot a:hover { color: var(--orange); } /*Main Sections*/ .alignnone { margin-left: 0; margin-right: 0; max-width: 100%; height: auto } .aligncenter { display: block; margin: .5rem auto; height: auto } .alignleft, .alignright { margin-bottom: .5rem; height: auto } @media (min-width:480px) { .alignleft { float: left; margin-right: .5rem } .alignright { float: right; margin-left: .5rem } } /*Wrap Reset*/ .alert-primary { color: var(--secondary); background-color: var(--bgwhite); border-color: rgba(14, 48, 76, .15); } .wf-loading .wrap, .wf-loading .wrapper { font: 400 1rem/2 sans-serif } .wf-loading .wrap h1, .wf-loading .wrap h2, .wf-loading .wrap h3, .wf-loading .wrap h4, .wf-loading .wrapper h1, .wf-loading .wrapper h2, .wf-loading .wrapper h3, .wf-loading .wrapper h4 { font-family: serif } body > .wrap, body > .wrapper { padding-top: 1px; font: 500 1rem/1.75 var(--font-family-primary); color: var(--gray); } @media (min-width:768px) { body > .wrap, body > .wrapper { padding-top: 80px } } @media (min-width:992px) { body > .wrap, body > .wrapper { padding-top: 120px } } body > .wrap h1, body > .wrap h2, body > .wrap h3, body > .wrap h4, body > .wrap h5, body > .wrap h6, body > .wrapper h1, body > .wrapper h2, body > .wrapper h3, body > .wrapper h4, body > .wrapper h5, body > .wrapper h6 { color: var(--secondary); font: 700 2.25rem/1.2 var(--font-family-secondary); } body > .wrap h2, body > .wrapper h2 { font-size: 2rem } body > .wrap h3, body > .wrapper h3 { font-size: 1.5rem } body > .wrap h4, body > .wrapper h4 { font-size: 1.25rem } body > .wrap h5, body > .wrapper h5 { font-size: 1.25rem } body > .wrap h6, body > .wrapper h6 { font-size: 1.05rem } @media (min-width: 576px) { body > .wrap h1, body > .wrapper h1 { font-size: 2.5rem; } body > .wrap h2, body > .wrapper h2 { font-size: 2.25rem; } body > .wrap h3, body > .wrapper h3 { font-size: 1.75rem; } body > .wrap h4, body > .wrapper h4 { font-size: 1.5rem; } body > .wrap h5, body > .wrapper h5 { font-size: 1.35rem } body > .wrap h6, body > .wrapper h6 { font-size: 1.15rem } } @media (min-width:768px) { body > .wrap h1, body > .wrapper h1 { font-size: 2.5rem; } body > .wrap h2, body > .wrapper h2 { font-size: 2.25rem; } body > .wrap h3, body > .wrapper h3 { font-size: 2rem; } body > .wrap h4, body > .wrapper h4 { font-size: 1.75rem; } body > .wrap h5, body > .wrapper h5 { font-size: 1.35rem } body > .wrap h6, body > .wrapper h6 { font-size: 1.15rem } } @media (min-width:992px) { body > .wrap h1, body > .wrapper h1 { font-size: 2.5rem; } body > .wrap h2, body > .wrapper h2 { font-size: 2.25rem; } body > .wrap h3, body > .wrapper h3 { font-size: 2rem; } body > .wrap h4, body > .wrapper h4 { font-size: 1.875rem; } body > .wrap h5, body > .wrapper h5 { font-size: 1.35rem } body > .wrap h6, body > .wrapper h6 { font-size: 1.15rem } } @media (min-width:1200px) { body > .wrap h1, body > .wrapper h1 { font-size: 2.75rem; } body > .wrap h2, body > .wrapper h2 { font-size: 2.5rem; } body > .wrap h3, body > .wrapper h3 { font-size: 2.375rem; } body > .wrap h4, body > .wrapper h4 { font-size: 1.95rem; } body > .wrap h5, body > .wrapper h5 { font-size: 1.5rem } body > .wrap h6, body > .wrapper h6 { font-size: 1.25rem } } body > .wrap p, body > .wrapper p { margin: 2rem 0; } body > .wrap p:last-child, body > .wrapper p:last-child { margin-bottom: 0; } body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle { font: 700 1.25rem/1.2 var(--font-family-secondary); color: var(--orange); margin: 0 0 1rem; } @media (min-width:768px) { body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle { font-size: 1.3rem; } } @media (min-width:992px) { body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle { font-size: 1.375rem; } } @media (min-width:1200px) { body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle { font-size: 1.5rem; } } body > .wrap p.is-style-lead, body > .wrapper p.is-style-lead { font-weight: 500; } body > .wrap .wrap, body > .wrapper .wrap { padding-top: 0; } .home .wrap section:first-child:after, .single-categories .wrap section:first-child:after { display: none } main.content > section, body.single-post main.content .entry-content > section { position: relative; padding: 3rem 0; } main.content > section:first-child, body.single-post main.content .entry-content > section:first-child { padding-top: calc(3rem + 90px); } @media (min-width:768px) { main.content > section, body.single-post main.content .entry-content > section { padding: 5rem 0; } main.content > section:first-child, body.single-post main.content .entry-content > section:first-child { padding-top: calc(5rem + 90px); } } @media (min-width:992px) { main.content > section, body.single-post main.content .entry-content > section { padding: 7.5rem 0; } main.content > section:first-child, body.single-post main.content .entry-content > section:first-child { padding-top: calc(7.5rem + 90px); } } main.content a:not([class]) { color: var(--gray); text-decoration: none; font-weight: 500 } main.content a:not([class]):hover { text-decoration: underline } main.content img { max-width: 100%; height: auto } /*Ajax Loading*/ .ajax-data-loading::before { background: rgba(0, 0, 0, 0.5) url(../images/loader.svg) 50% 50% no-repeat; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; } /*Gavity Forms CSS*/ .customGravity_form { position: relative; } .gform_ajax_spinner { display: none !important; } .customGravity_form .gform_wrapper.gravity-theme .gform_footer { margin: 6px 0 0 0; padding: 16px 0 0; } .customGravity_form .gform_wrapper.gravity-theme .for-side-button .gform_footer { padding: 0; margin: 0; } .customGravity_form .gform_wrapper.gravity-theme .gform_footer button, .customGravity_form .gform_wrapper.gravity-theme .gform_footer input { margin-bottom: 0; } @media (min-width: 641px) { .customGravity_form .gform_wrapper.gravity-theme .for-side-button .gform_footer { position: absolute; right: 0; bottom: 0; padding: 0; margin: 0; z-index: 0; max-width: 240px; float: right; } } .customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area { padding: 15px; border: 2px solid var(--secondary); background: var(--white); border-radius: 1.5rem; height: 200px; } @media (min-width: 768px) { .customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area { padding: 25px; height: 300px; } } .customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area:hover { border: 2px solid var(--orange); } .gform_wrapper input.form-control:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 0.375rem 1.2rem; font-size: 0.875rem; } .gform_wrapper textarea { font-size: 0.875rem !important; padding: 0.775rem 1.2rem !important; height: 120px; } @media (min-width: 992px) { .customGravity_form .ginput_recaptcha { transform: scale(0.8); transform-origin: 0 0; } } @media (min-width: 1200px) { .customGravity_form .ginput_recaptcha { transform: scale(1); } } /*Validation Message*/ .gform_wrapper .field_description_below .gfield_description { padding: 0 !important; margin-top: 3px; font-size: 0.875rem !important; background: transparent; border: none; } /*Full Width Slider Block*/ .zdcb-full-width-slider-block { background-color: var(--secondary); display: flex; overflow: hidden; flex-flow: column; justify-content: center; margin-bottom: 0 !important; } .zdcb-full-width-slider-block .slide { position: relative; overflow: hidden; } .zdcb-full-width-slider-block .slide .slide__image { min-height: 670px; } @media (min-width: 768px) { .zdcb-full-width-slider-block .slide .slide__image { min-height: 750px; } } @media (min-width: 992px) { .zdcb-full-width-slider-block .slide .slide__image { min-height: 800px; } } @media (min-width: 1200px) { .zdcb-full-width-slider-block .slide .slide__image { min-height: 850px; } } .zdcb-full-width-slider-block .slide .slide__image::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--secondary); opacity: 0; } .zdcb-full-width-slider-block .slide.foreground-light .slide__image::after { background-color: var(--white); } .zdcb-full-width-slider-block .slide.foreground-dark .slide__image::after { background-color: var(--secondary); } .zdcb-full-width-slider-block .slide .slide__image .container { z-index: 1; } .zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 { font-family: var(--font-family-secondary); color: var(--primary); font-size: 2.5rem; line-height: 1.15; font-weight: 700; margin-top: 10px; } @media (min-width: 576px) { .zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 { font-size: 3rem; } } @media (min-width: 768px) { .zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 { font-size: 3.5rem; } } @media (min-width: 992px) { .zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 { font-size: 3.75rem; } } @media (min-width: 1200px) { .zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 { font-size: 3.75rem; } } .zdcb-full-width-slider-block .slide .slide__image h1 span, .zdcb-full-width-slider-block .slide .slide__image h2 span { display: block; } .zdcb-full-width-slider-block .slide .slide__image p { font-size: 1rem; font-weight: 500; line-height: 1.85; margin: 1rem 0 0; color: var(--primary); } @media (min-width: 576px) { .zdcb-full-width-slider-block .slide .slide__image p { font-size: 1.115rem; } } @media (min-width: 992px) { .zdcb-full-width-slider-block .slide .slide__image p { font-size: 1.120rem; } } @media (min-width: 1200px) { .zdcb-full-width-slider-block .slide .slide__image p { font-size: 1.125rem; } } .zdcb-full-width-slider-block .slide .slide__image nav { margin: 2rem 0 0; display: inline-block; } @media (min-width: 768px) { .zdcb-full-width-slider-block .slide .slide__image nav { margin: 3rem 0 0; } } .zdcb-full-width-slider-block .slide .slide__image nav ul { list-style: none; margin: 0; padding: 0; display: flex; } .zdcb-full-width-slider-block .slide .slide__image nav ul li { margin: 0; padding: 0; } .zdcb-full-width-slider-block .slide .slide__image nav ul li a.btn { padding-top: 0.765rem; padding-bottom: 0.765rem; min-width: 130px; } @media (min-width: 576px) { .zdcb-full-width-slider-block .slide .slide__image nav ul li a.btn { min-width: 150px; } } .zdcb-full-width-slider-block .slide .slide__image nav ul li:first-child { margin-right: 1em; } .zdcb-full-width-slider-block .slide .slide__image nav ul li:last-child { margin-right: 0; } .zdcb-full-width-slider-block .slick-arrow { z-index: 1; } .zdcb-full-width-slider-block .slick-arrow:before { content: ""; display: block; width: 30px; height: 30px; border: solid var(--primary); transition: border-color .25s ease-out; } .zdcb-full-width-slider-block .slick-arrow.slick-prev { left: 30px; } .zdcb-full-width-slider-block .slick-arrow.slick-prev:before { border-width: 2px 0 0 2px; transform: rotate(-45deg); } .zdcb-full-width-slider-block .slick-arrow.slick-next { right: 30px; } .zdcb-full-width-slider-block .slick-arrow.slick-next:before { border-width: 2px 2px 0 0; transform: rotate(45deg); } .zdcb-full-width-slider-block .slick-arrow:hover:before { border-color: var(--orange); } .zdcb-full-width-slider-block .slick-dots { bottom: 15px; z-index: 2; } /**/ @media (max-width: 767.98px) { .zdcb-full-width-slider-block .slide .slide__image .container .row { text-align: center !important; } .zdcb-full-width-slider-block .with-graphic .with-graphic-pic { margin-top: 1.5rem; } } @media (min-width: 768px) { .zdcb-full-width-slider-block .with-graphic .with-graphic-pic { text-align: right; } } .zdcb-full-width-slider-block .with-graphic .with-graphic-pic img { width: 260px; display: inline-block; } @media (min-width: 576px) { .zdcb-full-width-slider-block .with-graphic .with-graphic-pic img { width: 280px; } } @media (min-width: 768px) { .zdcb-full-width-slider-block .with-graphic .with-graphic-pic img { width: 100%; max-width: 100%; } } @media (min-width: 992px) { .zdcb-full-width-slider-block .with-graphic .with-graphic-pic img { max-width: 420px; } } .zdcb-full-width-slider-block .banner-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .zdcb-full-width-slider-block .banner-video video { width: 100% !important; height: 100%; object-fit: cover; } /** Slider zoom effect **/ .zdcb-full-width-slider-block .slick-slide:not(.slick-active) .slide__image { transition-delay: 1s; } /*Pagination*/ .pagination { display: flex; } .page-numbers { position: relative; padding: 0 5px; margin: 0 7px; border: 2px solid var(--secondary); color: var(--secondary); text-decoration: none; min-width: 40px; height: 40px; line-height: 36px; font-weight: 600; border-radius: 50%; text-align: center; } .page-numbers:hover, .page-numbers.current { background: var(--secondary); color: var(--primary); text-decoration: none; } .page-numbers.prev, .page-numbers.next { text-indent: -9999px; } .page-numbers.prev::before { display: inline-block; content: ""; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 24px; width: 20px; height: 20px; position: absolute; left: 8px; top: 8px; } .page-numbers.prev:hover::before { background-image: url("data:image/svg+xml,"); } .page-numbers.next::before { display: inline-block; content: ""; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 24px; width: 20px; height: 20px; position: absolute; left: 8px; top: 8px; } .page-numbers.next:hover::before { background-image: url("data:image/svg+xml,"); } /*Basic Images Block*/ .zdcb-basic-content-block + .zdcb-basic-images-block { padding: 0; } .zdcb-basic-content-block + section.zdcb-basic-content-image-block:not(.has-background) { padding-top: 0; } .zdcb-basic-images-block img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; border-radius: 1.5rem; } /*Basic Content Block*/ .zdcb-basic-content-block hr { display: none; } .zdcb-basic-content-block.has-background hr { display: block; position: absolute; z-index: -1; background: rgba(var(--bgGray), 1); border: 0; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; height: 100%; opacity: 1; } .zdcb-basic-content-block.has-background.background-wide hr { width: 100%; } @media (min-width: 992px) { .zdcb-basic-content-block.has-background.background-wide hr { height: 70%; } .zdcb-basic-content-block.has-background.background-left hr { left: 0; right: auto; width: 72%; } .zdcb-basic-content-block.has-background.background-right hr { right: 0; left: auto; width: 72%; } } /*Basic Content Image Block */ .zdcb-basic-content-image-block { position: relative; } body .zdcb-basic-images-block + section.zdcb-basic-content-image-block:not(.has-background) { padding-top: 0; } .home section.zdcb-basic-content-image-block:not(:last-child) { padding-bottom: 4rem; } .zdcb-basic-content-image-block .image span { display: inline-block; } .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before, .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { display: block; content: ""; width: 150px; height: 150px; position: absolute; z-index: -1; } @media (min-width: 576px) { .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before, .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { width: 200px; height: 200px; } } @media (min-width: 768px) { .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before, .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { width: 250px; height: 250px; } } @media (min-width: 992px) { .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before, .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { width: 268px; height: 268px; } } .home .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before { background: url(../images/grid-bg.png) 50% 50%/cover; top: -40px; left: -10px; } .home .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { background: url(../images/grid-bg.png) 50% 50%/cover; top: -40px; right: -10px; } @media (min-width: 576px) { .home .zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before { top: -60px; left: -60px; } .home .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before { top: -60px; right: -60px; } } .zdcb-basic-content-image-block .image img { border-radius: 1.5rem; } /**/ .zdcb-basic-content-image-block.for-outer-wapper .image span.span-graphic::before { display: none; } @media (min-width: 992px) { .zdcb-basic-content-image-block.for-outer-wapper .image img { width: 105%; max-width: initial; margin-left: -5%; } } @media (min-width: 1600px) { .zdcb-basic-content-image-block.for-outer-wapper .image img { width: 115%; margin-left: -20%; } } @media (min-width: 992px) { .zdcb-basic-content-image-block .image.breakout { margin-top: -10em; } } .zdcb-basic-content-image-block .image--secondary { clear: both; } .zdcb-basic-content-image-block .image--secondary img { border-radius: 1.5rem; } @media (max-width: 575.98px) { .zdcb-basic-content-image-block .image--secondary img { width: 100%; } } .zdcb-basic-content-image-block .content { font-size: 1rem; } @media (min-width: 992px) { .zdcb-basic-content-image-block.grid-40-60 .content { flex: 0 1 40% } .zdcb-basic-content-image-block.grid-40-60 .image { flex: 1 0 60%; max-width: none } .zdcb-basic-content-image-block.grid-25-75 .image { flex: 0 1 25% } .zdcb-basic-content-image-block.grid-25-75 .content { flex: 1 0 75%; max-width: none } } .zdcb-basic-content-image-block .content ul { padding-left: 0; margin: 2rem 0; } .zdcb-basic-content-image-block .content ul li { color: var(--gray); display: flex; margin: 1.15rem 0; } .zdcb-basic-content-image-block .content ul li::before { content: ""; position: initial; display: inline-block; width: 20px; height: 20px; margin-right: 15px; background: url(../images/tickbox-round.svg) 50% 50%/cover no-repeat; flex: 0 0 20px; margin-top: 4px; } .zdcb-basic-content-image-block hr { display: none; } .zdcb-basic-content-image-block.has-background hr { display: block; position: absolute; z-index: -1; background: rgba(var(--bgGray), 1); border: 0; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; height: 100%; opacity: 1; } .zdcb-basic-content-image-block.has-background.background-wide hr { width: 100%; } @media (min-width: 992px) { .zdcb-basic-content-image-block.has-background.background-wide hr { height: 70%; } .zdcb-basic-content-image-block.has-background.background-left hr { left: 0; right: auto; width: 72%; } .zdcb-basic-content-image-block.has-background.background-right hr { right: 0; left: auto; width: 72%; } } /*Basic Content Map Block*/ .zdcb-basic-content-map-block .map { height: 300px; } @media (min-width:992px) { .zdcb-basic-content-map-block .map { height: auto; max-height: 500px; } } .zdcb-basic-content-map-block .map a[target=_blank]:after { display: none } .zdcb-basic-content-map-block .content section { margin: 2em 0 } /*Key Features Block*/ .zdcb-key-features-block { background: rgba(var(--bgGray), 1); } body .zdcb-key-features-block h1, body .zdcb-key-features-block h2, body .zdcb-key-features-block h3, body .zdcb-key-features-block h4, body .zdcb-key-features-block h5, body .zdcb-key-features-block h6 { color: var(--secondary); } body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 { font-size: 1.5rem; } @media (min-width: 576px) { body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 { font-size: 1.75rem; } } @media (min-width: 768px) { body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 { font-size: 1.875rem; } } .zdcb-key-features-block ul { list-style: none; margin: 0; padding: 0; } .zdcb-key-features-block ul li { color: var(--gray); display: flex; break-inside: avoid; page-break-inside: avoid; } .zdcb-key-features-block ul li::before { content: ""; position: initial; display: inline-block; width: 24px; height: 24px; margin-right: 16px; background: url(../images/tickbox.svg) 50% 50%/cover no-repeat; flex: 0 0 24px; align-self: flex-start; } .zdcb-key-features-block ul li a:link, .zdcb-key-features-block ul li a:visited { color: var(--gray); } .zdcb-key-features-block ul li a:hover { color: var(--secondary); } /*Features and Highlights Block*/ .zdcb-feature-highlight-block { background: var(--secondary); } body .zdcb-feature-highlight-block h1, body .zdcb-feature-highlight-block h2, body .zdcb-feature-highlight-block h3, body .zdcb-feature-highlight-block h4, body .zdcb-feature-highlight-block h5, body .zdcb-feature-highlight-block h6 { color: var(--white); } .zdcb-feature-highlight-block ul { list-style: none; margin: 4rem 0 0; padding: 0; } .zdcb-feature-highlight-block ul li { color: var(--white); display: flex; flex-direction: column; text-align: center; align-items: center; break-inside: avoid; page-break-inside: avoid; font-size: 1.125rem; font-weight: 600; } .zdcb-feature-highlight-block ul li::before { content: ""; display: inline-block; width: 45px; height: 45px; margin-bottom: 1.75rem; background: url(../images/tickbox.svg) 50% 50%/cover no-repeat; flex: 0 0 45px; } .zdcb-feature-highlight-block ul li a:link, .zdcb-feature-highlight-block ul li a:visited { color: var(--white); } .zdcb-feature-highlight-block ul li a:hover { color: var(--orange); } .zdcb-feature-highlight-block ul li span { padding: 0 2rem; display: block; } /*Page Title Block*/ body .zdcb-page-title-block + section { padding-top: 0; } .zdcb-page-title-block hr { display: block; position: absolute; z-index: -1; background: rgba(var(--bgGray), 1) url(../images/page-title-bg.png) 0 0 repeat; border: 0; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; height: calc(100% + 10rem); opacity: 1; } .zdcb-page-title-block form { max-width: 280px; margin: 0 auto; } @media only screen and (min-width: 992px) { .blog .zdcb-page-title-block .col-12 { padding: 0 8em; } } /*Full Width Image Block*/ section.zdcb-full-width-image-block { padding: 0; } .zdcb-full-width-image-block img { display: block; width: 100%; } /*Full Width Image Content Block*/ .zdcb-full-width-image-content-block { background: var(--secondary) url(../images/pattern-bg.png) 0 0 repeat; } body .zdcb-full-width-image-content-block h1, body .zdcb-full-width-image-content-block h2 { color: var(--white); } .zdcb-full-width-image-content-block p { color: var(--white); } .zdcb-full-width-image-content-block .wp-block-buttons { margin-top: 2.5rem; justify-content: center; } .zdcb-full-width-image-content-block .btn-primary:hover, .zdcb-full-width-image-content-block .btn-primary:focus, .zdcb-full-width-image-content-block .btn-primary.focus, .zdcb-full-width-image-content-block .btn-primary:not(:disabled):not(.disabled):active, .zdcb-full-width-image-content-block .wp-block-button a.wp-block-button__link:active, .zdcb-full-width-image-content-block .wp-block-button a.wp-block-button__link:focus, .zdcb-full-width-image-content-block .wp-block-button a.wp-block-button__link:hover { color: var(--secondary); background: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); border-color: transparent; } .zdcb-full-width-image-content-block .image { position: relative; } .zdcb-full-width-image-content-block .image::before { content: ""; display: block; background-image: linear-gradient(var(--secondary), transparent); width: 100%; height: 50px; position: absolute; top: 0; left: 0; } .zdcb-full-width-image-content-block .image img { width: 100%; max-height: 650px; object-fit: cover; object-position: 0 50%; } /*Blog Page*/ .blog-grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px 0; } .blog .blog-grid article:first-child { grid-column: 1/1; grid-row: 1/1; } .blog.paged .blog-grid article:first-child { grid-column: 1/1; grid-row: 1/1; } @media (min-width: 768px) { .blog-grid { grid-template-columns: repeat(2, 1fr); grid-gap: 40px 30px; } .blog .blog-grid article:first-child { grid-column: 1/span 2; grid-row: 1/span 2; } } @media (min-width: 992px) { .blog-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 50px 40px; } } .blog-grid .article__image { height: 250px; overflow: hidden; border-radius: 1.5rem; } .blog-grid .article__image img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.75s ease-out; } .blog-grid .article:hover .article__image img { transform: scale3d(1.15, 1.15, 1.15); } @media (min-width: 768px) { .blog .blog-grid article:first-child .article__image { height: 500px; max-height: none; } } @media (min-width: 992px) { .blog .blog-grid article:first-child .article__image { height: 700px; } } .blog.paged .blog-grid article:first-child .article__image { height: 250px; } .blog-grid .article__content { font-weight: 400; } .blog-grid .article__content span, .blog-grid .article__content span a { color: var(--secondary); font-weight: 500; font-size: 0.875rem; } .blog-grid .article__content span a:hover { color: var(--orange); } .blog-grid .article__content header h2, .blog-grid .article__content header h2 a { font: 700 1.25rem/1.35 var(--font-family-secondary); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--secondary); } @media (min-width: 1200px) { .blog-grid .article__content header h2, .blog-grid .article__content header h2 a { font-size: 1.375rem; } } .blog-grid .article__content header h2 a:hover { color: var(--orange); } .blog-grid .article__content-excerpt { color: var(--gray); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-grid .article__content-read-more a { font-size: 0.75rem; min-width: 140px; font-weight: 500; padding: 0.6rem 1.5rem; } .blog-grid .article__content-read-more a svg { transition: transform .25s ease-out; transform: translate3d(5px, -1px, 0); } .blog-grid .article__content-read-more a:hover svg { transform: translate3d(10px, -1px, 0); } /*Blog Detail*/ body.single-post .wrap article.single-main-article { padding-top: calc(6rem + 40px); } @media (min-width:992px) { body.single-post .wrap article.single-main-article { padding-top: calc(6.5rem + 60px); } } @media (min-width:992px) { body.single-post .post > header, body.single-post .entry-content > p { margin: 2rem 8rem 0; } } body.single-post .wrap div.meta { font: 400 1.25rem/1 var(--font-family-secondary); } body.single-post .wrap div.meta > div { margin: 0 0 1rem; } body.single-post .wrap div.meta__date-category, body.single-post .wrap div.meta__date-category a { font: 700 1.5rem/1 var(--font-family-secondary); color: var(--orange); } @media (min-width: 768px) { body.single-post .wrap div.meta, body.single-post .wrap div.meta__date-category, body.single-post .wrap div.meta__date-category a { font-size: 1.375rem; } } body.single-post .wrap div.meta__date-category a:hover { color: var(--secondary); } body.single-post .wrap .meta__social-share { display: flex; align-items: center; margin-top: 2rem; } body.single-post .wrap .meta__social-share > span { margin-right: 10px; } body.single-post .wrap .meta__social-share .heateor_sss_sharing_container ul a[target=_blank]:after { display: none; } body.single-post .wrap .entry-content { margin: 2rem 0; } body.single-post .wrap .entry-content .wp-block-image figure { float: none; clear: left } @media (min-width:768px) { body.single-post .wrap .entry-content .wp-block-image figure.alignleft { float: left } body.single-post .wrap .entry-content .wp-block-image figure.alignright { float: right } } body.single-post .wrap .entry-content .wp-block-image figure:after, body.single-post .wrap .entry-content p > img:before { clear: both; display: block; content: "" } body.single-post .wrap .entry-content .zdcb-basic-content-image-block.has-background hr { left: -100%; top: 0; width: 300% } body.single-post .wrap .entry-content .zdcb-key-features-block { position: relative; } body.single-post .wrap .entry-content .zdcb-key-features-block:after { content: ""; background: rgba(var(--bgGray), 1); position: absolute; z-index: -1; left: -100%; width: 300%; height: 100%; top: 0; } /*Related Articles*/ body.single-post .related-articles { background: rgba(var(--bgGray), 1); padding: 3rem 0; } @media (min-width:768px) { body.single-post .related-articles { padding: 5rem 0; } } @media (min-width:992px) { body.single-post .related-articles { padding: 7.5rem 0; } } body.single-post .related-articles__posts { z-index: 2; padding: 0 30px; } body.single-post .related-articles__posts .posts__article { width: 100%; margin: 0 15px; } body.single-post .related-articles__posts .posts__article .article__image { overflow: hidden; height: 200px; border-radius: 1.5rem; } @media (min-width: 768px) { body.single-post .related-articles__posts .posts__article .article__image { height: 250px; } } body.single-post .related-articles__posts .posts__article .article__image img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.75s ease-out; } body.single-post .related-articles__posts .posts__article:hover .article__image img { transform: scale3d(1.15, 1.15, 1.15); } body.single-post .related-articles__posts .posts__article .article__content { font-weight: 400; } body.single-post .related-articles__posts .posts__article .article__content span, body.single-post .related-articles__posts .posts__article .article__content span a { color: var(--secondary); font-weight: 500; font-size: 0.875rem; } body.single-post .related-articles__posts .posts__article .article__content span a:hover { color: var(--orange); text-decoration: underline; } body.single-post .related-articles__posts .posts__article .article__content header h3, body.single-post .related-articles__posts .posts__article .article__content header h3 a { font: 700 1.25rem/1.35 var(--font-family-secondary); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--secondary); } @media (min-width: 1200px) { body.single-post .related-articles__posts .posts__article .article__content header h3 { font-size: 1.375rem; } } body.single-post .related-articles__posts .posts__article .article__content header h3 a:hover { color: var(--orange); text-decoration: underline; } body.single-post .related-articles__posts .posts__article .article__content-excerpt { color: var(--gray); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.single-post .related-articles__posts .posts__article .article__content-read-more a { font-size: 0.75rem; min-width: 140px; font-weight: 500; padding: 0.6rem 1.5rem; } body.single-post .related-articles__posts .posts__article .article__content-read-more a svg { transition: transform .25s ease-out; transform: translate3d(5px, -1px, 0); } body.single-post .related-articles__posts .posts__article .article__content-read-more a:hover svg { transform: translate3d(10px, -1px, 0); } body.single-post .related-articles__slick-arrows { display: flex; justify-content: space-between; position: absolute; width: 100%; top: calc(50% - 30px); z-index: 2; left: 0; } body.single-post .related-articles__slick-arrows .slick-arrow { position: relative; width: 40px; height: 40px; transform: none; background: transparent; flex-shrink: 0; border-radius: 100%; border: 1px solid var(--secondary); padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; } @media (min-width: 576px) { body.single-post .related-articles__slick-arrows .slick-arrow { width: 50px; height: 50px; } } @media (min-width: 768px) { body.single-post .related-articles__slick-arrows .slick-arrow { width: 60px; height: 60px; } } body.single-post .related-articles__slick-arrows .slick-arrow.slick-hidden { display: none; } body.single-post .related-articles__slick-arrows .slick-arrow svg { fill: var(--secondary); } body.single-post .related-articles__slick-arrows .slick-arrow:focus, body.single-post .related-articles__slick-arrows .slick-arrow:hover { background: var(--secondary); } body.single-post .related-articles__slick-arrows .slick-arrow:focus svg, body.single-post .related-articles__slick-arrows .slick-arrow:hover svg { fill: var(--primary); } body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: 5px; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: 5px; } @media (min-width: 576px) { body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: -1%; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: -1%; } } @media (min-width: 768px) { body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: -2%; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: -2%; } } @media (min-width: 992px) { body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: -8px; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: -8px; } } @media (min-width: 1200px) { body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: -2.5%; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: -2.5%; } } @media (min-width: 1400px) { body.single-post .related-articles__slick-arrows .slick-arrow.prev-3 { left: -3%; } body.single-post .related-articles__slick-arrows .slick-arrow.next-3 { right: -3%; } } /*Contact Form Block*/ .zdcb-contact-block hr { display: block; position: absolute; z-index: -1; background: rgba(var(--bgGray), 1) url(../images/page-title-bg.png) 0 0 repeat; border: 0; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; height: 100%; opacity: 1; } .zdcb-contact-block .contact-details { list-style: none; margin: 0; padding: 2rem 0 0; display: flex; justify-content: space-between; } @media (max-width: 575.98px) { .zdcb-contact-block .contact-details { padding: 1rem 0 0; flex-direction: column; } } .zdcb-contact-block .contact-details li { margin: 0 1rem 0 0; padding: 0; width: 100%; } @media (max-width: 575.98px) { .zdcb-contact-block .contact-details li { margin: 0 0 2rem 0; } .zdcb-contact-block .contact-details li:last-child { margin: 0; } } .zdcb-contact-block .contact-details li .contact-icon { margin-bottom: 1rem; } .zdcb-contact-block .contact-details li .contact-icon svg { width: 35px; height: 35px; } @media (min-width: 992px) { .zdcb-contact-block .contact-details li .contact-icon svg { width: 40px; height: 40px; } } .zdcb-contact-block .contact-text { color: var(--secondary); } .zdcb-contact-block .contact-text strong { font-size: 1.125rem; font-weight: 600; } .zdcb-contact-block .contact-text span { display: block; font-size: 0.875rem; font-weight: 500; } .zdcb-contact-block .contact-text a:link, .zdcb-contact-block .contact-text a:visited { color: var(--secondary); } .zdcb-contact-block .contact-text a:hover { color: var(--orange); } .zdcb-contact-block .contact-form { background: var(--white); padding: 1.5rem; border-radius: 1.5rem; box-shadow: 2px 2px 15px 0 rgba(40, 53, 130, 0.1); position: relative; z-index: 1; } @media (min-width: 576px) { .zdcb-contact-block .contact-form { padding: 2.5rem; border-radius: 2rem; } } @media (min-width: 1200px) { .zdcb-contact-block .contact-form { margin-left: 3rem; border-radius: 2.5rem; } } @media (min-width: 1400px) { .zdcb-contact-block .contact-form { margin-left: 5rem; } } /*Map Block*/ .zdcb-contact-block + .zdcb-map-block { padding: 0; margin-top: -5rem; } .zdcb-map-block .map { width: 100%; height: 450px; } @media (min-width: 768px) { .zdcb-map-block .map { height: 550px; } } .zdcb-map-block .map img { height: inherit; } .zdcb-map-block .map a[target=_blank]:after { display: none } /*Thanks Block*/ .zdcb-thanks-block { background: var(--white); } .zdcb-thanks-block svg { width: 60px; height: 60px; } @media (min-width: 768px) { .zdcb-thanks-block svg { width: 80px; height: 80px; } } /*Error 404 Page*/ body .error-404 h1, body .error-404 h2, body .error-404 h3, body .error-404 h4, body .error-404 h5, body .error-404 h6 { color: var(--secondary); } body .error-404 .alert-primary { color: var(--secondary); background-color: var(--white); border-color: var(--gray); } /*Project Step Block*/ .zdcb-project-step-block { background: var(--secondary) url(../images/pattern-bg.png) 0 0 repeat; } body .zdcb-project-step-block h1, body .zdcb-project-step-block h2 { color: var(--white); } /**/ section .cd-timeline { overflow: hidden; padding: 0; color: var(--white); } @media (min-width: 992px) { section .cd-timeline { padding: 2.5rem 0 0; } } section .cd-timeline h3 { font-size: 1.15rem; font-weight: 600; color: var(--yellow); margin: 0 0 5px; } section .cd-timeline p.is-style-subtitle { font-size: 1rem; color: var(--white); font-weight: 600; } @media (min-width: 576px) { section .cd-timeline h3 { font-size: 1.25rem; } section .cd-timeline p.is-style-subtitle { font-size: 1.125rem; } } @media (min-width: 992px) { section .cd-timeline h3 { font-size: 1.5rem; } } section .cd-timeline ul { list-style: none; margin: 0; padding: 0; } section .cd-timeline ul li { font-size: 0.875rem; margin: 0.2rem 0; position: relative; color: var(--white); } section .cd-timeline ul li a:link, section .cd-timeline ul li a:visited { color: var(--white); } section .cd-timeline ul li a:hover { color: var(--orange); } section .cd-timeline ul li::before { content: "• "; color: var(--yellow); font-size: 1rem; line-height: 0; } section .cd-timeline ul li:last-child { margin-bottom: 0; } section .cd-timeline__container { position: relative; padding: 1.25em 0; } section .cd-timeline__block { display: -ms-flexbox; display: flex; position: relative; z-index: 1; min-height: 180px; } section .cd-timeline__block:last-child { min-height: inherit; margin-bottom: 0; } section .cd-timeline__block::before { display: none; content: ''; position: absolute; top: 0%; left: 38px; height: 100%; width: 3px; background: #fa731f; background: -moz-linear-gradient(top, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(top, #fa731f 0%, #ffc315 100%); background: linear-gradient(to bottom, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=0); z-index: -1; } @media (min-width: 768px) { section .cd-timeline__block::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } section .cd-timeline__block:last-child { margin-bottom: 0; } section .cd-timeline__block:last-child::before { display: none; } @media (min-width: 768px) { section .cd-timeline__block:nth-child(odd) { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } section .cd-timeline__img { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 80px; height: 80px; border-radius: 50%; background: #fa731f; background: -moz-linear-gradient(top, #fa731f 0%, #ffc315 100%); background: -webkit-linear-gradient(top, #fa731f 0%, #ffc315 100%); background: linear-gradient(to bottom, #fa731f 0%, #ffc315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa731f', endColorstr='#ffc315', GradientType=0); } section .cd-timeline__img img { width: 30px; height: 30px; } @media (min-width: 768px) { section .cd-timeline__img { width: 112px; height: 112px; -ms-flex-order: 1; order: 1; margin-left: calc(5% - 56px); margin-right: calc(5% - 56px); will-change: transform; } section .cd-timeline__img img { width: 40px; height: 40px; } } section .cd-timeline__content { -ms-flex-positive: 1; flex-grow: 1; position: relative; margin-left: 1em; padding: 0 1rem 3rem 1rem; } section .cd-timeline__block:last-child .cd-timeline__content { padding-bottom: 0; } @media (min-width: 576px) { section .cd-timeline__content { margin-left: 1.25em; padding: 0 3.25rem 3rem 3.25rem; } } @media (min-width: 768px) { section .cd-timeline__content { width: 45%; -ms-flex-positive: 0; flex-grow: 0; will-change: transform; margin: 0; font-size: 0.8em; --line-height-multiplier: 1.2; text-align: right; } section .cd-timeline__block:nth-child(odd) .cd-timeline__content { text-align: left; } section .cd-timeline__block:nth-child(even) .cd-timeline__content { padding-left: 0; } section .cd-timeline__block:nth-child(odd) .cd-timeline__content { padding-right: 0; } } /*Product Specifications Block*/ .zdcb-product-specification-block { background: var(--bgWhite); } .zdcb-product-specification-block .accordion-item { border-color: #a1a9b4; } .zdcb-product-specification-block .accordion-button { background-color: rgba(var(--bgGray), 1); padding: 1.2rem 2rem; font-size: 1.125rem; font-weight: 600; color: var(--secondary); } .zdcb-product-specification-block .accordion-button:focus { box-shadow: none; } .zdcb-product-specification-block .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230F3361'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .zdcb-product-specification-block .accordion-button:not(.collapsed) { color: var(--secondary); background-color: rgba(var(--bgGray), 1); } .zdcb-product-specification-block .accordion-body { padding: 0; } .zdcb-product-specification-block .table { font-size: 0.875rem; font-weight: 400; color: var(--secondary); margin: 0; } .zdcb-product-specification-block .table > :not(caption) > * > * { padding: 0.8rem 2rem; font-weight: 400; background-color: #F9F9F9; border: none; } .zdcb-product-specification-block .table-striped > tbody > tr:nth-of-type(2n+1) > * { background-color: #F1F1F1; color: var(--secondary); box-shadow: none; border: none; } /****************************** ****************************** Animation CSS ****************************** *****************************/ .reveal-up { opacity: 0; transform: translate(0px, 100px); } .reveal-down { opacity: 0; transform: translate(0px, -100px); } .heading-spit { position: relative; overflow: hidden; } .reveal-img { visibility: hidden; position: relative; overflow: hidden; } .headingspit { transform: translate(0px, 130px); opacity: 0; clip-path: inset(0% 0% 100%); }