/*!
Theme Name: Tandem
Theme URI: http://underscores.me/
Author: ООО Руссмаркет
Author URI: https://russ-market.ru/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tandem
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Форма обратной связи b24 */
.b24-form-wrapper.b24-form-border-bottom {
    border-bottom: unset !important;
}

.b24-form-control-string input,
.b24-form-control-container textarea {
	border: 0 !important;
    border-bottom: 1px solid #7A7A7A80 !important;
    border-radius: 0 !important;
    background: unset !important;
}

.b24-form-header {
	display: none;
}

.certificates .row {
	align-items: center;
}

.aboutSwiperOne .item,
.aboutSwiperTwo .item {
    max-height: 600px;
    max-width: 644px;
	margin: 0 auto;
}

.single-projects .first .text {
	flex-direction: column;
}

@media (max-width: 1023px){
	.wrapper {
        max-width: 1024px;
        padding: 0 20px;
    }
}

@media (max-width: 860px) {
	.burger {
        display: block;
    }
	header .nav-set {
        background: #ffffff;
        position: absolute;
        z-index: 100;
        top: 55px;
        right: -100%;
        transition: all 0.5s ease;
        width: 250px;
        height: 100dvh;
    }
	header .links {
        display: none;
        column-gap: 20px;
    }
}

@media (max-width: 640px){
	.wrapper {
        padding: 0 10px;
    }
	.approach .canvas {
		width: 60%;
	}
	.approach .container__100vh {
		margin-top: clamp(22px, calc(22px + (120 - 22) * ((100vw - 360px) / (640 - 360))), 120px);
		height: clamp(200px, calc(200px + (390 - 200) * ((100vw - 360px) / (640 - 360))), 390px);
	}
	.approach .canvas-3 {
		transform: translateX(-75px);
	}
	.approach .canvas-4 {
		transform: translateX(75px);
	}
	.approach .container__100vh .text {
        gap: 16%;
        width: 100%;
        justify-content: center;
    }
	.approach .container__100vh h2 {
		font-size: 20px;
		font-size: clamp(20px, calc(20px + (38 - 20) * ((100vw - 360px) / (640 - 360))), 38px);
	}
}


/* Проекты */

.allprojects .item {
	min-height: 100%;
}

.allprojects .item img {
	aspect-ratio: 448 / 331;
    width: 100%;
    height: auto;
}

.allprojects .f-btn {
	font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1280px) / (1600 - 1280))), 20px);
}

.allprojects h4 {
	font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 1280px) / (1600 - 1280))), 28px);
}

.allprojects p {
	font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1280px) / (1600 - 1280))), 20px);
}


@media (max-width: 1280px){
	.allprojects .f-btn {
		font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 1024px) / (1280 - 1024))), 14px);
	}
	
	.allprojects h4 {
		font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1280 - 1024))), 18px);
	}
	
	.allprojects p {
		font-size: clamp(11px, calc(11px + (14 - 11) * ((100vw - 1024px) / (1280 - 1024))), 14px);
	}
}

@media (max-width: 1024px){
	.allprojects .f-btn {
		font-size: clamp(8px, calc(8px + (12 - 8) * ((100vw - 780px) / (1024 - 780))), 12px);
	}
	
	.allprojects p {
		font-size: clamp(11px, calc(11px + (14 - 11) * ((100vw - 1024px) / (1280 - 1024))), 11px);
	}
}

@media (max-width: 768px) {
	.allprojects .f-btn {
		font-size: 14px;
	}
	
	.allprojects p {
		font-size: 14px;
	}
}