/*
 Theme Name:   Budgetbox Theme
 Theme URI:    https://www.understrap.com
 Description:  Budgetbox Theme based on Understrap starter theme
 Author:       Pierre Bonsirven
 Author URI:   https://bonsirven-design.fr
 Template:     understrap
 Version:      1.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

#ressources-slider .card-ressource {
	height: calc(100% - 3rem);
	margin: 2rem 1rem;
}
.image-block .img-container img {
    max-width: 100%;
    object-fit: contain;
    height: intrinsic;
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.page-template-template-accueil .hero-video .custom-video-container {
		max-height: 300px;
	}
	.custom-video-container .btn {
		left: 50%;
	}
}

@media (max-width: 575.98px) {
	.quote-type-1 {
		padding: 5rem 3rem 3rem !important;
	}
	.quote-type-1::before {
		left: calc(3rem - 30px) !important;
	}
	.quote-type-1::after {
		right: calc(3rem - 30px) !important;
	}
	.quote-type-1 .img-container {
		left: 50%;
		transform: translateX(-50%);
	}
	#hero .title {
		font-size: 30px;
		line-height: 35px;
	}
	.page-template-template-accueil .hero-video .custom-video-container {
		height: auto !important;
		max-height: 200px;
	}
	.page-template-template-accueil .hero-video .custom-video-container img {
		mask-image: none;
        object-position: top center;
	}
	.page-template-template-accueil #plateforme img {
		max-width: 110px;
		max-height: 70px;
	}
	.page-template-template-constructeur #en-tete.bg-full {
		margin-bottom: 2rem !important;
	}
	.page-template-template-constructeur .video-block .text-container .title, .page-template-template-constructeur .video-block .text-container .title span {
		font-size: 30px !important;
		line-height: 35px;
	}
	.page-template-template-constructeur .video-block .text-container .text {
		font-size: 1rem;
	}
	.page-template-template-constructeur .custom-video-container {
		height: auto !important;
        max-height: 200px;
	}
	.page-template-template-constructeur .custom-video-container img {
		mask-image: none;
        object-fit: cover;
		max-height: inherit;
	}
	.page-template-template-constructeur .title-text-cta-block .heading-type-1 .title h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.page-template-template-constructeur .section-group .bg-full:first-child {
		margin: 2rem 0 0 !important;
	}
	.page-template-template-constructeur .section-group .bg-full:last-child {
		margin: 0 0 2rem !important;
	}
	.page-template-template-constructeur .tabs-block .tab-content {
		padding: 1rem;
	}
	.page-template-template-constructeur .tabs-block .tab-content .tab-pane {
		flex-direction: column !important;
		align-items: center;
	}
	.page-template-template-constructeur .tabs-block .tab-content .tab-pane .img-container {
		margin-bottom: 1rem;
	}
	.page-template-template-constructeur .tabs-block .tab-content .tab-pane .text-container {
		padding: 0 !important;
		width: 100%;
	}
	.page-template-template-constructeur .tabs-block .tab-content .tab-pane .text-container .title {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 1rem;
		font-size: 30px;
		line-height: 35px;
	}
	.page-template-template-constructeur .tabs-block .tab-content .tab-pane .text-container .title .number {
		margin-bottom: 1rem;
	}
	.page-template-template-constructeur #rangee-logos .image-block img, .page-template-template-constructeur #logos .image-block img, .page-template-template-constructeur #logo .image-block img {
		max-width: 150px;
		max-height: 100px;
	}
	.custom-video-container .btn {
		left: 50%;
	}
	.custom-video-container img {
		mask-position: top center !important;
	}
	.heading-type-1 .title, .heading-type-2 div h3 {
		font-size: 26px !important;
		line-height: 30px;
    }
    .heading-type-1 .text {
		font-size: 1rem;
    }
	.card-type-1 .card-container .title {
		font-size: 26px;
		line-height: 30px;
	}
	.card-type-2 .card-container .title {
		font-size: 26px;
		line-height: 30px;
	}
	.owl-stage-outer {
		margin-bottom: 1rem;
	}
	.owl-nav {
		bottom: 25px !important;
		top: inherit;
	}
	.owl-nav .prev {
      	left: 2rem;
    }
    .owl-nav .next {
      	right: 2rem;
    }
	.owl-nav .btn {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}