/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/




@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900|Roboto:100,300,400,500,700,900&display=swap');
div#header-outer {
    background: #ffffff !important;
    height: 100px;
}

header#top {bottom: 25px;}

div#header-space {
    height: 100px !IMPORTANT;
}

#top .col.span_3 {
    background: #fff;
    position: relative;
    padding: 10px 40px;
}
#top nav ul li a {
    color: #000000 !IMPORTANT;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    /* color: #fff !IMPORTANT; */
    text-transform: uppercase;
    font-weight: 600;
}

#top nav ul li {
    padding: 0 5px;
}
#top nav ul li.chinese a {
   color: #29b473 !important;
   margin-left: 20px !important;
   font-size: 12px !important;
   padding: 0 !important;
   margin-right: 0px !IMPORTANT;
}

#top nav ul li.espanol a {
    border-left: 1px solid #ffffff80;
    font-size: 12px !important;
    color: #29b473 !important;
    margin-left: 0 !important;
    padding-left: 10px !important;
}


body.material [data-bullet_style="see_through"] .slider-pagination:not(.dark-cs) .swiper-pagination-switch.swiper-active-switch:before {
    background: #29b473;
    border-radius: 0px !important;
}

body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before {
    transform: scale(2);
    border-radius: 0px;
    box-shadow: none !important;
    border: 1px solid #ffffff;
}


span.swiper-pagination-switch {
    position: relative;
    margin-bottom: 10px !important;
}

span.swiper-pagination-switch::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 20px;
    background: #ffffff;
    top: 29px;
}

span.swiper-pagination-switch:last-child::after {
    display: none;
}
.sec-banner h5 {
    display: none;
    padding-left: 48.5%;
    margin-bottom: 0;
    color: #000000;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
}

.sec-banner h2 {
    padding-bottom: 50px;
    font-size: 72px !IMPORTANT;
    font-family: 'Playfair Display', serif !important;
    color: #29b473 !important;
    font-weight: bold !important;
    letter-spacing: 3px !IMPORTANT;
    line-height: 50px !IMPORTANT;
}

.sec-banner p.bnr-txt {
    position: relative;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    width: 65%;
    line-height: 29px !IMPORTANT;
    padding-bottom: 20px !important;
    color: #000000;
}

.sec-banner a {
    position: relative;
    font-weight: 800 !important;
    font-family: fontawesome;
    display: inline-block;
    padding-left: 20px;
    font-size: 18px;
}

.sec-banner a::after {
    position: absolute;
    content: '\f178';
    font-family: fontawesome;
    right: -30px;
    top: 2px;
}

.sec-banner p.bnr-txt::before {
    position: absolute;
    content: '';
    background: #00599b;
    height: 123%;
    width: 6px;
    left: 0;
}
.sec-about h5 {
    position: relative;
    left: -50px;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
}

.sec-about h2 {
    position: relative;
    left: -50px;
    padding: 15px 0 30px 0;
    font-size: 72px;
    font-family: 'Playfair Display', serif;
    color: #000000;
    font-weight: bold;
    letter-spacing: 3px;
}
.sec-about p.abt-txt1 {
    width: 110%;
    position: relative;
    left: -50px;
}

.sec-about h5::before {
    position: absolute;
    width: 170px;
    content: '';
    background: #29b473;
    height: 190px;
    z-index: -1;
    top: -80px;
    left: -9px;
}

span.white {
    color: #ffffff;
}
.sec-about a.btn-learn {
    margin-right: 20px;
    font-size: 16px;
    background: #00599b;
    color: #ffffff;
    padding: 20px 60px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.sec-about a.btn-contact {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background: #29b473;
    color: #ffffff;
    padding: 20px 60px;
    display: inline-block;
}
#sec-whatwe {
    background: #f5f5f5;
    padding: 100px 200px 100px 130px !IMPORTANT;
}
.sec-whatwe h5 {
    position: relative;
    /* left: -50px; */
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
}

.sec-whatwe h2 {
    position: relative;
    /* left: -50px; */
    padding: 15px 0 30px 0;
    font-size: 72px;
    font-family: 'Playfair Display', serif;
    color: #000000;
    font-weight: bold;
    letter-spacing: 3px;
}

.sec-whatwe h5::before {
    position: absolute;
    width: 200px;
    content: '';
    background: #00599b;
    height: 190px;
    z-index: -1;
    top: -80px;
    left: -9px;
}



.sec-whatwe p.whatwe-txt {
    padding-bottom: 40px !important;
    font-size: 16px;
    width: 60%;
    font-family: 'Roboto', sans-serif;
}

.sec-whatwe img {
    width: 95%;
}

.sec-whatwe .what1, .sec-whatwe .what2, .sec-whatwe .what3 {
    transition: 0.5s ease;
    padding: 0px 30px 60px 30px;
    position: absolute;
    top: 0;
    /* background: #000; */
    width: 90%;
    height: 94.5%;
}

.sec-whatwe .what1 h3, .sec-whatwe .what2 h3, .sec-whatwe .what3 h3 {font-family: 'Playfair Display', serif;font-size: 20px;color: #fff;}

.sec-whatwe .what1 p, .sec-whatwe .what2 p, .sec-whatwe .what3 p {
    line-height: 18px;
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffffff;
}

.sec-whatwe .what1 a, .sec-whatwe .what2 a, .sec-whatwe .what3 a {
    position: relative;
    font-weight: 800 !important;
    font-family: fontawesome;
    display: inline-block;
    /* padding-left: 20px; */
    font-size: 18px;
}

.what1 a::after, .what2 a::after, .what3 a::after {
    position: absolute;
    content: '\f178';
    font-family: fontawesome;
    right: -30px;
    top: 2px;
}
/* 
.what1:hover, .what2:hover, .what3:hover {
    padding: 60px 20px 60px 20px;
    border: 10px solid #ffffff;
    background: #29b473 !important;
    height: 96.5%;
    transition: 0.5s ease;
}

.what1:hover a, .what2:hover a, .what3:hover a {
    color: #ffffff;
} */
.sec-refugee h2 {
    font-size: 50px;
    color: #000000;
    font-family: 'Playfair Display', serif;
}

.sec-refugee p {
    padding-top: 10px;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 16px;
}

.sec-refugee a {
    /* margin-right: 20px; */
    /* font-size: 16px; */
    /* background: #00599b; */
    /* color: #ffffff; */
    /* padding: 18px 60px; */
    /* display: inline-block; */
    /* font-family: 'Roboto', sans-serif; */
}
.sec-refugee p.res-txt1 {padding-top: 50px;padding-bottom: 0;}

.sec-refugee p.res-txt2 {
    padding-bottom: 0;
    padding-top: 30px;
}

/* toggle css */
body div[data-style*="minimal"] .toggle h3 a {
    margin-bottom: 20px;
    background: #292929bf !important;
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    padding: 20px 20px 20px 30px;
    color: #ffffff;
    line-height: 25px;
}

body div[data-style*="minimal"] .toggle h3 a:hover {
    color: #ffffff !important;
}

.sec-refugee .toggle p {
    padding-top: 0;
    padding-left: 30px;
}

div[data-style="minimal"] .toggle.default.open i {
    border-color: #ffffff !important;
}

div[data-style="minimal"] .toggle.default.open i::before {
    background: #ffffff !important;
}

div[data-style="minimal"] .toggle.default.open i::after {
    background: #ffffff !important;
}


.sec-refugee div[data-style*="minimal"] .toggle h3 i {
    border: none;
    border-color: #ffffff;
}

div[data-style*="minimal"] .toggle h3 i::before {
    background: #ffffff !IMPORTANT;
}

div[data-style*="minimal"] .toggle h3 i::after {
    background: #ffffff !IMPORTANT;
}

/* toggle css */
.sec-refugee .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-7 {
    position: relative;
}

.sec-refugee .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-7::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #ffffff3b;
    right: -8px;
}

.sec-cont ul.form-cont li {
    padding-bottom: 10px;
    list-style: none;
}

.sec-cont ul.form-cont {
    margin: 0;
}

.sec-cont ul.form-cont li:nth-child(3) {
    float: left;
    width: 100%;
}

.sec-cont ul.form-cont li:nth-child(4) {
    width: 100%;
    /* float: right; */
}

.sec-cont .form-cont input[type=text], .sec-cont .form-cont textarea, .sec-cont .form-cont input[type=email], .sec-cont .form-cont input[type=password],  input[type=tel], input[type=url], input[type=search], .sec-cont .form-cont input[type=date] {
    padding: 20px 20px;
    background: #ffffff;
}

.sec-cont .form-cont textarea {
    height: 180px;
    resize: none;
}
body[data-form-submit="regular"] {
}

.sec-cont .wpcf7 p {
    position: relative;

}

html body input.wpcf7-form-control.wpcf7-submit {
    font-size: 30px;
    text-transform: uppercase;
    background: transparent !important;
    color: #29b473;
	float: right;
}

.sec-cont .wpcf7 p::after {
    transform: scale(1.5);
    position: absolute;
    content: '\f1d8';
    font-family: fontawesome;
    color: #29b473;
    right: 10px;
    top: 17px;
}
.sec-cont h2 {
    color: #000000;
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
}

.sec-cont p.txt-cont {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
	border-color: #e83338 !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	border-color: red !important;
	color: red !important;
	text-align: left;
	float: left;
}

span.wpcf7-not-valid-tip {
	display: none;
}
/* footer css */
#footer-outer h4 {
    margin-bottom: 0 !IMPORTANT;
    text-transform: capitalize !IMPORTANT;
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 0px !IMPORTANT;
    color: #ffffff !important;
    font-weight: 400 !important;
}

#footer-outer {
    background: #000000;
}

#footer-outer a {
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 5px !IMPORTANT;
    display: inline-block;
}

#footer-outer .row {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}

#footer-outer #copyright p {
    font-size: 18px;
    color: #ffffff;
}
#footer-outer #footer-widgets .col p {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 15px;
}
#footer-outer #footer-widgets .col p {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 15px;
}

#footer-outer #copyright {
    padding-top: 10px !important;
}
/* footer css */
.sec-whatwe .row-bg-wrap {
    position: relative;
}

.sec-whatwe .row-bg-wrap::after {
    top: -360px;
    position: absolute;
    content: url(/wp-content/uploads/2020/03/what-we-bg-before.png);
    z-index: -1;
    background-repeat: no-repeat !important;
    right: -280px;
}
.sec-family-law h3 {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #000000;
}

.sec-family-law p.what1-txt {
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000000;
}
img.alignnone.size-full.wp-image-23 {
    filter: brightness(0);
}
html body.material header#top .sf-menu li.sfHover ul {
    top: 70%;
}

body.material header#top .sf-menu li.sfHover ul li a {
    color: #000000 !IMPORTANT;
}
div#gtranslate_wrapper {
    position: absolute !important;
    top: 32px !important;
    right: 6% !important;
}
a.glink.nturl.notranslate {
    font-size: 10px;
    padding-right: 5px;
}

@media (min-width: 1280px) and (max-width: 1440px){
	#top .col.span_9.col_last {
    margin-left: 50px !IMPORTANT;
}

#top nav ul li a {
    font-size: 12px !IMPORTANT;
}
}

@media (min-width: 1220px) and (max-width: 1279px){
	#top nav ul li a {
    font-size: 10px !important;
}

#top .col.span_9.col_last {
    margin-left: 50px !IMPORTANT;
}


}
@media (min-width: 1200px) and (max-width: 1219px){
	#top nav ul li a {
    font-size: 10px !important;
}

#top .col.span_9.col_last {
    margin-left: 50px !IMPORTANT;
}


}
@media (min-width: 1080px) and (max-width: 1119px){
	#top nav ul li a {
    margin: 0px !important;
    font-size: 10px !important;
}

#top .col.span_9.col_last {
    margin-left: 30px !IMPORTANT;
}
}
.page-id-90 img.img-with-animation.skip-lazy.animated-in, .page-id-94 img.img-with-animation.skip-lazy.animated-in, .page-id-97 img.img-with-animation.skip-lazy.animated-in{
    width: 80%;
}
div#google_translate_element {
    position: absolute;
    right: 0;
    top: 28px;
}
.swiper-slide[data-bg-alignment="center"] .image-bg {
    filter: invert(1) !important;
}
.sec-refugee .row-bg.using-image {filter: invert(1) !IMPORTANT;}

#page-header-bg[data-bg-pos="center"] .page-header-bg-image {
    filter: invert(1) !important;
    background-position: bottom;
}