/*
Theme Name:     Atabal-2023 Theme
Theme URI:      https://github.com/atabal/atabal-biarritz.fr
Description:    Theme for Atabal
Author:         Alan Billi
Textdomain:     alanbilli
Author URI:     https://alanbilli.com
Template:       Divi
 
Version:        1.0
*/

@font-face {
    font-family: 'atheniannormal';
    src: url('fonts/athenian-webfont.woff2') format('woff2'),
         url('fonts/athenian-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Athenian';
    src: url('fonts/athenian-webfont.woff2') format('woff2'),
         url('fonts/athenian-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandongrotesquewuploadedfile';
    src: url('fonts/brandon-grostesque-bold-webfont.woff2') format('woff2'),
         url('fonts/brandon-grostesque-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('fonts/brandon-grotesque-black-58a8a3e824392-webfont.woff2') format('woff2'),
         url('fonts/brandon-grotesque-black-58a8a3e824392-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquebold_italic';
    src: url('fonts/brandon-grotesque-bold-italic-58a8a48221563-webfont.woff2') format('woff2'),
         url('fonts/brandon-grotesque-bold-italic-58a8a48221563-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('fonts/brandon-grotesque-light-58a8a4b38001d-webfont.woff2') format('woff2'),
         url('fonts/brandon-grotesque-light-58a8a4b38001d-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquethin_italic';
    src: url('fonts/brandon-grotesque-thin-italic-58a8a3a8861fe-webfont.woff2') format('woff2'),
         url('fonts/brandon-grotesque-thin-italic-58a8a3a8861fe-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root{
  --gray-color: #757575;
}

body {
   overflow-x: hidden; 
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: Athenian;
    font-weight: normal;
}

h1 span{
    font-family: Athenian;
    font-weight: normal;
    text-transform: uppercase;
}

a {
	color: var(--gray-color) !important;
	text-decoration: underline;
}

a:hover {
	color: #000;
    text-decoration: underline;
}

a.et-pb-arrow-next,
a.et-pb-arrow-prev {
	text-decoration: none;
}


hr.vague {
   	height: 6px;
   	background: url("img/vague.svg") repeat-x 0 0;
   	border: 0;
   	width: 100%;
}

.separator {
	margin-bottom: 300px;
}

.mobile-only , .desktop-only{
	display: none;
}


/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(img/vague-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    margin: -25px 0 0 -25px;
}

a.special_link {
    color: #FFF !important;
    font-size: 18px;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
    background-image: url(img/billetterie.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 16px;
    transition: .3s ease-out;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
}

a.special_link:hover {
    background-image: url(img/billetterie-hover.svg);
    color: #000 !important;
}

.event_details h1 {
    text-transform: uppercase;   
}

.event_details h2 {
    /*text-transform: capitalize;*/
}

.event_details h1,.event_details h2{
	font-family: 'atheniannormal';
	color: #FFF;
    padding-bottom: 5px;
}

.event_details h3, .event_details h4{
	font-family: 'brandon_grotesquebold';
}

.event_details h4 {
	color: #FFF;
}

.event_details h3 {
	text-transform: uppercase;
}

.event_details .desktop-only .event_ticket_link {
	background-image: url(img/billetterie-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1.5em;
    transition: .3s ease-out;
    cursor: pointer;
}

.event_details .desktop-only .event_ticket_link a{
    color: #000 !important;
    font-size: 1.8em;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
    vertical-align: sub;
    transition: .3s ease-out;
}

.event_details .desktop-only .event_ticket_link:hover {
	background-image: url(img/billetterie-white-hover.svg);
}

.event_details .desktop-only .event_ticket_link:hover a {
    color: #FFF !important;
}

.event_details .mobile-only .event_ticket_link {
	mask-image: url(img/billetterie.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(img/billetterie.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    padding: 1.3em;
    background-color: #000;
    transition: .3s ease-out;
    cursor: pointer;
    position: absolute;
    top: -60px;
    width: 60%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

.event_details .mobile-only .event_ticket_link a{
    color: #FFF !important;
    font-size: 1.8em;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
    letter-spacing: 1px;
    padding-bottom: 0 !important;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
    vertical-align: sub;
}

.event_details .desktop-only .event_ticket_link.full,
.event_details .desktop-only .event_ticket_link.full a {
	cursor: default !important;
} 

.event_details .desktop-only .event_ticket_link.full:hover {
	opacity: 1 !important;
}

#main-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#main-header .container {
	width: 80%;
}

#et-top-navigation{
	padding-top: 0 !important;
}

.et_menu_container {
	margin: 15px auto !important;
}

#top-menu li {
    margin: 0;
    font-size: 2rem !important;
    vertical-align: middle;
}

#top-menu > li:first-child, #top-menu > .menu-item-type-custom{
	display: none;
}

#top-menu li a{
	 font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
	 font-size: 1.8rem !important;
	 letter-spacing: 1px;
	 padding-bottom: 0 !important;
	 font-weight: normal;
     color: #000 !important;
}

#top-menu li ul li{
    padding: 0 !important;
}

#top-menu li li a {
	width: auto !important;
}

#top-menu li ul li a{
	padding: 0 !important;
}

#top-menu li ul.sub-menu {
	background-color: transparent !important;
	margin-top: 6px;
	display: none !important;
}

#top-menu li ul.sub-menu li{
	padding: 0 0.6em 0 0 !important;
	line-height: 0.8em;
}

#top-menu li ul.sub-menu a{
	font-family: 'brandon_grotesquethin_italic',Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.6rem !important;
	font-style: italic;
}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
	display: none !important;
}

#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et_toggle_slide_menu:after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .et_pb_member_social_links a:hover, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .tagged_as a, .posted_in a {
	color: #000 !important;
}

.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a {
	color: #000 !important;
}

.et_mobile_menu {
	background: #FFF !important;
	padding: 0 !important;
	border-top: 0 !important;
	box-shadow: 0 0 0 rgb(0 0 0 / 10%) !important;
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.1) !important;
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 10%) !important;
    border-bottom: 5px solid;
   text-align: center;
   border-color: #000 !important;
   height: 100vh;
}

.et_mobile_menu li a {
	font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
	background-color: transparent !important;
	font-size: 1.3rem;
    letter-spacing: 1px;
    margin-top: 15px;
    border: none !important;
    text-decoration: none;
}

#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
	padding-right: 0 !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover,#top-menu a:hover,.et-fixed-header #top-menu a:hover {
	background-color: transparent !important;
	opacity: 1 !important;
	color: var(--accent) !important;
}

.et-fixed-header#main-header {
	background-image: none;
}

.et_mobile_menu li li {
	padding-left: 0;
}


.et_mobile_menu li li a{
	font-family: 'brandon_grotesquethin_italic',Helvetica,Arial,Lucida,sans-serif;
	font-style: italic;
	font-size: 1.3rem !important;
	letter-spacing: 0px;
    margin-top: 0px;
    padding: 0.4em 0px;
}

.et_mobile_menu li img {
	margin: 0px auto 20px !important;
    display: block;
   	width: 60%;
}

.mobile_menu_bar:before {
	font-size: 50px !important;
}

#logo {
    max-height: 80% !important;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: "";
}

.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
	padding-bottom: 0 !important;
}

.opened .mobile_menu_bar:before {
	content: "\4d";
}

#mobile_menu > li:nth-child(6) {
	display: none;
}

#mobile_menu > li:nth-child(7){
	padding-top: 35px;
    background: url(img/vague-hr.svg) repeat-x left top;
    background-size: 10px;
    margin-top: 35px;
}

#mobile_menu > li:last-child {
	margin-bottom: 35px;
}

html[lang="fr-FR"]  #mobile_menu > li:nth-child(7)::before {
	content: "Changer de langue :";
	font-family: 'brandon_grotesquethin_italic',Helvetica,Arial,Lucida,sans-serif;
}

html[lang="eu"]  #mobile_menu > li:nth-child(7)::before {
	content: "Aldatu hizkuntza:";
	font-family: 'brandon_grotesquethin_italic',Helvetica,Arial,Lucida,sans-serif;
}

#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
	color: #000 !important;
	background: url(img/vague-hover.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center bottom;
}

#top-menu-nav>ul>li>a {
	background-position: center center;
	transition: .3s ease-out;
}

#top-menu-nav>ul>li>a:hover {
	background: url(img/vague-hover.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center bottom;
}

#top-menu > li:nth-child(6),
#mobile_menu > li:first-child{ 
    padding: 0em !important;
    transition: .3s ease-out;
    background: url(img/billetterie.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

html[lang="eu"]  #top-menu > li:nth-child(6),
html[lang="eu"]  #mobile_menu > li:first-child{ 
    padding: 0 !important;
}

#top-menu > li:nth-child(6):hover{
    background: url(img/billetterie-hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



#mobile_menu > li:first-child{ 
	margin: 20px 0;
	-webkit-mask-size: 30%;
	mask-size: 30%;
}

.et_mobile_menu a {
    color: #000 !important;
}

#mobile_menu > li:first-child a{
    padding: 0.8em 0;
    color: #FFF !important;
}

.et_mobile_menu > li:first-child a {
	margin-top: 0 !important;
	color: #FFF;
}

#top-menu > li:nth-child(6) a{ 
	color: #FFF !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
	padding: 0.5em 0 0.5em 0 !important;
}

.et_header_style_left #et-top-navigation nav>ul>li:nth-child(6)>a {
	padding: 0.5em 1.6em !important;
    color: #FFF !important;
}

html[lang="eu"] .et_header_style_left #et-top-navigation nav>ul>li:nth-child(6)>a {
    padding: 0.7em 1.6em !important;
}

#top-menu-nav>ul>li:nth-child(6)>a:hover,
.et_header_style_left #et-top-navigation nav>ul>li:nth-child(6)>a:hover {
    color: #000 !important;
    background: none !important;
}

#et_top_search { 
    
}

#footer-divi {
   	background: url("img/vague-hr.svg") repeat-x left top;
   	background-size: 10px;
}

#footer-divi.et_pb_section {
	margin: 0 !important;
	background-color: #FFF !important;
	padding: 2% 0 !important;
}

#footer-divi p,#footer-divi a, footer p{
	font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
	font-size: 1.2rem !important;
    letter-spacing: 1px;
    color: #000;
}

#footer-divi a {
	text-decoration: none !important;
	color: #000 !important;
}

#footer-divi a:hover {
	color: var(--gray-color) !important;
}

.home .et_pb_row,
.home .container {
	width: 98%;
	max-width: none;
}

.home .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module {
	margin-bottom: 0;
}

.et_pb_row_1_tb_footer {
	background-color: #FFF !important;
}

.et_pb_text_2_tb_footer {
	margin-left: 0 !important;
}


.dih_container {
	cursor: pointer;
}

.dih_container:hover .dih_image img {
	filter: grayscale(1);
}

.et_pb_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
	font-family: 'Athenian',Helvetica, Arial, Lucida, sans-serif;
    font-size: 60px !important;
    line-height: 1.2em;
}

.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
	font-size: 2rem !important;
    letter-spacing: 9px !important;
    text-align: center !important;
    font-family: 'atheniannormal',sans-serif !important;
}

.et_pb_column .et_pb_row_inner, .et_pb_row {
	padding: 15px 0 0;
}

#social-container {
	position: fixed;
    top: 40%;
    right: 0;
    background: url(img/social-taller.svg);
    background-size: cover;
    background-position: right top;
    height: 205px;
    width: 100px;
    z-index: 1000;
    background-repeat: no-repeat;
    text-align: right;
    padding: 30px 0;
    display: none !important;
}

#social-container-footer {
    text-align: center;
}

#social-container div,
#social-container-footer div {
    margin: 10px 5px;
    display: inline-block;
}

#social-container a,
#social-container-footer a{
	font-size: 0;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}

#social-container a svg,
#social-container-footer a svg{
	width: 100%;
	transition: .3s ease-out;
}

#social-container a svg:hover,
#social-container-footer a svg:hover {
  fill: var(--gray-color);
}

#social-container-mobile {
	display: none;
}

#social-container-mobile-wrapper{
	min-height: unset;
    height: 100%;
    display: block;
    width: 100%;
    max-height: unset;
    background: url(img/social-mobile.svg);
    background-size: 125%;
    background-repeat: no-repeat;
    background-position: 45% 39%;
    display: none;
    padding: 0 !important;
}


.nav li ul {
	visibility: hidden;
	z-index: 9999;
	position: fixed;
	width: 100vw;
	left: 1;
	padding: 0;
	text-align: none !important;
	border: none;
	background: #7bc5f7;
	box-shadow: none;
}

.nav li.et-reverse-direction-nav li ul {
	right: 0;
	top: auto;
	background: #bae1fc;
}


/* Rules for related shows */
.et_pb_widget.same-category-posts {
	width: 100% !important;
	margin: 0px !important;
}

.same-category-posts h4 {
	font-family: 'atheniannormal',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2rem;
}

.same-category-posts .same-category-post-item {
	border: none !important;
}

.same-category-posts ul {
	display: flex;
	flex-wrap: wrap;
}

.same-category-posts ul li.same-category-post-item{
   	width: 22%;
    margin: 0 3% 0 0;
}

.same-category-posts ul li.same-category-post-item img {
	width: 100%;
    transition: 0.3s;
}

.same-category-posts ul li.same-category-post-item img:hover {
    filter: grayscale(1);
}

.same-category-post-item .post-title{
    display: block;
    color: #000 !important;
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 20px;
}

.same-category-post-item a.post-title:hover {
    opacity: 0.6;
    text-decoration: none;
}

.et_pb_widget_area_left {
	border: none !important;
	padding: 0 !important;
}


/* Cocarde */

.cocarde-title {
	position: absolute;
    top: -15%;
    left: -15%;
    z-index: 1000;
    width: 30%;
    margin: 0 !important;
}

.cocarde-title:after {

}

.cocarde-title .et_pb_text_inner {
	position: relative;
}

.cocarde-title .et_pb_text_inner .vertical-align{
	padding: 46% 0;
    background-image: url(img/cocarde.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.cocarde-title .et_pb_text_inner h5{
	width: 50%;
    margin: 0 auto;
    font-size: 1vw;
    line-height: 1.2vw;
    color: #FFF;
    text-align: center;
    padding: 0 !important;
    letter-spacing: 1px;
    font-weight: normal;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
}

.cocarde-image {

}

.custom_lang_switcher {
	color:  #FFF;
}

.custom_lang_switcher h6 {
	color: #000 !important;
	font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 1.2rem !important;
    letter-spacing: 1px;
}

.custom_lang_switcher ul {
	list-style: none;
	padding: 0;
}

.custom_lang_switcher ul li a::before{
	content: url(img/vague-hover.svg);
    width: 15px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.et_pb_section_0.et_pb_section.et_pb_section_first {
	margin-top: 0px !important;
    padding-top: 170px !important;
}

article[class*='event_date'] .et_pb_section_0.et_pb_section.et_pb_section_first .et_pb_row {
	padding-top: 0px !important;
	margin-top: 0px !important;
    width: 100%;
}

article[class*='event_date'] .et_pb_section_0.et_pb_section.et_pb_section_first .et_pb_row_2 {
    max-width: 1080px;
}

.dih_container:hover .ticket-full, .dih_container:hover h4, .dih_container:hover h5, .dih_container:hover h6{
	opacity: 1;
}

.dih_hover {
	position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
    left: 0;
}

.ticket-full {
	position: absolute;
    top: 10%;
    width: 100%;
    mask-image: url(img/full.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-image: url(img/full.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%;
    color: #000;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase;
    font-size: 0.7em;
    background-color: #FFF;
    opacity: 0;
    transition: 0.3s;
}	

.dih_hover_content {
	position: relative;
    top: 45%;
    width: 95%;
    margin: auto;
}

.dih_hover h4, .dih_hover h3 {
	font-family: 'atheniannormal';
	color: #FFF;
}

.dih_hover h3 {
	text-transform: uppercase;
	font-size: 2em;
	padding-bottom: 5px;
}

.dih_hover h4 {
	font-size: 1.2em;
	opacity: 0;
	transition: 0.3s;
}

.dih_hover h5 {
	font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 1.8em;
    position: absolute;
    bottom: 10px;
    width: 100%;
    opacity: 0;
    transition: 0.3s;
}

.dih_hover h6 {
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 1.4em;
    position: absolute;
    bottom: 50px;
    width: 100%;
    opacity: 0;
    transition: 0.3s;
}

/* Blocs Images Overlay */

.bloc-image-texte-overlay {
    height: 600px;
    display: flex;
    justify-content: flex-end;
}

.bloc-image-texte-overlay a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.bloc-image-texte-overlay h2 {
    color: #FFF;
    font-family: 'atheniannormal';
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 2em;
}

.bloc-image-texte-overlay p {
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
    color: #FFF;
    line-height: 1.2em;
    font-size: 1.2em;
}

.bloc-image-texte-overlay .et_pb_text_inner {
    background-color: rgb(0 48 159 / 80%);
    display: inline-block;
    padding: 5%;
}

/* FAQ */

.et_pb_accordion .et_pb_toggle {
    border: none;
    padding: 0;
}

.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #000 !important;
    font-family: 'brandon_grotesquebold',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 1px;
    font-size: 1.8em;
    background: url(img/vague-hr.svg) repeat-x left bottom;
    background-size: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.et_pb_toggle p {
    font-family: 'brandon_grotesquelight',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 1px;
    line-height: 1.2em;
    font-size: 1.2em;
}

.et_pb_toggle_close {
    background: transparent !important;
}

.et_pb_toggle_title:before {
    color: #000;
    content: url(img/vague-hover.svg);
    width: 30px;
    transition: 0.3s ease-out;
}


.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;    
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #000;
    content: url(img/vague-hover.svg) !important;
    width: 30px;
    transform: rotate(90deg);
}


@media only screen 
and (max-width : 980px) {

    .et_pb_section_0.et_pb_section.et_pb_section_first .et_pb_row {
        width: 100%;
    }

    .et_pb_column {
        margin-bottom: 15px;
    }

	.event_details h1 {
		font-size: 3em;
        color: #000;
	}

	.event_details h2 {
		font-size: 1.5em;
        color: #000;
	}

	.event_details h3, .event_details h4 {
		font-size: 1.3em;
        line-height: 1.2em;
        color: #000;
	}

	.et_pb_section_0.et_pb_section.et_pb_section_first {
		padding-top: 80px !important;
	}

	.mobile-only {
		display: block !important;
	}

	.event_details_container svg {
		display: none !important;
	}

	.event_details .et_pb_column_2_3.et_pb_column_3 {
		margin-top: 35px;
	}

	.event_details .et_pb_text_inner{
		text-align: center !important;
	}

	.event_price {
    	margin: auto;
	}

	#footer-divi .et_pb_text {
		margin: 0 !important;
	}
	.et_pb_row {
		width: 90%;
	}

	.container {
		width: 100%;
	}

	.container.et_menu_container {
		padding: 0 5%;
		width: 100% !important;
	}

	.sub-menu {
		padding-left: 0 !important;
	}

	.et_header_style_left .logo_container {
		width: 90%;
	}

	#social-container {
		display: none;
	}

	#social-container-mobile-wrapper > div {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}

	#social-container-mobile {
		margin: 20% auto 0;
	    display: flex !important;
	    flex-wrap: wrap;
	    width: 70%;
	}

	#social-container-mobile div {
	    flex-grow: 1;
    	width: 25%;
	}

	#social-container-mobile a{
		font-size: 0;
	    width: 60%;
	    display: block;
	    margin: 0 auto;
	}

	#social-container-mobile a svg{
		width: 100%;
	}


	#social-container-mobile-wrapper {
		display: none !important;
	}

	.dih_content_wrapper{
		opacity: 1 !important;
	}

	.dzhvr-fade-in-up .dih_content_wrapper {
    	-webkit-transform: translateY(0%) !important;
    	transform: translateY(0%)!important;
	}

	.same-category-posts ul li.same-category-post-item {
		width: 100%;
		margin: 0;
	}

	.cocarde-title {
		top: -26%;
    	left: 24%;
    	width: 50%;
        margin-bottom: -90px !important;
        position: relative;
	}

	.cocarde-title .et_pb_text_inner h5 {
		font-size: 4vw;
		line-height: 4.3vw;
	}

	.et_pb_image_wrap, .et_pb_image_wrap img {
		width: 100% !important;
	}

	.align-right .et_pb_column.et-last-child, .align-right .et_pb_column:last-child {
		margin-top: 70px;
	}

    .et_pb_row .et_pb_column_1_2.et-last-child {
        margin-top: 0px;
    }

	.et_pb_video {
		max-width: none !important;
		width: 100% !important;
	}

	.et_pb_section {
		min-height: auto !important;
	}

	#footer-divi p, #footer-divi a, footer p {
		text-align: center !important;
	}

	#footer-divi a {
		display: block;
	}

	.separator {
		margin-bottom: 1px;
	}

	.custom_lang_switcher {
		text-align: center;
    	margin-top: 30px;
	}

	.custom_mosaique .et_pb_column.et-last-child,
	.custom_mosaique .et_pb_column {
    	margin-bottom: 1% !important;
	}

	.dih_container .ticket-full, .dih_container h4, .dih_container h5, .dih_container h6{
		opacity: 1 !important;
	}

    .bloc-image-texte-overlay {
        height: auto !important;
        min-height: 400px;
        width: 95%;
        margin: auto;
    }

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 100%;
    }

}

html[lang="eu"] .lang-fr {
	display: none;
}


html[lang="fr-FR"] .lang-eu {
	display: none;
}

.et-fb-preview--desktop .lang-eu, .et-fb-preview--desktop .lang-fr {
	display: block !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) 
and (orientation : portrait) {

    .custom_mosaique .et_pb_column {
        width: 49.5%;
        margin-right: 1% !important;
    }

    .et_pb_row .et_pb_column.et-last-child {
        margin-right: 1% !important;
    }

    .custom_mosaique .et_pb_column:nth-child(even) {
        margin-right: 0 !important;
    }

	.cocarde-title {
		top: -15%;
	    left: 35%;
	    width: 30%;
        margin-bottom: -130px !important;
	}

	.cocarde-title .et_pb_text_inner h5 {
		font-size: 1rem;
	}

	.et_pb_column_2 {
		margin-top: 50px;
	}

	#mobile_menu > li:first-child {
		-webkit-mask-size: 20%;
    	mask-size: 20%;
	}

    .event_details .mobile-only .event_ticket_link {
        top: -106px;
    }
}


@media only screen 
and (min-width : 981px) {

    .et_pb_text_inner {
        padding: 0%;
    }

    .et_pb_gutters3 .et_pb_column_1_4 {
        width: 24.25%;
    }

    .et_pb_gutters3 .et_pb_column_1_2 {
        width: 49.5%;
    }

    .et_pb_gutters3 .et_pb_column {
        margin-right: 1%;
    }

	#et-top-navigation {
		padding: 10px 0 10px 0 !important;
	}

	.et-fixed-header #top-menu > li:last-child a{
		color: #FFF !important;
	}

	.desktop-only{
		display: block !important;
	}

	.event_details_container {
		max-width: 1200px;
    	position: relative;
    	margin: -18% auto;
	}

	.event_details_container>svg {
		position: absolute;
	}

	.event_details_container>svg>path{
		fill: var(--accent);
	}

	.event_details {
		padding: 6% 0% 4% 9%;
	}

	.event_details h1{
		font-size: 2.8vw;
	}

	.event_details h2{
		font-size: 1.6vw;
	}

	.event_details h3{
		color: #FFF;	
		font-size: 1.6em;
		padding-bottom: 15px;
        margin-top: 5px;
	}

	.event_details .et_pb_text_inner.desktop-only {
		margin-bottom: 40px;
		margin-top: 25px;
		text-align: center;
	}

	.event_details .event_price {
    	text-align: center;
    	margin: auto;
	}

	.event_details h4 {
	   font-size: 1.7em;
        line-height: 1.2em;
	}

	.et_pb_gutters2 .custom_mosaique .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
    	width: 32.6666666%;
	}

	.et_pb_gutters2 .custom_mosaique .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {
    	margin-right: 1%;
    	margin-bottom: 1%;
	}

	.custom_mosaique .dih_hover {
		transition: all 0.3s ease;
	}

	.custom_mosaique .dih_container:hover .dih_hover {
		bottom: 0px;
	}

	.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a {
		color: #000 !important;
	}

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 100%;
    }
}


@media only screen 
and (min-width : 981px)
and (max-width : 1199px) {

	#top-menu li {
	    padding: 1em 0.4em 1em 0.4em !important;
	}

	html[lang="eu"] #top-menu li {
	    padding: 1em 0.2em 1em 0.2em !important;
	}

	#top-menu li a{
		font-size: 1.1rem !important;
	}

	#top-menu li ul.sub-menu a{ 
		font-size: 1rem !important;
	}

	#top-menu li ul.sub-menu li {
		vertical-align: top;
	}

	.event_details_container {
		margin-top: -18%;
	}

	.event_details .desktop-only .event_ticket_link a {
		font-size: 1.5rem;
	}

	.event_details .et_pb_text_inner.desktop-only {
		margin-bottom: 30px;
		margin-top: 20px;
	}

    .event_details h4 {
        font-size: 1.2em;
    }

    article[class*='event_date'] .et_pb_column_1_2 .et_pb_text_inner{
        padding-right: 11%;
    }
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1200px)
and (max-width : 1399px) {
	#top-menu li {
	    padding: 1em 0.9em 1em 0.9em !important;
	}

	html[lang="eu"] #top-menu li {
	    padding: 1em 0.7em 1em 0.7em !important;
	}

	#top-menu li a{
		font-size: 1.2rem !important;
	}

	#top-menu li ul.sub-menu a{ 
		font-size: 1.1rem !important;
	}

	.cocarde-title {
		top: -16%;
	}

	.align-right .et_pb_column.et-last-child{
		max-width: 500px;
    	/*margin-left: calc(47.25% - 500px);*/
	}

	.event_details_container {
		margin-top: -17%;
	}

    .event_details h4 {
        font-size: 1.3em;
    }

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 55%;
    }

    article[class*='event_date'] .et_pb_column_1_2 .et_pb_text_inner{
        padding-right: 11%;
    }

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1400px)
and (max-width : 1599px) {
	#top-menu li {
	    padding: 1em 1.3em 1em 1.3em !important;
	}

	html[lang="eu"] #top-menu li {
	    padding: 1em 1.0em 1em 1.0em !important;
	}

	#top-menu li a{
		font-size: 1.4rem !important;
	}

	#top-menu li ul.sub-menu a{ 
		font-size: 1.3rem !important;
	}

	.cocarde-title {
		top: -19%;
	}

	.align-right .et_pb_column.et-last-child{
		max-width: 500px;
    	margin-left: calc(49.5% - 500px);
	}

	.align-right .cocarde-title {
	        width: 37%;
    left: -18%;
    top: -19%;
	}

	.event_details_container {
		margin-top: -16%;
	}

	.ticket-full {
		font-size: 1.5rem;
		padding: 2% 0px;
	}

	.dih_hover h3 {
		font-size: 3rem;
	}

	.dih_hover h4 {
		font-size: 1.5rem;
	}

	.dih_hover h5 {
		font-size: 1.8rem;
	}

    .dih_hover h6 {
        font-size: 1.4rem;
    }

    .event_details h4 {
        font-size: 1.4em;
    }

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 50%;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1600px)
and (max-width : 1799px) {
	#top-menu li {
	    padding: 1em 1.6em 1em 1.6em !important;
	}

	html[lang="eu"] #top-menu li {
	    padding: 1em 1.1em 1em 1.1em !important;
	}

	#top-menu li a{
		font-size: 1.6rem !important;
	}

	#top-menu li ul.sub-menu a{ 
		font-size: 1.5rem !important;
	}

	.cocarde-title {
		top: -20%;
	}

	.align-right .et_pb_column.et-last-child{
		max-width: 500px;
    	margin-left: calc(49.5% - 500px);
	}

	.align-right .cocarde-title {
		width: 42%;
    left: -21%;
    top: -21%;
	}

	.event_details h4 {
		font-size: 1.5em;
        line-height: 1.3em;
	}

	.event_details_container {
		margin-top: -14%;
	}

	#top-menu > li:nth-child(6), #mobile_menu > li:first-child {
		mask-size: 74%;
		-webkit-mask-size: 74%;
	}

	.ticket-full {
		font-size: 1.5rem;
		padding: 2% 0px;
	}

	.dih_hover h3 {
		font-size: 3rem;
	}

	.dih_hover h4 {
		font-size: 1.5rem;
	}

	.dih_hover h5 {
		font-size: 1.8rem;
	}

    .dih_hover h6 {
        font-size: 1.4rem;
    }

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 45%;
    }

    article[class*='event_date'] .et_pb_section_0.et_pb_section.et_pb_section_first .et_pb_row_2 {
        max-width: 1200px;
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1800px) {
	#top-menu li {
	    padding: 1em 1.8em 1em 1.8em !important;
	}

	html[lang="eu"] #top-menu li {
	    padding: 1em 1.2em 1em 1.2em !important;
	}

	.cocarde-title {
		top: -22%;
	}

	.align-right .et_pb_column.et-last-child{
		max-width: 500px;
    	margin-left: calc(49.5% - 500px);
	}

	.align-right .cocarde-title {
		width: 47%;
    left: -23%;
    top: -24%;
	}

	.event_details h1{
		font-size: 50px;
	}

	.event_details h2{
		font-size: 28px;
	}

	.event_details h3{
		font-size: 28px;
	}

	.event_details h4 {
        font-size: 1.6em;
    }

	.event_details_container {
		margin-top: -14%;
	}

	#top-menu > li:nth-child(6), #mobile_menu > li:first-child {
		mask-size: 70%;
		-webkit-mask-size: 70%;
	}

	.ticket-full {
		font-size: 1.5rem;
		padding: 2% 0px;
	}

	.dih_hover h3 {
		font-size: 4rem;
	}

	.dih_hover h4 {
		font-size: 2rem;
	}

	.dih_hover h5 {
		font-size: 2.2rem;
	}

    .dih_hover h6 {
        font-size: 1.8rem;
    }

    .bloc-image-texte-overlay .et_pb_text_inner {
        width: 45%;
    }

    article[class*='event_date'] .et_pb_section_0.et_pb_section.et_pb_section_first .et_pb_row_2 {
        max-width: 1200px;
    }
}