/*
Theme Name: Salient Child Theme
Description: FXChange
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
*/

/* Color Variables */
:root {
    --black: #000000;
    --white: #ffffff;
    --site1: #00A88E;
    --site2: #005dac;
    --site3: #06385c;
    --site4: #3e4b5a;

    --facebook: #1877F2;
    --instagram: #E4405F;
    --linkedin: #0A66C2;
    --twitter: #1DA1F2;
    --youtube: #CD201F;
    --whatsapp: #25D366;
}
/* Color Variables */

/* FONTS */


/* FONTS */

.multiply .row-bg-overlay { mix-blend-mode: multiply; }

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

body, p, a, li, div, table, tr, td {  }
h1 {  }
h2, h3, h4 {  }

table, tr, td { font-size: 18px!important; line-height: 26px!important; font-weight: 400!important; }
table { margin: 30px 0!important; }
strong, b {  }
.light { }

.lined:after { content:' '; width: 100px; height: 2px; background: var(--site2); display: block; margin: 20px 0 30px 0;}
.lined[style*="text-align: center"]:after  {  margin: 20px auto 30px auto; }

.nectar-button.small.regular span { padding: 10px 20px; font-size: 18px; font-weight: 600; }

.wpb_wrapper ul { list-style-type: none!important; margin-left: 0;}
.wpb_wrapper ul li { font-size: 16px!important; line-height: 32px!important; color: var(--black); list-style-type: none!important;}
.wpb_wrapper ul li::before {content: "\2022";color: var(--site1); font-weight: bold; display: inline-block; width: 16px; margin-left: 0px; font-size: 22px;position: relative;top: 2px;}

.bkg-cover {background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center;}
.bkg-fixed { background-repeat: no-repeat!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center; background-attachment: fixed!important; }
.bkg-contain { background-repeat: no-repeat; -webkit-background-size: contain!important; -moz-background-size: contain!important; -o-background-size: contain!important; background-size: contain!important; }
.bkg-centered { background-position: center; }
.bkg-multiply {mix-blend-mode: multiply;}
.bkg-tl, .wpb_content_element.bkg-tl { background-position: top left!important; }
.bkg-tc, .wpb_content_element.bkg-tc { background-position: top center!important; }
.bkg-tr, .wpb_content_element.bkg-tr { background-position: top right!important; }
.bkg-cl, .wpb_content_element.bkg-cl { background-position: center left!important; }
.bkg-cc, .wpb_content_element.bkg-cc { background-position: center center!important; }
.bkg-cr, .wpb_content_element.bkg-cr { background-position: center right!important; }
.bkg-bl, .wpb_content_element.bkg-bl { background-position: bottom left!important; }
.bkg-bc, .wpb_content_element.bkg-bc { background-position: bottom center!important; }
.bkg-br, .wpb_content_element.bkg-br { background-position: bottom right!important; }

/* ==========================================================================
   HEADER styles
   ========================================================================== */
#header-outer.transparent header:before { content: ''; position: absolute; width: 100%; display: inline-block; height: 100%; background: #06385c; background: linear-gradient(0deg, rgb(6 56 92 / 0) 0%, rgb(6 56 92 / 1) 100%); webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; pointer-events: none; }
#header-outer.transparent.small-nav header:before { height: 120%; opacity: 1; }
@media only screen and (max-width: 1000px) {
      #header-outer.transparent header:before { top: -12px; height: 160%!important; }
}
html body.material #header-outer #top nav > ul #social-in-menu  { margin: 0!important; }
html body.material #header-outer #top nav > ul #social-in-menu a {width: 33px;height: 33px;line-height: 33px;background: var(--white);border-radius: 50%;color: #fff!important;opacity: 1!important;margin: 3px;}
html body.material #header-outer #top nav > ul #social-in-menu a i {color: var(--site2);font-size: 17px;line-height: 33px;width: 33px;height: 33px;}
html body.material #header-outer #top nav > ul #social-in-menu a:hover { background-color: var(--site1)!important; }
html body.material #header-outer #top nav > ul #social-in-menu a:hover i { color: var(--white)!important; }

/* ==========================================================================
   PAGE styles
   ========================================================================== */

.nectar-button.large, .nectar-button.large span { font-size: 20px; font-weight: 600;}

.home-divider > .row-bg-wrap { overflow: hidden; }
.home-divider > .row-bg-wrap:before { content: ''; position: absolute; display: inline-block; bottom: 0px; width: 100%; height: 220px; background-image: url('/wp-content/uploads/2022/05/divider-white-bottom-row.png');background-position: top center;background-size: 100% 100%;background-repeat: no-repeat;z-index: 99999999; pointer-events: none; }

#todays-rate h6 { display: inline-block; }
#todays-rate .rate-wrap .wpb_wrapper { display: flex; flex-direction: row; justify-content: space-evenly;  align-items: center;}
#todays-rate .rate-wrap .img-with-aniamtion-wrap .hover-wrap { margin: 5px;}
#todays-rate .rate-wrap .wpb_wrapper .iwithtext { margin:0; }
#todays-rate .rate-wrap .wpb_wrapper .iwithtext .iwt-icon img { width: 56px;}
#todays-rate .rate-wrap .wpb_wrapper .iwithtext .iwt-text { padding-left: 70px; }

.box-links > .row_col_wrap_12_inner > .wpb_column .wpb_wrapper { padding: 50px 30px 80px 30px!important; }
.box-links > .row_col_wrap_12_inner > .wpb_column .wpb_wrapper:after { content: ''; position: absolute; display: inline-block; right: 30px; bottom: 30px; width: 24px; height: 24px; background-image: url('/wp-content/uploads/2022/05/icon-arrow-link.png');background-position: top center;background-size: 100% 100%;background-repeat: no-repeat;z-index: 99999999; pointer-events: none; }

/* CONTACT */
.contact-details h4 {padding-left: 30px;position: relative;display: inline-block; color:  var(--site1); }
.contact-details h4:before {display: inline-block;font-family: 'FontAwesome';color:  var(--site1);font-size: 28px;top: 2px;position: absolute;left: 0;}
.contact-details h4.phone:before { content: '\f095';  }
.contact-details h4.email { padding-left: 40px; }
.contact-details h4.email:before { content: '\f003';  }

form input[type=text], textarea, form input[type=email], form input[type=password], form input[type=tel], form input[type=url], form input[type=search], form input[type=date], form textarea {text-align: left;padding-left: 0px!important;padding-right: 0px!important;margin-bottom: 0px;background: #fff;border-bottom: 1px solid var(--site3);border-radius: 0!important;font-size: 16px!important;}
html body .swiper-slide .button a, html body .nectar-button span { font-size: 11px;font-weight: 500!important;letter-spacing: 1.5px;}
html body .nectar-button.small {padding: 13px 30px!important;}
html body .nectar-button.medium {padding: 19px 30px!important;}
html body .nectar-button.medium span { font-size: 16px; }
form input[type=text]:focus, textarea:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=tel]:focus, form input[type=url]:focus, form input[type=search]:focus, form input[type=date]:focus, form textarea:focus { border-color: transparent!important; outline: 0; box-shadow: none; background: #f5f5f5 } 

.wpcf7-form {  text-align: left; }
.wpcf7-form .row { padding-bottom: 0; margin: 0!important; }
.wpcf7-form p {padding-bottom: 10px;padding-top: 5px;}
.wpcf7-form textarea { height: 140px!important; }

@media only screen and (min-width: 1000px) {
	.wpcf7-form .row .span_6.col { width: 48%!important; margin-right: 4%;}
	.wpcf7-form .row .span_6.col:last-child, .wpcf7-form .row .span_6.col_last { margin-right: 0!important; }
}
::placeholder {font-size: 16px;color: var(--site2); }

.contact-details a { color: #fff!important; }
.contact-details a:hover { opacity: 0.5!important; }

/* ==========================================================================
   FOOTER styles
   ========================================================================== */
#footer-outer { position: relative; margin-top: 80px; }
#footer-outer .row { padding-top: 20px!important; }
#footer-outer:before { content: ''; position: absolute; display: inline-block; top: -80px; width: 100%; height: 80px; background-image: url('/wp-content/uploads/2022/05/divider-footer.png');background-position: top center;background-size: 100% 100%;background-repeat: no-repeat;z-index: 99999999; pointer-events: none; }

body #footer-outer[data-cols="1"] #copyright li a i { color: var(--site4); }
body #footer-outer[data-cols="1"] #copyright li a:hover i { color: var(--white); }
body #footer-outer[data-cols="1"] #copyright li a i:after { background: var(--white); opacity: 1; z-index: -1;}
body #footer-outer[data-cols="1"] #copyright li a:hover i:after { background: var(--site1); opacity: 1; }

/* ==========================================================================
   IMG styles
   ========================================================================== */
.square-img { position: relative; overflow: hidden; }
.square-img:before{ content: ""; display: block; padding-top: 100%;}
.square-img > *, .square-img > img {position: absolute!important;width: 100%;height: 100%;top: 0;}
.square-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.rectangle-img { position: relative; overflow: hidden; }
.rectangle-img:before{ content: ""; display: block; padding-top: 50%; }
.rectangle-img > *, .rectangle-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.rectangle-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.sixteen-nine-img { position: relative; overflow: hidden; }
.sixteen-nine-img:before{ content: ""; display: block; padding-top: 56.25%; }
.sixteen-nine-img > *, .sixteen-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.sixteen-nine-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.twentyone-nine-img { position: relative; overflow: hidden; }
.twentyone-nine-img:before{ content: ""; display: block; padding-top: 42.86%; }
.twentyone-nine-img > *, .twentyone-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-nine-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.twentyone-six-img { position: relative; overflow: hidden; }
.twentyone-six-img:before{ content: ""; display: block; padding-top: 28.571%; }
.twentyone-six-img > *, .twentyone-six-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-six-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.twentyone-three-img { position: relative; overflow: hidden; }
.twentyone-three-img:before{ content: ""; display: block; padding-top: 14.28%; }
.twentyone-three-img > *, .twentyone-six-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-three-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.four-three-img {position: relative;overflow: hidden;width:  100%;}
.four-three-img:before{ content: ""; display: block; padding-top: 75%; }
.four-three-img > *, .four-three-img > img { position: absolute;  height: 100%; width: 100%;top: 0; }
.four-three-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
.three-four-img { position: relative; overflow: hidden; }
.three-four-img:before{ content: ""; display: block; padding-top: 133%; }
.three-four-img > *, .three-four-img > img { position: absolute;  height: 100%; width: 100%; top: 0; }
.three-four-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}
/* ==========================================================================
   General Query styles
========================================================================== */
@media only screen and (max-width: 1060px) {
    .inner-container { padding-left: 30px!important; padding-right: 30px!important; }
}
@media only screen and (min-width: 1000px) {
    .auto-col { -webkit-column-width: 50%; -moz-column-column-width: 50%; column-width: 50%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
    .inner-container {max-width: 470px;padding-left: 30px;display: block;width: 100%;position: relative;}
    .inner-container.right {padding-right: 30px;padding-left: 0px;float: right;margin: 0 0 0 auto;}
    .inner-container.right.row {padding-right: 30px;padding-left: 0px;float: none;margin: 0 -15px 0 auto;}
    .inner-container.vc_row.full-width-content {max-width: none;padding: 0;display: flex;}
    .inner-container.vc_row.full-width-content > .col { display: flex;  }
    .inner-container.wpb_column {order: 1!important;}
    .inner-container.wpb_column + .wpb_column { float: left; }
    .vc_col-sm-5 .inner-container {max-width: 470px;}
    .vc_col-sm-7 .inner-container {max-width: 720px;}
    .vc_col-sm-8 .inner-container, .vc_col-sm-8 .inner-container {max-width: 800px;padding-left: 60px!important;}
    .inner-container.vc_col-sm-9 {max-width: 1000px;padding-right: 30px!important;}
    .reverse-order > .col > .wpb_column:first-child { order: 2; margin-left: 2.1%!important;} 
    .vc_row-fluid.reverse-order > .col > .wpb_column:first-child {float: right;margin-left: 2.1%!important; padding-left: 30px; } 
    .vc_row-fluid.reverse-order.no-col-padding > .col > .wpb_column:first-child {float: right;margin-left: 0!important;padding-left: 0px;} 
    .vc_row:not(.reverse-order) > .col > .wpb_column.vc_col-sm-6:first-child {/* padding-right: 30px; */}
    .vc_row:not(.reverse-order) > .col > .wpb_column.vc_col-sm-6:last-child {/* padding-left: 30px; */}
    .vc_row:not(.reverse-order).no-col-padding > .col > .wpb_column:last-child {padding-left: 0px;} 
    .reverse-order > .col > .wpb_column:last-child { margin-left: 0!important;} 
    .full-width-content.reverse-order > .col > .wpb_column:first-child { order: 2; margin-left: 0!important; } 
    .reverse-order + .col { margin-left: 0; margin-right: 0!important; }
}
@media only screen and (min-width: 1115px) {
    .inner-container {max-width: 500px;}
    .inner-container.vc_col-sm-9 {max-width: 1050px;}
}
@media only screen and (min-width: 1315px) {
    .inner-container {max-width: 555px;}
    .inner-container.vc_col-sm-9 {max-width: 1150px;}
}
@media only screen and (min-width: 1400px) {
    .inner-container {max-width: 615px;}
}
@media only screen and (min-width: 690px) {
    .visible-xs { display: none!important; }
}
@media only screen and (max-width: 690px) {
    .hidden-xs { display: none!important; }
    .inner-container {max-width: 555px;}
    .inner-container.vc_col-sm-9 {max-width: 1150px;}
}
@media only screen and (min-width: 1400px) {
    .inner-container {max-width: 615px;}
}
@media only screen and (min-width: 690px) {
    .visible-xs { display: none!important; }
}
@media only screen and (max-width: 690px) {
    .hidden-xs { display: none!important; }
}