/*
Theme Name: thomas-theme
Author: Thomas Robert
Description: Thème enfant
Version: 1.0
Template: salient

This is the child theme for Salient theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/



/* Fixe les champs de formulaire */

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea {
    background-color: white !important;
    border-radius: 5px !important;
    border: solid #0000002b 1px !important;    
}


.main-background-color {
    background: #bfaebb !important;
}
.main-text-color {
    color: #bfaebb !important;
}
.text-white {
    color: white;
}


.ccb-cf-wrap .wpcf7-submit {
	border: none !important;
}
.calc-payments .__PrivateStripeElement { /* Champ paiement stripe */ 
	border: solid #a58d9d 1px !important;
	padding: 12px !important;
	border-radius: 6px;
	background: #ebebeb !important;	
}

.portfolio-wraper .item-desc {
	display: none;
}

.d-none,
.forceHide {
	display: none !important;
}

.devisContent,
#devisContent {
    display: none;
}

.ccb-wrapper-4407 .radio_field_id_9,
.ccb-wrapper-4407 .dropDown_field_id_1 {
 display: none !important;
}
/* Editeur de devis */

.calc-container.vertical .calc-list {
    min-height: 100px !important;
}

header#top,
body {
	max-width: 1920px;
	margin: auto;
}
.grecaptcha-badge {visibility: hidden;}

#envirabox-title-float-wrap tbody, #envirabox-title-float-wrap td {
    display: none;
}
.justify {
	text-align: justify;
}
#header-secondary-outer {
	background-color: #a58d9d;
    color: white;
    border-color: #73606d;
    border-width: 3px;

}

.field-required,
.wpcf7-form .field-required {
	color: #ee69d0;
}

   
/* Galerie Thomas Envira */
.envira-gallery-wrap img.envira-gallery-image {
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
}

.text-center {
	text-align: center;
}

.width-100,
.full-width {
	width: 100%;
}

.br-0,
.border-radius-0 {
	border-radius: 0 !imporant;
}

/* Devis */
.devis-info {
	background: #f7f2f5;
	padding: 2px 10px !important;
	border-radius: 5px;	
}


/* Taille des paragraphes */
.fs-2 {
	font-size: 16px;
	font-weight: 100;	
}
.fs-3 {
	font-size: 20px;
	font-weight: 100;	
}

/* Scrollbar */
*::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb
{
	box-shadow: inset rgb(0 0 0 / 20%) 0 0 6px 0px;
	background-color: #bfaebb;
}

/* Titres Hn */
h1, .h1,
.h2toh1 h2 {
  font-size:54px;
  line-height:62px;
}
h2, .h2,
.h1toh2 h1,
.h3toh2 h3 {
  font-size:34px;
  line-height:44px;
}
h3, .h3,
.h2toh3 h2 {
  font-size:22px;
  line-height:34px;
}
h4, .h4,
.h3toh4 h3 {
  font-size:18px;
  line-height:32px;
}
h5, .h5 {
  font-size:16px;
  line-height:26px;
}
h6, .h6 {
  font-size:14px;
  line-height:24px;
}

.mb-0 {
	margin-bottom: 0;
} 
.mt-0 {
	margin-top: 0;
} 
.m-0 {
	margin: 0;
}
.pointer {
	cursor: pointer;
}



/* Marges et padding bootstrap */
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-left: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

/* Menu responsive */
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    font-size: 20px;
    line-height: 20px;
}

/* Contact form */
.wpcf7-not-valid-tip {
	background: #f08282;
	color: white;
}



/* Responsive custom Thomas */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.fb_dialog_content {
		display: none;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	h2, .h2 {
		font-size: 20px;
		line-height: 25px;		
	}
	h1, .h1 {
		font-size: 30px;
		line-height: 40px;		
	}
	
	.hide-on-mobile { /* vc_hidden-xs */ 
		display: none !important;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
