/*
Theme Name: BDSVN
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.col, .columns, .gallery-item{padding-bottom: 20px}
.mfp-bg.mfp-ready {opacity: .8;}
.social-item span {position: relative;font-weight: bold;background: #003366;background: linear-gradient(90deg, rgba(41, 224, 180, 1) 0%, rgba(144, 242, 241, 1) 100%);border-radius: 3px;padding: 0px 10px;margin-right: 5px;color: #003366;}
.wpcf7-form{margin-bottom: 0}
.hwp-form-lh .col{padding-bottom: 0}
.hwp-form-lh .wpcf7-form-control{box-shadow: none; height: 40px}
.hwp-form-lh .wpcf7-form-control:focus{box-shadow: none}
.hwp-form-lh .wpcf7-submit{width: 100%;font-weight: 700;}
.hwp-slide{border: 5px solid #f8ffee; border-radius: 30px; overflow: hidden}
.hwp-img-radius img{border-radius: 30px}

.division {background: #003366;background: linear-gradient(90deg,rgba(144, 242, 241, 1) 0%, rgba(144, 242, 241, 0) 100%);color: #003366;font-weight: bold;padding: 2px 15px 0;padding-left: 20px;position: relative;border-radius: 10px 0 0 10px;}
.division:after {position: absolute;content: "✦";left: -11px;top: -10px;font-size: 30px;}
.d-content{margin-bottom: 20px}

.hwp-bg-olay .section-content{background-image: linear-gradient(0deg, rgba(6, 24, 53, 0), #f8ffee);}
.olay-img{    content: "";z-index:1;
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(180deg, #F4EBDC 0%, rgba(244, 235, 220, 0.94) 31.3%, rgba(244, 235, 220, 0.857516) 51%, rgba(244, 235, 220, 0.588029) 72.09%, rgba(244, 235, 220, 0) 92.79%);}

.bg-st-1{background: url('./images/Vector-3.png') no-repeat top left; background-size: contain;}
.bg-st-2{background: url('./images/Vector-4.png') no-repeat left top 80px; background-size: 100%}

.hwp-tabs .nav{margin-bottom: 20px}
.hwp-tabs .nav >li{margin: 0 10px}
.hwp-tabs .nav >li > a{border-radius: 0; padding: 8px 30px; border: 1px solid var(--fs-color-primary); font-size: 18px; color: var(--fs-color-primary)}
.hwp-tabs .nav >li.active > a, .hwp-tabs .nav >li:hover > a{background-color:var(--fs-color-primary); color: #fff }

.hwp-time {color: #333; font-size: 20px}
.hwp-time span{color: #ba823b; font-size: 80px; line-height: 1.1em; font-weight: 800}
@media only screen and (min-width: 1200px){
	.hwp-list-tc{margin-top: -250px}
}

@media only screen and (min-width: 850px){
	.hwp-vt-ab{position: absolute; top: 0; left: calc((100% - 1280px) / 2);}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}