/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--black: #000000;
	--white: #ffffff;
}

h1, h2, h3, h4, h5, h6, p, a, ul li, body { color: #000000; font-family: 'Poppins', sans-serif!important; } 
h1, h2, h5 { font-weight: 600; }
h3 { font-weight: 500; }
h4 { font-weight: 400; }
p, ul li, body { font-weight: 300; }
strong { font-weight: 700; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1 { font-size: 48px; line-height: 53px; }
h2 { font-size: 40px; line-height: 45px; }
h3 { font-size: 23px; line-height: 28px; }
h4 { font-size: 18px; line-height: 29px; }
h5 { font-size: 20px; line-height: 25px; }
p, ul li { font-size: 17px; line-height: 23px; }

@media (max-width: 1499px) {
    h1 { font-size: 46px; line-height: 51px; }
    h2 { font-size: 38px; line-height: 43px; }
}

@media (max-width: 1199px) {
    h1 { font-size: 44px; line-height: 49px; }
    h2 { font-size: 36px; line-height: 41px; }
}

@media (max-width: 999px) {
	h1 { font-size: 42px; line-height: 47px; }
    h2 { font-size: 34px; line-height: 39px; }
	h3 { font-size: 21px; line-height: 26px; }
	h4 { font-size: 17px; line-height: 22px; }
	h5 { font-size: 19px; line-height: 24px; }
	p, ul li {  font-size: 16px; line-height: 22px; }
}

@media (max-width: 699px) {
	h1 { font-size: 40px; line-height: 45px; }
    h2 { font-size: 32px; line-height: 37px; }
	h3 { font-size: 20px; line-height: 25px; }
	h4 { font-size: 16px; line-height: 21px; }
	h5 { font-size: 18px; line-height: 24px; }
	p, ul li {  font-size: 15px; line-height: 21px; }
}

@media (max-width: 480px) {
	h1 { font-size: 38px; line-height: 43px; }
	h2 { font-size: 30px; line-height: 35px; }
}

.text-white { color: var(--white)!important; }
.text-black { color: var(--black)!important; }
.text-site1 { color: var(--nectar-accent-color)!important; }
.text-site2 { color: var(--nectar-extra-color-1)!important; }

body[data-bg-header=true] .container-wrap { padding-bottom: 0!important; }

h2 strong { color: var(--nectar-accent-color)!important; font-weight: 600; }

.img-100 { width: 100%!important; }
.nectar-button.large { font-family: 'Poppins', sans-serif!important; font-size: 17px; font-weight: 600; text-transform: uppercase; }

body[data-header-resize="1"] .container-wrap { padding-top: 0; }
.padding-left-column { padding-left: calc(calc(100vw - 1320px) / 2)!important; }
.padding-right-column { padding-right: calc(calc(100vw - 1320px) / 2)!important; }

@media (max-width: 1515px) {
    .padding-left-column { padding-left: 90px!important; }
    .padding-right-column { padding-right: 90px!important; }
}

@media (max-width: 999px) {
    .nectar-button.large { font-size: 16px; }
    .padding-left-column { padding-left: 60px!important; }
    .padding-right-column { padding-right: 60px!important; }
}

@media (max-width: 690px) {
    .nectar-button.large { font-size: 15px; }
    .padding-left-column { padding-left: 25px!important; }
    .padding-right-column { padding-right: 25px!important; }
}


/********************
 HEADER
 *******************/
#top nav>ul>li>a { color: var(--black); font-size: 17px; font-weight: 400; line-height: 17px; }

body.material #header-secondary-outer { background-color: var(--white); border: none!important; text-align: right; }
body #header-secondary-outer .nectar-center-text { color: #77797A; font-size: 9px; font-weight: 400; text-align: right!important; max-width: 100%; }
body #header-secondary-outer .nectar-center-text:before { content: ''; background: url('assets/img/ibex-insurance-logo.png') no-repeat center right; background-size: contain; display: inline-block; height: 16px; opacity: 1; position: absolute; top: 50%; transform: translate(-115%,-50%); width: 45px; z-index:1; }

#slide-out-widget-area .inner .off-canvas-menu-container li>a { font-weight: 400!important; }

#header-secondary-outer { transform: translateY(10px); }

@media (max-width: 1445px) {
    
}

@media (max-width: 1299px) {
    
}

@media (max-width: 1099px) {
    
}

@media (max-width: 999px) {
    
}

@media (max-width: 999px) {

}


/********************
 FOOTER
 ********************/
.footer-menu, .legal-menu { list-style: none; text-align: center; }
.footer-menu li, .legal-menu li { color: #B6B7B7!important; display: inline-block; list-style: none; }
.footer-menu li:not(last-child), .legal-menu li:not(last-child)  { padding-right: 20px; }
.footer-menu li a { color: #B6B7B7!important; font-size: 16px; font-weight: 400; }

#menu-legal-menu, .legal-menu { margin-bottom: 0!important; padding-bottom: 0!important; }
.legal-menu li a { color: #B6B7B7!important; font-size: 12px; font-weight: 400; }
.legal-menu li a:hover, .footer-menu li a:hover { color: var(--nectar-accent-color)!important; }

.contact-footer .iwithtext { margin: 0 auto; width: fit-content; }
.contact-footer .iwithtext a { color: var(--white); }
.contact-footer .iwithtext h3 { font-size: 22px; font-weight: 400; }

.footer-copy p, .footer-copy a { color: #77797A!important; font-size: 12px; font-weight: 400; text-align: center; }
.footer-copy a { opacity: 1!important; }
.footer-copy a:hover { color: var(--nectar-accent-color)!important; }

@media (max-width: 1199px) {
    .contact-footer .iwithtext h3 { font-size: 20px; }
}

@media (max-width: 999px) {
    .contact-footer .iwithtext h3 { font-size: 18px; }
}

@media (max-width: 690px) {
    .footer-menu li {  display: block; margin: 0 auto 10px; width: fit-content; }

    .contact-footer .iwithtext h3 { font-size: 16px; }
}

@media (max-width: 690px) {

}


/********************
 HOMEPAGE
 ********************/
.home-bkg .row-bg-wrap:after { content: ''; background: url('assets/img/divider-homepage.jpg') no-repeat center right; background-size: contain; display: inline-block; height: 100%; opacity: 1; position: absolute; right: 25%; top: 50%; transform: translateY(-50%); width: 100%; z-index:1; }

.border-depth .row-bg-wrap { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); }

.page-link-text { padding-top: 50px; }
.page-link-text p { position: relative; }
.page-link-text p a img { left: 50%; margin-bottom: 0!important; position: absolute; z-index: 99999; transform: translate(-50%,-50%); }
.page-link-text p a:after { content: ''; background: var(--nectar-accent-color); border-radius:50%; left: 50%; height: 118px; position: absolute; width: 118px; transform: translate(-50%,-50%); }
.page-link-text h3 { padding-top: 45px; }
.page-link-text:hover h3 { text-decoration: underline; text-decoration-color: var(--nectar-accent-color); }
.page-link-text:hover p a:after { background: var(--black); }

.img-global-section .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 0!important; }

.toggles--minimal-shadow .toggle { border: 1px solid var(--nectar-accent-color)!important; border-radius: 10px; margin-bottom: 10px!important; }
.toggles--minimal-shadow .toggle > .toggle-title a { padding: 15px 70px 15px 0; }
.toggle>.toggle-title a { font-size: 17px; font-weight: 600; }
div[data-style*=minimal] .toggle>.toggle-title i { border-color: var(--nectar-accent-color); }
.toggles--minimal-shadow .toggle > .toggle-title i:before, .toggles--minimal-shadow .toggle > .toggle-title i:after { background-color: var(--nectar-accent-color); }

.img-global-section .nectar-button.large { text-align: center; width: 100%; }

.row-height { height: 120px; padding-bottom: 0!important; }
.row-height .row_col_wrap_12_inner.col.span_12 { height: 100%; }
.row-height img { max-height: 80px; }

@media (max-width: 1499px) {
	
}	

@media (max-width: 1299px) {
    
}

@media (max-width: 999px) {
    .page-link-text { padding-top: 45px; }
    .page-link-text h3 { padding-top: 40px; }
}

@media (max-width: 690px) {
    .page-link-text { padding-top: 35px; }
    .page-link-text h3 { padding-top: 35px; }

    body .toggles--minimal-shadow .toggle { padding: 0 20px; }
    .toggles--minimal-shadow .toggle > .toggle-title a { padding: 15px 50px 15px 0; }
    .toggle>.toggle-title a { font-size: 15px; }
}

@media (max-width: 480px) {
    
}


/********************
 PAGES
 ********************/
.policy-rows .iwithtext { border: 1px solid #B6B7B7; border-radius: 10px; margin-bottom: 10px!important; min-height: 91px; padding: 15px 10px; }
.policy-rows .iwithtext .iwt-icon { left:15px; top: 18px; }

.featured-media-under-header__featured-media .post-featured-img img, .masonry-blog-item .content-inner .post-featured-img img { border-radius: 35px; }
.category .row .col.section-title { margin-bottom: 30px; }

@media (max-width: 999px) {
    
}

@media (max-width: 690px) {
    
}

@media (max-width: 480px) {
    
}


/********************
 CONTACT PAGE
 ********************/
.contact-section .iwithtext { margin: 0 auto; width: fit-content; }
.contact-section a { color: var(--black); }

.wpcf7-form input, .wpcf7-form textarea { background: var(--white)!important; border-radius: 10px; color: #545555!important; font-size: 17px!important; font-weight: 300; padding: 10px; text-align: left!important; }
.wpcf7-form-control.wpcf7-file { width: 100%; }
textarea { height: 140px; }
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder { color: #545555!important; font-size: 17px; font-weight: 300; opacity: 1!important; }
body[data-form-submit=regular] .container-wrap input[type=submit] { background: var(--nectar-accent-color)!important; border-bottom: none!important; border-radius: 6px!important; color: var(--white)!important; font-family: 'Poppins'; font-size:17px!important; font-weight:600; padding: 15px 40px!important; text-align: center!important; }
body[data-form-submit=regular] .container-wrap input[type=submit]:hover { background: var(--black)!important; color: var(--white)!important; }
.wpcf7-spinner { display: none; }

@media (max-width: 999px) {
    
}

@media (max-width: 690px) {
    
}

@media (max-width: 480px) {
    
}