/*
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
*/
html{scroll-behavior: smooth;}

/* Style the scrollbar track */
::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar track */
}

/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
  background: #00acd0; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Rounded corners */
}

/* Style the scrollbar track on hover */
::-webkit-scrollbar:hover {
  background: #f4f4f4; /* Background color when hovered */
}

/* Style the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb color when hovered */
}


.typeform-float-btn {
    position: fixed;
    right: 0;
    top: 90%;
    z-index: 100;
    display: inline-block;
    border-radius: 99px;
    transform: translateY(-90%);
    /* bottom: 2rem; */
    transition: opacity .5s;
    opacity: 1;
}
body button.tform-btn {
    min-width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    cursor: pointer;
    transition: .5s;
    border: none;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding: 1rem 1rem !important;
    border-radius: 99px !important;
}
body button.tform-btn:hover {opacity:0.7;}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding: 0px;
}

/******************************************** LOADER BLINKING CSS ********************************************/
.loading-icon.spin {animation: blink 1.5s linear infinite !important;}
/******************************************** LOADER BLINKING CSS ********************************************/

/******************************************** HEADER CSS ********************************************/
#header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a {color: #00afd4 !important;}
#header-outer.transparent[data-lhe="default"] #top nav > ul > li > a:hover{color: #00afd4 !important;}
/******************************************** HEADER CSS ********************************************/

/******************************************** BLOGS CSS ********************************************/
.blog-title h1.entry-title {font-size: 50px !important;line-height: 55px !important;}
#author-info h3.nectar-link-underline-effect {font-size: inherit !important;font-weight: inherit !important;}
.blog_next_prev_buttons h3 {font-size: 50px !important;font-weight: inherit !important;}
/******************************************** BLOGS CSS ********************************************/

a#site-btn {background: transparent !important;border: 2px solid #fff !important;border-radius: 0px !important;display: inline-block;min-width: 200px;padding: 0.5rem 1rem;transition: .5s;}
a#site-btn:hover {transform: unset;box-shadow: none !important;background-color: #fff !important;color: #000;}

.site-btn {background: transparent !important;border: 3px solid #fff !important;border-radius: 0px !important;display: inline-block;min-width: 200px;padding: 0.5rem 1rem;transition: .5s;}
.site-btn:hover {transform: unset;box-shadow: none !important;background-color: #fff !important;color: #000;}

/******************************************** ROW A CSS ********************************************/
#ro-a a#site-btn {font-size: 18px;letter-spacing: 4px;}

/* #ro-a a#site-btn {
	position: absolute;
    margin-bottom: 20px;
    margin-right: 20px;
    transform: translate(50%, 0%);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 22rem;
    right: 1rem;
} */

#ro-a h1 {font-size: 55px;line-height: 58px;}

/******************************************** ROW A CSS ********************************************/

/******************************************** ROW B CSS ********************************************/
#ro-b .rmid-clm .vc_column-inner {padding: 2rem 1rem;}
#ro-b p {padding-bottom: 1rem;}
#ro-b h2 {margin-bottom: 1rem;}
#ro-b a#site-btn {cursor: default;}
/******************************************** ROW B CSS ********************************************/

/******************************************** ROW C CSS ********************************************/
#ro-c {padding-top: 50px !important;padding-bottom: 50px !important;}
/******************************************** ROW C CSS ********************************************/


#partners {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#partners .owl-carousel {
	display:none;
}
/******************************************** ROW D CSS ********************************************/
.custom-col {display: flex;justify-content: space-between;}
.column {flex-basis: 49%;}


.site-input {width: 100% !important;border: 1px solid #fff !important;color: #fff !important;background: transparent !important;padding: 12px 17px !important;appearance: none;box-shadow: none;border-radius: 0px !important;font-family: 'Kanit' !important;font-weight: 300;}
.site-input::placeholder {color: #fff !important;opacity: 1 !important;letter-spacing: 4px;text-transform: uppercase;font-weight: 300;}
textarea.site-input {height: 195px;}

.site-input:focus{background-color:#ffffff36 !important;}

#ro-d .site-btn {background: transparent !important;border: 2px solid #fff !important;border-radius: 0px !important;display: inline-block;  min-width: 200px;padding: 0.5rem 1rem !important;margin-top: 2rem;transition: .5s !important;}
#ro-d .site-btn:hover {transform: unset;box-shadow: none !important;background-color: #fff !important;color: #000;}
#ro-d span.wpcf7-spinner {/* display: none; */position: absolute;bottom: 10px;}
#ro-d span.wpcf7-not-valid-tip {display: none;}
#ro-d .wpcf7-response-output {border: none;line-height: 50px;background: transparent;color: #fff !important;}
#ro-d {padding-top: 50px !important;padding-bottom: 50px !important;}
#ro-d h2 {margin-bottom: 3rem;}
/******************************************** ROW D CSS ********************************************/


/******************************************** ROW E CSS ********************************************/
#ro-e span.meta-category, #ro-e .excerpt {display: none;}
#ro-e h3.title {font-weight: 100;color: #363636;font-size: 24px;}
#ro-e .post-meta .date {color: #363636;font-weight: 700;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;}
#ro-e .post-meta {padding: 0;}
#ro-e .article-content-wrap {padding: 1rem 0 0;}
#ro-e .post-featured-img img {width: 100%;}
#ro-e .inner-wrap {background: transparent;}
#ro-e {padding-top: 50px !important;padding-bottom: 15px !important;}
/******************************************** ROW E CSS ********************************************/

/******************************************** ROW F CSS ********************************************/
#ro-f .image-icon {display: none;}
#ro-f .testimonial_slider blockquote p {color: #363636;font-weight: 400;font-size: 16px;font-family: 'Kanit';line-height: 28px; max-width: 50%; margin: auto;}
#ro-f .testimonial_slider .controls {bottom: -20px;}
#ro-f .testimonial_slider .controls ul li .pagination-switch {border-radius: 0px;width: 15px;height: 15px;background-color: #0000001f;border: none;margin: 0 15px;}
#ro-f .testimonial_slider .controls ul li .pagination-switch.active {background: #363636;}
#ro-f span.testimonial-name {font-size: 18px;text-transform: uppercase;font-weight: 700;color: #363636;font-family: 'Kanit';letter-spacing:2px;}
#ro-f {padding-top: 50px !important;padding-bottom: 50px !important;}
/******************************************** ROW F CSS ********************************************/

/******************************************** FOOTER CSS ********************************************/
body #footer-outer .row {padding: 35px 0;}
#footer-outer #footer-widgets .widget h4 {font-size: 25px;font-weight: 100;text-transform: capitalize !important;letter-spacing: 0px;}
#footer-outer #footer-widgets .span_4:not(:last-child)::before {content: "";border-right: 4px solid #fff;height: 150px;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);}
#footer-outer #media_image-2 img {width: 250px;}
#footer-outer #footer-widgets .row {display: flex;}
#footer-outer #footer-widgets .row .span_4:nth-child(3) {display: flex;align-items: center;}
#footer-outer .widget {margin-bottom: 0px;}
#footer-outer i {position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
#footer-outer ul#menu-contact-info li {position: relative;}
ul#menu-contact-info li a {margin-left: 2rem;}
#footer-outer ul li {margin-bottom: 0.5rem !important;}

#footer-outer .social li a {width: 30px;height: 30px !important;display: flex !important;align-items: center;justify-content: center;text-align: center;}
#footer-outer #copyright ul.social li a:hover i {opacity: .7;}
#footer-outer #copyright ul li {margin: 0px !important;}
#footer-outer #copyright .container {display: flex;align-items: center;flex-direction: column-reverse;padding: 0px;max-width: 100% !important;}
#footer-outer #copyright .col.span_5 {max-width: 100% !important;border-top: 2px solid #fff;padding-top: 0.5rem;}
#footer-outer #copyright {padding: 20px 0 10px !important;}
#footer-outer #copyright p {margin-top: 0px;}
#footer-outer #copyright ul.social {display: flex;align-items: center;justify-content: center;gap: 1rem;}

#footer-outer #copyright ul.social li:nth-child(1){order:2;}
#footer-outer #copyright ul.social li:nth-child(2){order:1;}
#footer-outer #copyright ul.social li:nth-child(3){order:5;}
#footer-outer #copyright ul.social li:nth-child(4){order:3;}
#footer-outer #copyright ul.social li:nth-child(5){order:4;}
/******************************************** FOOTER CSS ********************************************/

.error404 #header-outer, .category-latest-news #header-outer {background: #000;}

.category-latest-news h3.title {font-size: 28px;line-height: 30px;font-weight: 500;}

/******************************************** RESPONSIVE ********************************************/
@media(width <= 1024px){
	#footer-outer .widget a {font-size: 13px;}
}
@media(width <= 999px){
	#partners .owl-carousel {display:block;}
	#partner-show{display:none;}
}

@media(width <= 820px){
	#footer-outer .widget a {font-size: 16px;}
	#footer-outer #footer-widgets .span_4:not(:last-child)::before {content: none !important;}
	#footer-outer #footer-widgets .row {display: block;padding: 25px 0px;}
	#ro-f .testimonial_slider blockquote p {max-width: 100%;}
}
@media(width <= 690px){
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{font-size:26px !important;}
	span.div-word {display:none;}
}
@media(width <= 576px){
	#ro-c, #ro-d{padding-top: 25px !important;padding-bottom: 25px !important;}
	#ro-e h3.title {text-align: center;}
	#ro-e{padding-top: 25px !important;padding-bottom: 0px !important;}
/* 	#ro-f{padding-top: 0px !important;padding-bottom: 50px !important;} */
	#ro-f .testimonial_slider blockquote p {font-size: 14px;line-height: 24px;}
	#footer-widgets{text-align:center;}
	ul#menu-contact-info li a {margin-left: unset;}
	#footer-widgets .container .col {margin-bottom: 1.5rem;}
	#footer-outer i {padding-right: 0.5rem; top:unset; transform:unset; position:relative;}
	#footer-outer #copyright ul.social{padding-bottom: 1rem;}
	#footer-outer #footer-widgets .row .span_4:nth-child(3) {justify-content:center;}
	.custom-col {display: inherit;}
	.column:nth-child(1) {margin-bottom: 1.25rem;}
	#footer-outer #media_image-2 img {width: 180px;}
}
/******************************************** RESPONSIVE ********************************************/