/*
Theme Name:   Des Arts Des Sons	
descriptif-col-gauche:  Des Arts Des Sons
Author:       LB-creations
Template:     Divi
Version:      1.0.0
*/


/*****************/
/**MODIF POLICES**/
/*****************/
html {
    font-size: 10px;
}
body, p {
    font-size: 2rem !important;
	line-height: 1.6 !important;
    font-weight: 100;
}
h1 {
	font-size: 6.5rem;
	line-height: 6.5rem;
	font-weight: 400;
	padding-bottom: 0;
}
h2 {
	font-size: 4.15rem;
}
h3:not(#sln-salon h3, .em-grid .em-item-title) {
	font-size: 3rem !important;
}
h4 {
	font-size: 2.4rem;
	line-height: 3.5rem;
}
blockquote p, blockquote {
    font-size: 2.5rem;
    font-style: italic;
}
.section-visuel, .section-visuel p {
	font-size: 5rem !important;
	line-height: 5rem !important;
}
ul {
    line-height: 1.6em !important;
}
@media (max-width: 1380px) {
	html {
    	font-size: 8px;
	}	
}
@media (max-width: 480px) {
	html {
    	font-size: 7px;
	}	
}

/*****************/
/**MODIF DIVERS***/
/*****************/

/*modifier la scroll bar sur certain navigateur*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    background: #f0f0f0;
}
::-webkit-scrollbar-track {
    background: #000;
}

/*fix horizontal scroll*/
#page-container {
	overflow-x: hidden;
}

/*row width*/
.et_pb_row, .container {
	width: 90%;
}
/*SIDEBAR*/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
	}
}

/*vertical center*/
.vertical-center {
	display: flex;
    flex-direction: column;
    justify-content: center;
	/*ou
	display: flex;
	flex-wrap: wrap;
	align-content: center;*/
}
/*forcer format image*/
.image-1_1 img {
    aspect-ratio: 1/1;
    object-fit: cover;
}
.image-2_3 img {
    aspect-ratio: 2/3;
    object-fit: cover;
}
.image-3_2 img {
    aspect-ratio: 3/2;
    object-fit: cover;
}
/*forcer remplissage image*/
.full-image, .full-image span {
	height: 100%;	
}
.full-image img {
	height: 100%;
	object-fit: cover;
}
/*supprimer légende image zoom*/
.mfp-bottom-bar {
	display: none;
}

/*coin arrondi img*/
.coin-arrondi, .coin-arrondi img, .coin-arrondi .et_pb_slide, .content-menu .coin-arrondi {
	border-radius: 25px;
	overflow: hidden;
}
/*circle-title*/
.circle-title h2:before {
    content: '';
    z-index: -1;
    width: 6rem;
    height: 6rem;
    left: -1.5rem;
    top: -1rem;
    border-radius: 100em;
    position: absolute;
    background-color: #82B19E;
}
.circle-title h3:before {
    content: '';
    z-index: -1;
    width: 4rem;
    height: 4rem;
    left: -0.9rem;
    top: -0.5rem;
    border-radius: 100em;
    position: absolute;
    background-color: #82B19E;
}
/*****************************/
/****SECTION SPE**************/
/*****************************/
.section-visuel {
	margin: 80px;
	min-height: calc(100vh - 160px);
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-visuel.visu-reduit {
	min-height: 30rem;
}
.section-visuel .sous-titre {
	max-width: 80rem;
	margin: auto;
	color: #fff;
	text-align: center;
}
@media (max-width: 1380px) {
	.section-visuel {
		margin: 50px;
		min-height: calc(100vh - 100px);
	}
}
@media (max-width: 980px) {
	.section-visuel {
		margin: 50px 5%;
		min-height: calc(100svh - 100px);
	}
	.section-visuel .sous-titre {
		padding: 0 9%;
	}
}
@media (max-width: 480px) {
	.section-visuel {
		display: block;
		padding: 15svh 0;
	}
	.section-visuel.visu-reduit {
		padding: 12svh 0;
	}	
}

/*ligne services*/
.row-services .et_pb_text p, .row-services .et_pb_text h5{
  transition: 0.2s all ease-in-out;
}
.row-services .et_pb_column:hover .et_pb_text p {
      transform: translateY(-3px);
}
.row-services .et_pb_column:hover .et_pb_text h5 {
      transform: translateY(-5px);
}
.row-services .et_pb_text:after {
		content: '';
    z-index: -1;
    height: 1px;
    width: 0;
	bottom: -10px;
    position: absolute;
    background-color: #000;
    transition: 0.2s all ease-in-out;
}
.row-services .col-01 .et_pb_text:after {
	right: 0;
}
.row-services .et_pb_column:hover .et_pb_text:after {
    width: 20%;
}
.row-services .col-02 {
	border-left: solid 1px #000;
}
/****************/

.section-valeurs svg {
	fill: #ffbb5b;
}

/*section-accordion*/
.section-accordion .fiche {
	flex:1;
	position: relative !important;
	transition: flex 800ms !important;
	background-position: left 20% !important;
}
.section-accordion .fiche:hover {
	flex:5;
	background-position: left 20%;
}
.section-accordion .fiche .et_pb_blurb_content {
    position: absolute!important;
    width: 490px;
    padding: 20px;
    transition: color 400ms;
}
.section-accordion .fiche .et_pb_blurb_content .et_pb_blurb_container {
	padding-top: 0.5rem;
}
.section-accordion a {
	color: rgba(0, 0, 0, 0) !important;
    transition: color 1400ms;
}
.section-accordion .fiche:hover a {
	color: #fff !important;
}
.section-accordion .btn-fiche, .section-accordion h5 {
	display: none;
}
.section-accordion .fiche:hover .btn-fiche, .section-accordion .fiche:hover h5 {
	display: block;
}
.section-accordion .fiche:hover .et-pb-icon {
	font-family: ETmodules!important;
    content: "\4d" !important;
}
.section-accordion .et_pb_button {
	color: #ffffff !important;
	border-width: 1px !important;
    font-size: 2rem;
	padding: 0.525em 1em !important;
	top: 1em;
}
.section-accordion .et_pb_button:hover {
	color: #ffffff !important;
	background-color: hsl(0deg 0% 100% / 20%);
	padding: 0.525em 1em !important;
}

@media (min-width: 981px) {
	.section-accordion .fiche h4 {
		transform: rotate(-90deg);
		position: relative;
		bottom: -270px;
		left: -215px;
		min-height: 45px;
		margin-right: 10px;
	}
	.section-accordion .fiche:hover h4 {
		transform: initial;
		position: relative;
		bottom: initial;
		left: initial;
		min-height: initial;
	}
}
@media (max-width: 1380px) {
	.section-accordion .fiche h4 {
		bottom: -170px;
	}
}
@media (max-width: 980px) {
	.section-accordion .fiche .et_pb_blurb_content {
		width: 100%;
		height: 100%;
		position: relative !important;
	}
	.section-accordion .fiche:hover {
		overflow-y: auto !important;
	}
}
@media (max-width: 480px) {
	.section-accordion .fiche .et_pb_blurb_description {
		margin-left: -45px;
	}
}

/*fiche-mobile*/
.fiche-mobile .btn-fiche {
	display: block;
}
@media (max-width: 480px) {
	.fiche-mobile .et_pb_toggle_close {
		min-height: 72px;
	}
}


/*POP UP*/
.popup .et-waypoint {
    opacity: 1 !important;
}
.popup .evr-close {
    height: 40px !important;
    line-height: 40px !important;
	font-size: 40px !important;
	position: fixed;
    top: 0;
	right: 50%;
    margin-right: -30px;
    background: #d0d0d0 !important;
    width: 60px !important;
    border-radius: 0 0 10px 10px;
	font-size: 40px !important;
	opacity: 1 !important;
	font-family: auto !important;
}
.popup ul {
	list-style: disc;
	padding-left: 25px;
}
.popup p {
	padding-bottom: initial;
}

/******************/
/****EVENTS********/
/******************/
.em.pixelbones a {
	color: #333 !important;
}
.em-item-image {
	line-height: 0;
	height: initial !important;
	max-width: 400px;
}
.em-item-image img {
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 25px;
}
.em.em-list .em-item .em-item-info {
    border-left: none;
}
.em.em-list .em-item {
    grid-template-columns: minmax(0, 1fr) 4fr;
    align-items: center;
}
.em.em-list .em-item .em-item-info .em-item-desc {
    font-size: 2rem;
    margin: 30px 0;
}
.em.em-list.em-grid .em-item, .em.em-list.size-small .em-item {
    border: 0;
    padding: 0;
    box-shadow: initial;
}
.em.em-list.em-grid .em-item .em-item-info, .em.em-list.size-small .em-item .em-item-info {
    border-top: 0;
}
/*bouton*/
.em.pixelbones .button.input, .em.pixelbones .input .button, .em.pixelbones .input button, .em.pixelbones .input input[type=button], .em.pixelbones .input input[type=reset], .em.pixelbones .input input[type=submit], .em.pixelbones button.input, .em.pixelbones input[type=button].input, .em.pixelbones input[type=reset].input, .em.pixelbones input[type=submit].input, .em.pixelbones.input .button, .em.pixelbones.input button, .em.pixelbones.input input[type=button], .em.pixelbones.input input[type=reset], .em.pixelbones.input input[type=submit] {
	height: initial !important;
	padding: 0.3em 1em !important;
    color: #333 !important;
    font-size: 2rem !important;
	line-height: 1.7em !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
    text-transform: initial !important;
	border-radius: 3px !important;
    border: 1px solid #333 !important;
	margin: 10px 10px 0 0;
	width: 32rem;
}
.em.pixelbones .input .button:focus, .em.pixelbones .input .button:hover, .em.pixelbones .input button.em.pixelbones .input:focus, .em.pixelbones .input button.em.pixelbones .input:hover, .em.pixelbones .input button:focus, .em.pixelbones .input button:hover, .em.pixelbones .input input[type=button].em.pixelbones .input:focus, .em.pixelbones .input input[type=button].em.pixelbones .input:hover, .em.pixelbones .input input[type=button]:focus, .em.pixelbones .input input[type=button]:hover, .em.pixelbones .input input[type=reset].em.pixelbones .input:focus, .em.pixelbones .input input[type=reset].em.pixelbones .input:hover, .em.pixelbones .input input[type=reset]:focus, .em.pixelbones .input input[type=reset]:hover, .em.pixelbones .input input[type=submit].em.pixelbones .input:focus, .em.pixelbones .input input[type=submit].em.pixelbones .input:hover, .em.pixelbones .input input[type=submit]:focus, .em.pixelbones .input input[type=submit]:hover, .em.pixelbones .input.button:focus, .em.pixelbones .input.button:hover, .em.pixelbones.input .button:focus, .em.pixelbones.input .button:hover, .em.pixelbones.input button:focus, .em.pixelbones.input button:hover, .em.pixelbones.input input[type=button]:focus, .em.pixelbones.input input[type=button]:hover, .em.pixelbones.input input[type=reset]:focus, .em.pixelbones.input input[type=reset]:hover, .em.pixelbones.input input[type=submit]:focus, .em.pixelbones.input input[type=submit]:hover, .em.pixelbones.input.button:focus, .em.pixelbones.input.button:hover {
    background-color: #f0f0f0 !important;
	border-color: transparent !important;
}
/*page list events*/
.em.em-list.em-grid>div.em-item .em-item-info .em-item-meta .em-item-meta-line {
    line-height: 2rem;
    font-size: 1.75rem;
}

/*désactiver liens emplacements et catégories*/
.em-item-meta-line {
	cursor: default;
	pointer-events: none;        
	text-decoration: none;
}
.em.em-item .em-item-meta .em-item-meta-line a, .em.em-list .em-item .em-item-meta .em-item-meta-line a, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line a
  {
    font-style: initial !important;
    text-decoration: none !important;
}
.em-event-categories ul {
	line-height: 0 !important;
}

/*pages évenements*/
@media (min-width: 981px) {
	.single-event .container {
		width: 80%;
		max-width: 1080px;
	}
}
.single-event .em-item-header {
	border-bottom: solid 1px #d0d0d0;
	padding-bottom: 2rem !important;
}
.single-event .em-item-image {
	max-width: 265px;
}
.em.em-item.em-item-single .em-item-image img, .em.em-item.em-item-single.size-small .em-item-header .em-item-image img  {
	padding: 0 !important;
	border: none !important;
}
.em-event-content .small-button {
    font-size: 2rem;
    border-radius: 2px;
    background: none;
    border: solid 1px #000;
	padding: 0.3em 4rem !important;
	font-weight: 600 !important;
    margin-top: 1rem !important;
}
.em-event-content .small-button:hover {
	color: #000 !important;
	background: #f0f0f0;
}

/*catégorie COMPLET*/
.em.em-item .em-item-meta .em-item-meta-line a[href*="complet"], .em.em-list .em-item .em-item-meta .em-item-meta-line a[href*="complet"] {
	color: red !important;
    font-weight: bold;
    border: solid 2px;
    padding: 0.5rem 1rem;
}

/******************/
/****RESERVATION***/
/******************/
#sln-salon {
	max-width: 1100px !important;
	margin: 0 auto 0 auto !important;
}
.sln-list .sln-list__item, #sln-salon .sln-list .sln-list__item {
	max-width: 100% !important;
}