/*
 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
*/


/*** GLOBAL CSS **/
body:not(.admin-bar){--wp-admin--admin-bar--height:0px}

/*
html {
    scroll-padding-top: calc(var(--navigation-bar-offset) + 10px );
}
*/

a.brxe-text-basic:hover{text-decoration:underline}
:where(.brxe-image):before{z-index:1}
.role-administrator .block-dev{display:none}
.effect-img img {transition: all 0.3s ease-in-out;}
.effect-img:hover img {transform: scale(1.1, 1.1);}
.brxe-button {cursor: pointer;}
body:not([data-builder-mode]) .bloc-ota-bandeau {opacity: 0;}
.center{align-items:center;align-self:center;text-align:center}

.brx-animated .perfmatters-lazy.pmloaded,
.brx-animated .perfmatters-lazy.pmloaded>img,
.brx-animated .perfmatters-lazy>img.pmloaded,
.brx-animated .perfmatters-lazy[data-ll-status=entered],
.no-animation {
	animation:inherit !important;
}

.customFadeIn {
	max-height: 1000px !important;
    transition: max-height 2s ease-in-out !important;
}


/** CUSTOM SLIDER MULTIPLE IMAGE **/
.brxe-slider-nested .custom-slide-a{width:100%;height:100%}
.brxe-slider-nested .custom-slide-img{position:absolute;width:100%;height:100%;object-fit:cover}


/** POUR ANIMATION GSAP **/
body.bricks-is-frontend .fadein {opacity: 0;transform: translateY(50px);transition: none;}
/****/


/** HEADER CLASSIC 
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
header nav ul.bricks-nav-menu>li.current-menu-item:not(.menu-item-has-children,.btn-header) a::after,header nav ul.bricks-nav-menu>li:hover:not(.menu-item-has-children,.btn-header) a::after{content:"";width:100%;height:3px;background-color:var(--primary);position:absolute;bottom:-7px;animation:fade-in .3s ease}
header div.brx-offcanvas-inner nav ul.bricks-nav-menu>li a::after{display:none}
header nav ul.bricks-nav-menu li a{position:relative}
header .header-menu nav li:hover .brx-submenu-toggle button{transform:rotate(180deg)}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a:before{content:"-";margin-right:10px;transition:margin .3s ease}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a:hover:before{margin-right:15px}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu li{padding:15px 10px}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a{width:fit-content}

*/

/** HEADER CLASSIC + HEADER FIXE 

body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) .header-menu,
body.header-color header:is(.sticky, .brx-sticky):not(.scrolling) .header-menu {
    background-color: red;
}

body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) {
    position: static;
}

body.header-fixe header:is(.sticky, .brx-sticky).scrolling + main {
    padding-top: var(--navigation-bar-offset);
}

*/

/* BANDEAU COOKIE - PLUGIN YESCOOKIE */
.cky-btn{flex:initial!important}
.cky-btn-revisit-wrapper{display:none!important}
.cky-notice-group{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:32px !important}
.cky-notice-btn-wrapper{justify-content:flex-start!important;margin-top:0!important;flex-wrap:nowrap!important;flex-direction:row !important;white-space:nowrap !important;gap:10px !important}
.cky-notice-btn-wrapper .cky-btn{margin:0!important}
@media (max-width:800px){.cky-notice-group{flex-direction:column!important;align-items:flex-start!important}}
@media (max-width:440px){.cky-notice-btn-wrapper{flex-direction:row!important;align-items:stretch!important;white-space:normal!important}}
/* COOKIE */

/** HEADER **/

header:is(.sticky, .brx-sticky).scrolling .bloc-img-header {
	max-width: 120px;
}

header:is(.sticky, .brx-sticky).scrolling .section-header {
    padding-top: 10px;
    padding-bottom: 10px;
	border-bottom: solid 1px rgba(250, 250, 250, 0.45);
}


header:is(.sticky, .brx-sticky).scrolling .section-header,
body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) .section-header {
    background-color: var(--secondary);
}

body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) {
	position: static;
}

body.header-fixe header:is(.sticky, .brx-sticky).scrolling + main {
    padding-top: var(--navigation-bar-offset);
}



/* CALENDRIER */

.ics-calendar-month-grid td.has_events {
	background-color: var(--tertiary) !important;
}

.ics-calendar-month-grid td.empty {
    background-color: var(--secondary);
} 
.ics-calendar-month-grid {
    pointer-events: none;
}

.ics-calendar-month-grid .hover_block {
	display: none;
}

span.all-day-indicator {
    display: none !important;
}

li.event.all-day {
	background-color: var(--tertiary);
    border-bottom: 0 !important;
    color: var(--r34ics--element--events--accent--color);
}

.ics-calendar-month-grid .today .day * {
    color: var(--r34ics--element--month--day--color) !important;
}

.ics-calendar-month-grid .today .day {
    background-color: var(--r34ics--element--month--day--background) !important;
}

.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_first, .ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_last, .ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_middle {
    background-color: var(--tertiary) !important;
}

.ics-calendar-month-grid ul.events li.all-day {
    font-weight: inherit !important;
    font-size: 0px !important;
	white-space: nowrap;
}

.ics-calendar-month-grid .events .title {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ics-calendar-month-grid th {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ics-calendar .event .descloc {
	display: none !important;
}

@media (max-width: 768px) {
	.ics-calendar-month-grid .events .title {
    text-indent: -9999px; 
}
.ics-calendar-month-grid th {
    font-size: 7px !important;
}
}