/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

sup {top: -0.5em;font-size: 60%;left: 0.2em;}
.btn-cadre::before{content:'📸';font-size:150%;}
.btn-devis::before {content:'⚡';font-size:150%;}
.title-photobooth::before, .title-photobooth::after {content:"";position: absolute;background-color:var(--primary);height:2px;width:8%;top: 50%;}
.title-photobooth::before {left: 0;}
.title-photobooth::after {right: 0;}


.bricks-button, .bricks-button i {transition: transform .3s ease-in-out;}
.bricks-button:hover{transform: translateY(-6px);}
.bricks-button:hover i {transform: translateX(3px);}

header nav.tablet_portrait .bricks-nav-menu>li>a:after{transition-property:transform!important;transition-duration:.5s!important;transition-timing-function:cubic-bezier(0.8,0,0.2,1)!important}
header nav.tablet_portrait .bricks-nav-menu>li>a{width:fit-content;margin:0 auto;position:relative}
header nav.tablet_portrait .bricks-nav-menu>li:not(.menu-item-has-children)>a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;transform:scale3d(0,1,1);transform-origin:100% 50%;background-color:var(--secondary)}
header nav.tablet_portrait .bricks-nav-menu>li.current-menu-item:not(.menu-item-has-children)>a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--secondary);transform:scale3d(1,1,1);transform-origin:0% 50%}
header nav.tablet_portrait .bricks-nav-menu>li:not(.menu-item-has-children):hover>a:after{transform:scale3d(1,1,1);transform-origin:0% 50%}
header .bricks-nav-menu>li+li{margin-left:30px!important}
header nav li .brx-submenu-toggle button{transition:transform .3s ease-in-out}
header nav li:hover .brx-submenu-toggle button{transform:rotate(180deg)}
header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a,header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a:after{transition-property:transform,padding;transition-duration:.5s;transition-timing-function:cubic-bezier(0.8,0,0.2,1)}
header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li:hover a:after{transform:scale3d(1,1,1);transform-origin:0% 50%}
header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a:after{content:'';position:absolute;left:15px;width:7px;height:2px;transform:scale3d(0,1,1);transform-origin:100% 50%;background-color:var(--blanc);top:calc(50% - 2px)}
header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li:hover a{padding-left:30px}
@keyframes logo-anim{
0%{transform:translateX(-30px);opacity:0}
100%{transform:translateX(0);opacity:1}
}

header .brxe-nav-menu.show-mobile-menu button.bricks-mobile-menu-toggle {
    position: absolute;
    left: 265px;
    top: 15px;
}


.bricks-mobile-menu {
    padding-right: 30px !important;
}


/* GALERIE */
.carrousel-galeries{font-size:0;display:flex!important;flex-wrap:nowrap;gap:0!important;animation:scroll-img 60s infinite linear}
.carrousel-galeries:hover{animation-play-state:paused}
.carrousel-galeries li{width:20%;min-width:20%;height:400px;position:relative;margin-right:10px}
.carrousel-galeries li:last-child{margin-right:0}
.carrousel-galeries li div{position:absolute;top:0;left:0;width:100%;height:100%;padding:0!important}
@keyframes scroll-img{
0%{transform:translateX(0)}
100%{transform:translateX(calc(-1 * (20% + 10px) * 10))}
}

@media (max-width: 767px) {
.carrousel-galeries li{width:40%;min-width:40%;height:300px;position:relative;margin-right:10px}
}

@media (max-width: 478px) {
.carrousel-galeries{animation:scroll-img 20s infinite linear}
.carrousel-galeries li{width:70%;min-width:70%;height:300px;position:relative;margin-right:10px}
}



/* PRICING TABLE */

.brxe-pricing-tables {
    padding: 50px 20px 40px 20px;
}

@media (max-width: 950px) {
.brxe-pricing-tables {overflow: scroll;}
.brxe-pricing-tables {position: relative;}
.pricing-tables {
    grid-template-columns: repeat(4, minmax(300px, 1fr)) !important;
	gap: 15px !important;
}

.bloc-price::after {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 100%;
  right: -2px;
  position: absolute;
  z-index: 9999999;
  margin-left: auto;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #fff 70%);
}
}



.pricing-tables .pricing-table {
    border-radius: 30px;
}

li.pricing-table.repeater-item {
	display: flex;
    flex-direction: column;
}

li.pricing-table .pricing-table-footer {
    margin-top: auto;
}

ul.pricing-tables li.pricing-table:nth-child(3) {
	transform: translateY(-50px);
}



/**** FORM RESA *****/

.form-resa .wpbs-main-wrapper {
	display: flex;
    flex-direction: row;
	gap: 30px;
}

.form-resa .wpbs-container, .form-resa form {
    width: 50%;
	min-width: 50%;
}

@media (max-width: 767px) {
.form-resa .wpbs-main-wrapper {
    flex-direction: column;
}
.form-resa .wpbs-container, .form-resa form {
    width: 100%;
	min-width: 100%;
}
}


.form-resa .wpbs-calendars .wpbs-calendar {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 5px solid #d7d7d7;
    border-radius: 50px;
    padding: 15px;
}

.form-resa .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header {
    padding: 15px 8px;
	border-radius: 20px;
}

.form-resa .wpbs-main-wrapper table.wpbs-pricing-table td:first-child,
.form-resa .wpbs-main-wrapper table.wpbs-pricing-table th:first-child {
    border-right: 1px solid #fff!important;
    text-align: left!important;
}

.form-resa .wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-subtotal td,
.form-resa .wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-total td {
    font-weight: 700;
    background: #f7f7f7;
    position: relative;
    top: -1px;
}

.form-resa  .wpbs-main-wrapper table.wpbs-pricing-table td,
.form-resa .wpbs-main-wrapper table.wpbs-pricing-table th {
    border: none;
    line-height: 22px;
    border-bottom: 1px solid #f7f7f7;
    background: 0 0;
    margin: 1px;
    padding: 10px 10px;
    font-size: 1rem;
}

.form-resa .wpbs-main-wrapper table.wpbs-pricing-table thead th {
    font-weight: 700;
    background: #f7f7f7;
    border: none;
}

.form-resa .wpbs-main-wrapper .wpbs-form-container .wpbs-abbr {
    border-bottom: 1px dotted #000;
    cursor: help;
}

.form-resa .wpbs-main-wrapper table.wpbs-pricing-table td:nth-child(2),
.form-resa .wpbs-main-wrapper table.wpbs-pricing-table th:nth-child(2) {
    text-align: right;
    word-break: keep-all;
    white-space: nowrap;
}

.form-resa .wpbs-main-wrapper table.wpbs-pricing-table {
    display: table;
    border: none;
    border-spacing: 1px;
    margin: 0;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    text-align: left;
    font-size: 1rem;
    line-height: 22px;
}

.form-resa .wpbs-form-field-1-8 .wpbs-form-field-input {
    display: flex;
    flex-direction: column;
}

.form-resa .wpbs-form-field-1-8 .wpbs-form-field-description {
	order: -1;
    font-size: 1.2rem;
    padding-bottom: 20px;
    margin-top: -10px;
    font-style: italic;
    font-weight: 700;
    color: var(--primary);
}

.form-resa .hidden-base,
.wpbs-form-field.wpbs-form-submit-button,
.form-resa .wpbs-form-field-part-payment-applicability {
	display: none;
}

.form-resa .wpbs-dates-selected .hidden-base,
.form-resa .wpbs-dates-selected .wpbs-form-field.wpbs-form-submit-button,
.form-resa .wpbs-dates-selected .wpbs-form-field-part-payment-applicability {
	display: block;
}


.form-resa .wpbs-payment-method-description {
    background-color: #f1f1f1;
    border-radius: 20px;
    font-size: 14px;
    padding: 20px;
    font-style: italic;
}


.form-resa .wpbs-form-field-payment_method>.wpbs-form-field-label {
	display:none;
}

.form-resa .wpbs-form-field-input>label {
	width: 100%;
}

.form-resa .hidden-base .wpbs-form-field-label label {
    font-size: 1rem;
    font-weight: 500;
}

.form-resa .wpbs-form-field-label label {
    color: var(--base);
    font-weight: 700;
	font-size: 1.2rem;
}

.form-resa .wpbs-form-field-input label {
	color: var(--base);
}

.form-resa .wpbs-main-wrapper .wpbs-form-container {
	padding: 0 !important;
}

.form-resa .wpbs-form-field.wpbs-form-submit-button {
	padding-bottom: 0 !important;
}

.form-resa button#wpbs-form-submit-1 {
    background-color: var(--primary);
    color: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
	transition: 0.3s all ease-in-out;
}

.form-resa .wpbs-form-field-product_radio {
    background-color: var(--primary-opa-1);
    padding: 20px;
}

.form-resa .wpbs-form-field-total {
    margin-top: 20px;
}

.form-resa button#wpbs-form-submit-1:hover {
    background-color: var(--primary-4);
}
.wpbs-payment-confirmation-stripe-form #wpbs-stripe-card-button {

  background-color: #94ce4e !important;
}


.form-resa .wpbs-payment-confirmation-inner {
    margin-top: 40px;
}
.form-resa .wpbs-payment-confirmation-inner > h4 {
display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
    gap: 10px;
}

.form-resa .wpbs-payment-confirmation-stripe-form label {
    color: var(--base);
}