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


/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	font-size: 15px;
}
body .fw700 * {
	font-weight: 700;
}
body .fw900 * {
	font-weight: 900;
}

.header-main .nav > li {
	margin: 0 20px;
}
.nav-dropdown-has-border .nav-dropdown {
    z-index: 9999999;
    border: none;
    padding: 10px;
    border-top: 4px solid var(--primary-color);
}


.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], textarea {
	box-shadow: none;
	font-weight: 500;
}
.wpcf7-form  * {
	border-radius: 5px !important;
}
@media only screen and (max-width: 1024px) {
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        background-color: #fff;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: black;
        font-weight: 500;
    }
}
.btn-custom {
	font-weight: 500;
	border-radius: 10px;
	letter-spacing: 0;
	letter-spacing: 0;
    padding: 2px 40px;
    font-size: 16px;
}
.btn-custom.white {
	color: #3CC0E2 !important;

}
body .custom-title p {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 16px;
	color: #3CC0E2;
	font-weight: bold;
}
.custom-title h2 {
	font-size: 48px;
}
.is-uppercase, .uppercase {
	letter-spacing: 0;
}
.padding-bot .col {
	padding-bottom: 0;
}
.dark, .dark p, .dark td {
	color: #fff;
}
.row-banner-home h3 {
	line-height: 1.3;
}
.row-banner-home .banner-bg {
	border-radius: 10px;
	filter: drop-shadow(2px 5px 7px rgba(0, 0, 0, 0.25));
}
.btnbg, .post-item .button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8.71429 1L14.7143 7L8.71429 13M1 7H14.7143H1Z' stroke='%233CC0E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 14px;
	background-position: right center;
	background-repeat: no-repeat;
}
.btnbg span {
	padding-right: 20px;
}
.row-banner-home .banner p, .row-banner-home .banner a.button {
	display: none;
	transition: opacity 1s ease-out;
    opacity: 0;
}
.row-banner-home .banner:hover p, .row-banner-home .banner:hover a.button {
	display: inline-block;
	opacity: 1;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.row-banner-home .banner.banner-two .overlay {
	background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 58.8%) !important;
}

.post-item .image-cover {
	border-radius: 10px;
}
.post-item .post-title {
	font-size: 24px;	
	margin-top: 28px;
}
.post-item .is-divider {
	display: none;
}
.post-item .post-meta {
	position: absolute;
	top: 18px;
	font-size: 14px;
	border-left: 2px solid #3CC0E2;
	line-height: 1;
	padding-left: 10px;
}
.post-item .from_the_blog_excerpt  {
	font-size: 15px;
}
.post-item .button {
	padding-right: 20px;
}
.section-testi .testimonial-box {
	background-color: #fff;
	padding: 30px 220px 80px 20px;
	border-radius: 10px;
	border-bottom: 10px solid var(--primary-color);
	position: relative;
}
.section-testi .testimonial-box:before {
	position: absolute;
	width: 168px;
	height: 130px;
	content: '';
	background-image: url(./assets/images/quote.png);
	background-repeat: no-repeat;
	right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.section-testi .testimonial-text {
	font-size: 15px;
}
.section-testi .testimonial-meta {
	position: absolute;
    top: 40px;
    left: 170px;
}
.testimonial-name-divider {
	display: none;
}
.section-testi .testimonial-meta .test_name {
	display: block;
	font-size: 24px;
}
.section-testi .flickity-page-dots  {
	bottom: 50px;
}
.section-testi .flickity-page-dots .dot {
	background-color: #EDEDED;
	border:none;
	opacity: 1;
}
.section-testi .flickity-page-dots .dot.is-selected {
	background-color: var(--primary-color);
}
.gallery-partner .gallery-col .col-inner {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
}
.gallery-partner .box-text {
    display: none;
}
body .header-page {
	padding: 50px 0;
	background-size: 100% !important;
}
.header-page p {
	margin-bottom: 8px;
}
.header-page h1, .header-page h2 {
	font-weight: 900;
    text-transform: uppercase;
    font-size: 60px;
    margin: 0;
}
.header-page .separator {
	padding: 0 15px;
}

.rank-math-breadcrumb .last {
	color: var(--primary-color);
	font-weight: 600;
}
.rank-math-breadcrumb {
	text-transform: uppercase;
}
.row-icon-box .col .col-inner {
	background: #E2F9FF;
	padding: 50px 30px;
	border-bottom: 16px solid #3CC0E2;
}
.row-icon-box .icon-box h3 {
	font-size: 24px;
	text-transform: uppercase;
}

.row-icon-box .icon-box .icon-inner {
	background-color: var(--primary-color);
	 width: 80px;
    height: 80px;
    border-radius: 99px;
    padding: 15px;
}
.blog-archive {
	padding-top: 0;
	padding-bottom: 0;
}
.archive .post-item .post-title {
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 0;
}
.archive .post-item .box {
	display: flex;
	align-items: center;
}
.archive .post-item {
	margin-bottom: 30px;
}
.archive .post-item .box-image {
	width: 50%;
	min-width: 50%;
}
.archive .post-item .box-text {
	padding: 0 90px;
}
.archive .post-item .box-text .button, .archive .post-item:hover .post-title {
	color: var(--primary-color);
}
.archive .row .post-item:nth-child(odd) .box .box-image {
	order: 2;
}
.archive.category .row .post-item:nth-child(odd) .box .box-image {
	order:1;
}
.archive .row .post-item:nth-child(odd) .box .box-text {
	order: 1;
	padding-left: 50px;
} 

.related .post-item .post-title {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.section-bg-white {
	background: url(./assets/images/bg.png);
}
.related-title {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: bold;
}
.related.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	opacity: 1;
	bottom: unset;
	margin-top: 0;
	top: -60px;
}
.related .flickity-prev-next-button svg, .related .flickity-prev-next-button .arrow {
	border: 2px solid var(--primary-color);
    border-radius: 5px;
}
.related .flickity-prev-next-button:hover svg, .related .flickity-prev-next-button:hover .arrow {
	background-color: var(--primary-color);
	fill: black !important;
}
.related .flickity-prev-next-button.previous {
	left: unset;
	right: 70px;
}
.title-footer {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}
.title-footer p {
	margin-bottom: 25px;
	margin-top: 20px;
}

.ux-menu-link__link:hover {
	color: var(--primary-color) !important;
}
.form-newsletter {
	display: flex;
	align-items: center;
}
.form-newsletter  .wpcf7-spinner {
	display: none;
}
.form-newsletter input {
	background-color: rgba(255, 255, 255, 0.2) !important;
	border:none;
	box-shadow: none;
	margin-bottom: 0;
	height: 40px;
	border-radius: 5px 0 0 5px !important;
}
.form-newsletter input::placeholder {
	color: #CECECE;
}
.form-newsletter .wpcf7-submit {
	margin: 0;
	border-radius: 0 5px 5px 0 !important;
	background:url(./assets/images/air.png) no-repeat;
	background-size: 18px;
	background-position: center;
	font-size: 0;
	width: 80px;
}
#footer .social-icons i {
	color: var(--primary-color);
}
.absolute-footer {
	display: none;
}
.mg0 * {
	margin-bottom: 0;
}
#footer .icon-box {
	margin-bottom: 10px;
}

@media(max-width: 767px ) {
	.section-testi .testimonial-box {
		padding: 30px 50px 80px 20px
	}
	.section-testi .testimonial-box:before {
		width: 100px;
	    height: 101px;
	    right: 30px;
	    top: unset;
	    background-size:100%;
	    transform: unset;
	    bottom: -10px;
	}
	.archive .post-item .box {
		display: block;
	}
	.archive .row .post-item .box .box-text {
		padding: 20px 0;
	}
	.archive .row .post-item:nth-child(odd) .box .box-text {
		padding-left: 0;
	}
}




@media(min-width: 768px) and (max-width: 1024px) {
	.archive .row .post-item .box .box-text {
		padding: 0 20px;
	}
	.archive .post-item .post-title {
		margin-top: 0;
	}
}