/*

Theme Name: Maskitto Light Child
Template: maskitto-light


*/
.multiselect-all {
    display: none;
}
.multiselect-container
{
  min-width:220px!important;
}
.btn .caret {
margin: auto!important;

display: flex!important;
  color:white!important;
margin-right: 0px!important;
margin-top: -12px!important;
height: 12px!important;
}

.multiselect-selected-text
{
  color:white;
  font-size: 14px;
}
.multiselect
{
   background-color: #D54E21!important;
   border-radius: 5px!important;
   border:0px!important;
    height: 52px!important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    background-color: #d54e21!important;

}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #333;
    border-color: #333;
}


.form-check-input
{
      background-color: #d54e21!important;
}
.multiselect-container>li>a>label {
/* paddding des noms dans le menu déroulant */
    padding: 3px 6px 3px 33px!important;
  }
.portfolio-white-space .portfolio-item {
    border: 1.6px solid rgba(255,255,255,0)!important;
  }



.aweCheckbox
{
  /* background-color: #d54e21!important; */
}







  .checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.checkbox label input[type="checkbox"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}
/*-----------------------------------------------------------------------------------*/
/* Theme styles can be found inside:
/* - css/style.css
/* - css/responsive.css
/*--
*/
.bigdiv
{
  text-align: center;
  margin: 20px;
}
.divDVD
{
  /* margin-top:-68px; */
  text-align:center;
  top: 50%;
    left: 50%;
    transform: translate(-50%, 149%);
    position: absolute;
z-index:100;
}
@media (max-width: 1000px)
{.divDVD {
  /* margin-top:-50px; */
}}
.btn-Dvd-Portfolio {
 background-color: #D54E21;
 color: #fff;
 padding: 5px 18px;
 display: table;
 margin-left: auto;
 margin-right: auto;
 position: relative;

 font-size: 12px;
 border-radius: 3px;
 z-index: 11;
}
.btn-Dvd-Portfolio:hover {
   color: #fff!important;
}
.btn-Dvd-Portfolio:focus {
   color: #fff!important;
}
.portfolio-item .portfolio-details
{
  width:100%!important;/* override la valeur de 101% qui empeche les titres d'être parfaitement centrés => si ça pose PB, déca:er lors le btn DVD de la meme manière , cad l inclure dans une div de 101% */
}


.vvf_btn_dvd
{
  display: inline-block;
  /* margin-left:auto;
  margin-right: auto; */
  margin-left: 20px;
margin-right: 20px;

}
.widget_vvf_dvd_widget .cta {
	clear: both;
	width: 96%;
	margin: 10px 0;
	padding: 10px 2%;
	font: arial, sans-serif;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.8rem;
	background-color: red;
}
.purchase-btn {
      margin-bottom: 10px;
      margin-left: 53px;

    margin-left: auto;
    margin-right: auto;
    background: 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 5px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.btn_en
{
    width: 230px;
}
.btn_fr
{
    width: 300px;
}
.purchase-btn {
    background: #D54E21;
}
.purchase-btn-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 1rem 1.0625rem;
        padding-right:0.5rem;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.purchase-btn-icon svg {
    height: 32px;
    width: 32px;
    margin: 0 auto;
    fill: #fff;
    max-width: 32px;
}
.purchase-btn-price-text-wrap {
    background: #D54E21;
    color: #fff;
    text-align: left;
    width: max-content;
padding-right: 12px;
}
.purchase-btn-price-text-wrap {
    -webkit-box-flex: 4.2;
    -webkit-flex: 4.2 0 0;
    -ms-flex: 4.2 0 0px;
    flex: 4.2 0 0;
    padding: 1rem 0rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}









/*Formulaire de paiement stripe */
#stripe-payment-data {
        #wc-stripe-cc-form {
                .form-row {
                        display: flex;
                        flex-direction: column;
                        .wc-stripe-elements-field {
                                max-height: 3rem!important;
                        }
                }
        }
        .woocommerce-SavedPaymentMethods-saveNew {
                display: inherit;
        }
}