/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 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: understrap/understrap-child
*/

@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('./fonts/Roboto/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src: url('./fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('./fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('./fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('./fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/Roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: url('./fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
}





@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('./fonts/Poppins/Poppins-Italic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/Poppins/Poppins-Thin.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 100;
	src: url('./fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	src: url('./fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 200;
	src: url('./fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/Poppins/Poppins-Light.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 300;
	src: url('./fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/Poppins/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 500;
	src: url('./fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('./fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url('./fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/Poppins/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 700;
	src: url('./fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 800;
	src: url('./fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/Poppins/Poppins-Black.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 900;
	src: url('./fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
}


@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: url('./fonts/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/Montserrat/static/Montserrat-Thin.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 100;
	src: url('./fonts/Montserrat/static/Montserrat-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url('./fonts/Montserrat/static/Montserrat-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 200;
	src: url('./fonts/Montserrat/static/Montserrat-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/Montserrat/static/Montserrat-Light.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
	src: url('./fonts/Montserrat/static/Montserrat-LightItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	src: url('./fonts/Montserrat/static/Montserrat-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('./fonts/Montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: url('./fonts/Montserrat/static/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	src: url('./fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 800;
	src: url('./fonts/Montserrat/static/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/Montserrat/static/Montserrat-Black.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 900;
	src: url('./fonts/Montserrat/static/Montserrat-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Great Vibes';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
}

body {
	font-family: "Roboto";
	color: #414041;
	font-size: 20px;
}

.text-big-28px { font-size: 28px; }
.text-big-25px { font-size: 25px; }
.text-small-18px { font-size: 18px; }

.text-poppins { font-family: 'Poppins' }
.text-montserrat { font-family: 'Montserrat' }
.text-great-vibes { font-family: 'Great Vibes' }

.navbar-brand img { width: 100px; }

.nav-link { color: #414041 !important; font-size:20px }

.text-elbilia-regular { font-size: 20px }
.footer-menu .menu-item a { color: #414041;text-decoration: none }

.nav-link[aria-current="page"] { color: #15a3cd !important; }

.text-primary { color: #15a3cd !important; }

.elbilia-title { font-size: 50px; }

.elbilia-great-vibes-title { font-size: 70px; }

.elbilia-container { max-width: 1170px;width: 1170px }

.carousel-home-gradient {
	background: linear-gradient(90deg, rgb(216, 216, 214) 44%, rgb(255, 251, 251) 80%, rgba(255, 255, 255, 0.8) 90%, rgba(255,255,255,0) 100%);
	height: 500px;
	width: 60%;
	z-index: 1;
}

.carousel-home-container-logo { left: calc((100% - 1170px)/2); }

.carousel-home-container-image { z-index: 130;width: 400px;top: 50px; }

.carousel-home-image { height: 500px;object-fit:cover }

.who-we-are-gradient { background: linear-gradient(90deg, #47a3ca 44%, #47a3caa3 70%, #47a3ca6e 90%, #47a3ca8a 100%);z-index:2 }

.who-we-are-image { z-index:1;width:60%;background-repeat: no-repeat;background-size: cover;background-position: bottom; }

.who-we-are-content { z-index: 3;line-height: 1.8;padding: 70px 0; }

.text-justify { text-align: justify !important; }

.our-mission-container { max-width: calc(1170px + (100% - 1170px)/2 + 15px); width: 100%;padding: 0 15px }

.testimonial-quote { enable-background:new 0 0 512 512;width: 60px;height: 60px;left: calc(50% - 30px);bottom: -30px; }

.image-testimonial { width: 165px; height: 200px;object-fit: cover;border-radius: 80px; }

.image-testimonial-container { margin-bottom: -100px; }

.testimonial-carousel-container { padding-top: 70px; padding-bottom: 70px }

.why-elbilia {
	background-color: #4aaad2;
	background-blend-mode: soft-light;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-primary { background-color: #15a3cd !important }

.why-elbilia .elbilia-container { padding-top: 70px; padding-bottom: 70px }

.testimonial-text-container { background-color: #f0f0f0;border-radius: 20px;padding-top: 140px; }

.buttons-testimonial-carousel { width: 58px;height: 56px;top: calc(50% + 22px);background-color: #15a3cd; }

.button-testimonial-carousel-prev { left: -28px; }
.button-testimonial-carousel-next { right: -28px; }

.elbilia-image-left-container { max-width: calc(1170px + (100% - 1170px)/2 + 15px); width: 100%;padding: 0 15px }

.elbilia-image-right-container { max-width: calc(1170px + (100% - 1170px)/2 + 15px); width: 100%;padding: 0 15px;margin-left: auto; }

.elbilia-page-title { font-size: 80px !important }

.wpcf7 { max-width: 100% }

.wpcf7 form .wpcf7-response-output { margin: 0}

.footer-newsletter form p { margin-bottom: 0 !important}

a, a:hover { color: #15a3cd; text-decoration: none; }

.btn-primary, .btn-primary:hover { background-color: #15a3cd; border: var(--bs-btn-border-width) solid #15a3cd }

.wpcf7 input[type="submit"] { color: #15a3cd; border: var(--bs-btn-border-width) solid #15a3cd; }
.wpcf7 input[type="submit"]:hover { background-color: #15a3cd; border-color: #15a3cd; }

#main-menu li:first-child a { padding-left: 0 }
#main-menu li:last-child a { padding-right: 0 }

.our-mission-container ul {
  list-style: none;
}

.our-mission-container ul li:before {
	content: '✓';
	position:absolute;
	left:0
}

.our-mission-container ul li {
  padding-left: 1.5em;
  position: relative;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.footer-logo { width: 70%; }
#wrapper-footer { padding-top: 109px; }

@media (max-width: 1450px) {
	.text-big-28px { font-size: 23px; }
}

@media (max-width: 1200px) {
	.elbilia-container { max-width: 100%; padding-right: 15px;padding-left:15px }
	.carousel-home-image, .carousel-home-gradient { height: 360px }
	.carousel-home-container-image { width: 260px }
	.carousel-home-container-logo { left: 14%; }
	.testimonial-carousel-container { padding-left: 40px !important; padding-right: 40px !important }
}

@media (max-width: 992px) {
    .text-big-28px, .text-big-25px { font-size: 20px; }
	body, .nav-link, .text-elbilia-regular { font-size: 18px }
	.elbilia-title { font-size: 32px; }
	.elbilia-great-vibes-title { font-size: 50px; }
	.elbilia-container { max-width: 100%; padding-right: 15px;padding-left:15px }
	.elbilia-page-title { font-size: 60px !important }
}

@media (max-width: 768px) {
    .text-big-28px, .text-big-25px { font-size: 16px; }
	body, .text-small-18px, .nav-link, .text-elbilia-regular { font-size: 14px }
	.elbilia-title { font-size: 28px; }
	.elbilia-great-vibes-title { font-size: 30px; }
	.carousel-home-image, .carousel-home-gradient { height: 300px }
	.carousel-home-container-image { width: 160px }
	.carousel-home-container-logo { left: 10%; }
	.elbilia-page-title { font-size: 50px !important }
	.btn { font-size: 14px; }
}

@media (max-width: 576px) {
    .footer-logo { width: 50%; }
    #wrapper-footer { padding-top: 50px; }
	.elbilia-page-title { font-size: 30px !important }
}