/*
Theme Name: bbxdesert
Theme URI: http://wordpress.bbxdesign.com
Description: Thème Désert WordPress
Version: 2.0
Author: bbx
Author URI: http://bbxdesign.com
Tags: empty, full-width, simple, white

  bbxdesert
  http://wordpress.bbxdesign.com

*/

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/version2theme/fonts//wp-content/themes/version2theme/fonts/Montserrat-Bold.eot');
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Bold.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Light.eot');
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Light.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Light.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.eot');
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.eot');
    src: url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
  --navy: #232337;
  --blue: #00b4ff;
  --blak: #151515;
}

*, 
body,
button,
input,
select,
textarea{ color: var(--blak); font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.75; }

body {background-color: var(--navy);}

a.upsite { position: fixed; right: 20px; bottom: 85px; font-size: 24px; line-height: 1; background: transparent; padding: 15px 15px 3px 15px; border-radius: 3px; border: 2px solid #fff; animation: 1s linear 1s infinite alternate colorpulz; }
a.upsite i { color: #fff; animation: 1s linear 1s infinite alternate colorpulz; }

@keyframes colorpulz {
  from { border-color: #fff; color: #fff; }
  to   { border-color: var(--blue); color: var(--blue); }
}

.maxwidthless { margin: auto; width: 100%; max-width: 960px; }
.maxwidthmid { margin: auto; width: 100%; max-width: 1140px; }
.maxwidth { margin: auto; width: 100%; max-width: 1460px; }

.home h1.post-title { display: none; }

/*.home header.site-header { position: sticky; height: 0px; top: 0; transition: all 0.05s ease; overflow: hidden; width: 100%; }
.home header.site-header.stickyli { position: sticky; height: 115px; z-index: 3; top: 0; background-color: var(--navy); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); transition: all 0.25s ease; }*/

header.site-header .inner-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; width: 100%; margin: auto; max-width: 1680px; }
header.site-header .inner-header ul#menu-menu-principal { display: flex; align-items: center; }
header.site-header .inner-header ul#menu-menu-principal li { } 
header.site-header .inner-header ul#menu-menu-principal li a { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; padding: 5px 20px; } 
header.site-header .inner-header ul#menu-menu-principal li.phone_btn a { padding: 0; } 
header.site-header .inner-header ul#menu-menu-principal li.phone_btn::before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url('/wp-content/uploads/2024/09/footer_phone.svg'); background-position: center; background-repeat: no-repeat; margin-right: 9px; margin-bottom: 0; } 
header.site-header .inner-header ul#menu-menu-principal li.phone_btn { display: inline-block; font-size: 18px; font-weight: 400; line-height: 1; background-color: var(--blue); padding: 12px 15px 9px 15px; margin-left: 15px; margin-right: 15px; transition: all 0.66s ease; }

header.site-header .inner-header ul#menu-menu-principal li.phone_btn:hover { box-shadow: 0 0 9px rgba(0, 180, 255, 1), 0 0 6px rgba(0, 180, 255, 0.75); }

h2 { color: var(--blue); font-size: 36px; font-weight: 700; line-height: 1.15; padding-bottom: 25px; }
p { color: #fff; font-size: 18px; font-weight: 300; line-height: 1.65; padding-bottom: 25px; }

.wp-block-buttons>.wp-block-button a { transition: all 0.33s ease; } 
.wp-block-buttons>.wp-block-button:hover a { border-color: #fff; color: #fff !important; }

.quili_skills { background-image: url('/wp-content/uploads/2024/09/Fond_bleu_pieces_usinees.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; padding: 6vw 25px; } 
.quili_skills img { width: 115px; height: 115px; } 
.quili_skills h3 { font-size: 22px; font-weight: 700; color: #fff; line-height: 1.25; padding-top: 15px; }

.quili_keys h4 o-anim-count { color: var(--blue); font-size: 90px; font-weight: 700; line-height: 1.15; padding-bottom: 5px; } 
.quili_keys h4 strong { color: var(--blue); font-size: 50px; } 
.quili_keys p { font-size: 18px; font-weight: 300; line-height: 1.35; text-transform: uppercase; }
.quili_keys p strong { color: var(--blue); }

.quili_team { padding-left: 25px; padding-right: 25px; }
.quili_team figure a { height: 100%; width: 100%; display: block; background-image: url('/wp-content/uploads/2024/09/hover_square_mail.png'); background-position: center; background-repeat: no-repeat; background-size: 100%; background-color: transparent; transition: all 0.75s ease; }
.quili_team figure a:hover { background-size: 135%; }
.quili_team figure a img { transition: all 0.25s ease; }
.quili_team figure a:hover img { opacity: 0.15; }
.quili_team p { font-size: 20px; line-height: 1.35; padding-top: 10px; } 
.quili_team p strong { color: var(--blue); font-size: 20px; line-height: 1.35; }

.wp-block-group.bglines { background-image: linear-gradient(0deg, transparent, #232337), url('/wp-content/uploads/2024/09/Fond_bleu_pieces_usinees_blueline_hd_bis.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll, fixed; }
.wp-block-group.bgend { background-image: linear-gradient(0deg, #232337, transparent), url('/wp-content/uploads/2024/09/Fond_bleu_pieces_usinees_blueline_hd_bis.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll, fixed; }

#visite_virtuelle iframe {width: 100%;}

#galerie_quilichini .swiper-button-next { right: 25px; }
#galerie_quilichini button.spectra-image-gallery__control-lightbox--close { right: 25px; }

.page-template-page-quilichini .post-content .history_date p { text-align: center; font-size: 20px; line-height: 1.45; padding-bottom: 25px; padding-top: 10px; max-width: 600px; margin: auto; } 
.page-template-page-quilichini .post-content .history_date h2 { font-size: 50px; }
.filblue { width: 1px; background-image: linear-gradient(0deg, transparent, var(--blue), transparent); padding: 5vw 0; margin: auto; }
.history_date { margin-top: 25px; }
.history_date img { border-radius: 9px; }

footer.site-footer { background-color: var(--blue); padding: 45px 20px 15px 20px; }
footer.site-footer p.subfoo { text-align: center; font-size: 12px; color: var(--blak); font-weight: 400; padding-top: 20px; padding-bottom: 0; }
.foo_two_cols { margin: auto; width: 100%; max-width: 650px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.foo_half_col img.logo_footer { background-color: #fff; padding: 15px; display: inline-block; }
.foo_half_col img.certif_logo { display: inline-block; margin-left: 15px; margin-right: 15px; }
.foo_half_col li a { font-size: 16px; color: #fff; text-decoration: none; font-weight: 300; } 
.foo_half_col p { font-size: 16px; padding-bottom: 10px; }
.foo_half_col a.mailto::before { content: ""; display: inline-block; vertical-align: middle; width: 19px; height: 13px; background-image: url('/wp-content/uploads/2024/09/footer_mail.svg'); background-position: center; background-repeat: no-repeat; margin-right: 6px; margin-bottom: 3px; }
.foo_half_col a.tel_btn { display: inline-block; font-size: 18px; font-weight: 400; line-height: 1; background-color: var(--navy); padding: 12px 15px 9px 15px; margin-top: 12px; } 
.foo_half_col a.tel_btn::before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-image: url('/wp-content/uploads/2024/09/footer_phone.svg'); background-position: center; background-repeat: no-repeat; margin-right: 6px; margin-bottom: 3px; }
.foo_half_col.foo_menu ul li { padding-bottom: 7.5px; } 
.foo_half_col.foo_menu ul.menu li.phone_btn { display: none; } 
.foo_half_col.foo_menu ul.menu li { padding-bottom: 7.5px; text-transform: uppercase; }


h1.quili_title_page { text-align: center; font-size: 50px; color: #fff; font-weight: 700; padding-bottom: 5vw; padding-top: 20vw; transition: all 0.33s ease; }
.page-template-page-quilichini .post-content h2 { color: var(--blue); font-size: 28px; font-weight: 700; line-height: 1.15; padding-top: 25px; padding-bottom: 10px; }
.page-template-page-quilichini .post-content h2 strong { color: var(--blue); line-height: 1.15; }
.page-template-page-quilichini .post-content p { padding-bottom: 5px; text-align: justify; }
.page-template-page-quilichini .post-content p strong { color: #fff; }
.page-template-page-quilichini .post-content p mark { font-size: 24px; line-height: 24px; color: var(--blue) !important; text-transform: uppercase; }
.page-template-page-quilichini .post-content ul { font-size: 18px; font-weight: 300; line-height: 1.65; padding-left: 15px; }
.page-template-page-quilichini .post-content ul li { color: #fff; }
.page-template-page-quilichini .post-content ul li::before { content: ""; display: inline-block; vertical-align: middle; background: #fff; width: 8px; height: 8px; border-radius: 4px; margin-right: 6px; margin-bottom: 3px; margin-left: -15px; }
.page-template-page-quilichini .post-content ul li strong { color: var(--blue); }

.page-template-page-quilichini .spectra-image-gallery__control-lightbox--main .swiper-slide img { max-height: 80%; }

.page-id-26 h1.quili_title_page::before { content: "Besoin d’un conseil ? d’informations complémentaires ?"; font-size: 24px; display: block; }
.page-id-26 h1.quili_title_page { padding-top: 17vw; }


#wrap_contact_cols form input.wpcf7-form-control::placeholder, 
#wrap_contact_cols form textarea.wpcf7-form-control::placeholder { color: var(--blak); font-size: 15px; font-weight: 400; } 
#wrap_contact_cols form input.wpcf7-form-control { width: 100%; padding: 12px; margin-bottom: 14px; color: var(--blak); border-radius: 3px; border: none; font-size: 15px; font-weight: 400; }
#wrap_contact_cols form textarea.wpcf7-form-control { width: 100%; padding: 12px; margin-bottom: 6px; color: var(--blak); border-radius: 3px; border: none; font-size: 15px; font-weight: 400; }
#wrap_contact_cols form .form-group.file_wrap input.wpcf7-file { padding: 0; color: #fff; margin-bottom: 3px; }
#wrap_contact_cols form .form-group.file_wrap { margin-bottom: 14px; } 
#wrap_contact_cols form .form-group.file_wrap p { font-size: 12px; } 
#wrap_contact_cols form .form-group.file_wrap input.wpcf7-file::file-selector-button { color: #fff; background: var(--blue); border: none; border-radius: 3px; padding: 9px; font-family: 'Montserrat'; font-size: 14px; } 
#wrap_contact_cols form .form-group.acceptance p.case span.wpcf7-list-item input[type="checkbox"] { vertical-align: middle; } 
#wrap_contact_cols form .form-group.acceptance p.case span.wpcf7-list-item { margin-left: 0; margin-right: 9px; float: left; margin-bottom: 20px; }
#wrap_contact_cols form .form-group.acceptance p.phrase { font-size: 12px; line-height: 1.45; text-align: left; margin-bottom: 20px; } 
#wrap_contact_cols form input.submit_btn { display: block; width: 145px; text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: 0.75px; padding: 15px; color: #fff; background: var(--blue); }
#wrap_contact_cols form p.required { font-size: 12px; font-style: italic; }

.wpcf7 form.sent .submit_btn, .wpcf7 form.sent .form-group, .wpcf7 form.sent p.required { display: none !important; }
.wpcf7 form.sent .wpcf7-response-output { border: none; margin: 0; padding: 0; color: #fff; font-size: 30px; line-height: 1.45; }

body.page-template-page_base { background-color: #fff; } 
body.page-template-page_base .site-header { background-color: var(--navy); }
.page-template-page_base p { color: var(--navy); font-size: 14px; text-align: justify; } 
.page-template-page_base p strong { color: var(--navy); } 
.page-template-page_base h1.post-title { text-align: center; font-size: 32px; padding-top: 35px; padding-bottom: 45px; } 
.page-template-page_base h2 { padding-bottom: 5px; font-size: 24px; } 
.page-template-page_base h3 { font-size: 16px; font-weight: 700; } 


@media screen and (max-width: 768px) {
	.bloktxt { padding-left: 25px; padding-right: 25px; }
	h2 { font-size: 28px; padding-bottom: 20px; }
	p { font-size: 14px; }
	.quili_keys p { font-size: 16px; }
	.quili_keys .wp-block-column { padding-left: 25px; padding-right: 25px; }
	.foo_half_col.foo_menu { margin-top: 15px; }
}