/*
Theme Name: OceanWP Child For Linkiu
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Rémi
Author URI: linkiu.fr

*/

/* -------------------------------------- MODULES --------------------------------------- */
@media all and (min-width: 768px) and (max-width: 9999px){

	.wpml-ls-link {
    	color:white !important;
	} 
}

@media all and (min-width: 768px) and (max-width:1200px){

	#mediumappear {
    	display:none !important;
	} 
	
	#smallappear {
		font-size:9px !important;
		letter-spacing: 1px !important;
	}
	
}

@media (max-width: 768px) and (min-width: 767px) {
.wpml-ls-legacy-list-horizontal a {
    font-size: 10px !important;
    letter-spacing: 1px !important;
}

.noshowmobile {
    display: block !important;
}
}


@media (min-width: 769px)and (max-width: 9999px){

.mycontainerflex {
    margin-top: 4px !important;
}
  
  
#noshowdesktop {
  display:none !important;
  }
}

@media (min-width: 0px)and (max-width: 767px){
	
	.has-cookie-bar #catapult-cookie-bar {
    height: 50vh;
	z-index: 140000000;
}
	.ctcc-left-side {
    padding-top: 5vh;

}
	button#catapultCookie {
     margin-top: 5vh !important
	}
	
  #myidcol1 , #myidcol2 {
  display:none !important;
  }
	
	#m8-ctas, #m8-widgetTiles {
    	/*z-index: 10 !important;*/
  }
  
  .cookie-bar-bar .ctcc-inner {
    flex-direction: column;
}
  
  .ctcc-left-side {
	font-size: 14px;
	letter-spacing: 1.6px;
  margin-right: 0px;
  text-align: justify;
  padding-bottom: 5px;
}

  
  .elementor-element-fad15ac {
   background: transparent !important;
  }
.noshowmobile, .elementor-element elementor-element-b87bfd7 , .elementor-element .elementor-element-133dc616 , .elementor-element .elementor-element-630cf9c2 {
  display:none !important;
}
.elementor-22947 .elementor-element.elementor-element-24588c02, .elementor-23881 .elementor-element.elementor-element-103d0c64 {
    margin: 0px !important;
}

}

@media (min-width: 767px)and (max-width: 768px){
.elementor-22842 .elementor-element.elementor-element-22842 a.elementor-button {
    float: right;
    position: absolute;
    background-color: transparent !important;
}
	.noshowmobile {
		display:none !important;
	}
}

/* ------------------------ TITRES ----------------------------------*/


@media all and (min-width: 0px) and (max-width: 767px){
  
	.menu {
    margin: 0px !important;
    text-transform: UPPERCASE;
    }
  
	#menu-menu-principale-en-3 li {
	font-size:19px;
	line-height:40px;
	}
	
	.menu li a:hover {
    font-weight:800;
    color:#d40028;
	}

}
 


.titre-page .elementor-heading-title{
	font-size:9rem;
	font-weight:100;
	color:#D40028;	
}

.titre-moyen .elementor-heading-title{
	font-size:3rem;
	color:#d40028;
	text-transform:uppercase;
	
}

.petit-titre .elementor-image-box-title{
	font-size: 1.6rem;
	color:#fff;
	font-weight:100;
	text-transform:uppercase;
	margin:0!important;
}

	.titre-argument .elementor-widget-container p{
			margin:0!important;
		
	}

/* ------------------------ PARAGRAPHE ----------------------------------*/
.paragraphe .elementor-widget-container p{
		margin:0;
	color:#212121;
	font-size:2rem;
}

/* ------------------------ BOUTONS ----------------------------------*/

.bouton-classique a,
.photo-plat .elementor-image-box-title a,
.store-exturl .btn-super-info, .elementor-cta__button{
	  margin:0 auto;
    display:inline-block;
    white-space: normal;
    border:none;
  	padding:7px 20px !important ;
  	text-transform:uppercase;
  	max-width:717px;
	white-space:normal!important;
	line-height:1.5;
	min-width:160px;
	letter-spacing:0.2rem;
    font-size:1.4rem!important;
    color:#fff!important;
    background: #212121 ;
  
    border-radius:0!important;
	font-family:"DIN Alternate Bold";

}


/* ------------------------ PHOTOS DE PLATS ---------------------------------- */

.photo-plat{
	margin:2px;
}

.photo-plat .elementor-image-box-img{
		width:100%!important;
	margin-bottom:0!important;
}

.photo-plat .elementor-image-box-description{
 position: absolute;
height: 100%;
	width:100%;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(226,1,45,0.8);
	opacity:0;
	z-index:20;
	transition:0.5s;
}

.photo-plat .elementor-image-box-description span{
	color:#fff;
	font-size:1.8rem;
	padding:20px;
}

.photo-plat .elementor-image-box-title{
		width: 160px;
		position:relative;
		bottom:25px;
		top:75%;
		width:100%;
		transition:1s;

}

.photo-plat .elementor-image-box-content{
		position:absolute;
	height: 100%;
 	z-index:10; 
	top:0;
}

/* ------------------------ STORE LOCATOR ---------------------------------- */

@media all and (min-width: 0px) and (max-width: 779px){
#storeLocator__storeListRow {
    padding-top: 0px!important; 
}
	.hide-for-small-down {
	display:block !important;	
	}
	#storeLocator__storeListRow .title {
    font-size: 2.2rem;
    margin-bottom: 0px!important;
	}
}

#storeLocator__topHalf {
    flex-direction: column-reverse;
}

.filter__row {
     padding: 0px; 
    border: 0px solid #e2e2e2 !important;
    border-top-width: 0px !important;
}

#ssf_adress_input_box{
	width:50%;
	min-width:280px;
}

.filter__items-counter {
    float: none;
	display:block;
	margin:0 auto;
}
#filterShowAll {
margin: 0 auto;
    display:block;
    white-space: normal;
    border: none;
    padding: 7px 20px !important;
    text-transform: uppercase;
    max-width: 717px;
    white-space: normal!important;
	text-align:center;
    line-height: 1.5;
    min-width: 160px;
    letter-spacing: 0.2rem;
	   font-family: "DIN Alternate Bold";
    font-size: 1.4rem!important;
	margin-top: 13px;
    color: #fff!important;
    background: #212121;
    border-radius: 0!important;
	padding: 12px 20px !important;
	    max-width: 292px;
	margin-bottom: -26px;

}

a #filterOptionsClearer .filter__options-clearer .ssflinks {
	 display:none !important;
	color:black !important;
}

/*
.filter__row {
    padding: 0px;
}

.ssf-panel{
		background:transparent!important;
	box-shadow:unset!important;
	margin-bottom:50px;
}

.filter__items-counter {
    float: none !important;
    margin: 0 auto!important;
    display: block!important;
}


.ssf-panel::before{
	content:"Trouvez votre restaurant!";
	display:block;
	font-size:7.2rem;
	color:#000;
    font-family: "RofiTaste";
		margin:0 auto;
	width:100%;
	text-align:center;
	word-spacing:-0.5rem;
}
*/
/*
#storeLocator__searchBar{
	
	padding:10px;
	height:60px;
	border:unset;
	box-shadow:unset;
	border-radius:0;
}

.field-holder__icon.icon--search{
	
	background-position: center center !important;
	height:100%;
	max-height:unset!important;
	max-width:unset!important;
	top:unset!important;
}

.store-locator__geolocator-cell,.searchbar_td{
	padding:0;	
}

.store-locator__geolocator-cell{
	padding: 15px!important;
	background:#e2012d;
}
*/
.store-locator__geolocator{
	color:#fff!important;
	line-height:0;
	font-size:30px!important;
	left:4px;
}

.store-locator__actions-bar table{
	max-width:640px;
	margin:0 auto!important;
}
#storeLocator__storeListRow{
	padding-top:80px!important;
	
}
#storeLocator__storeListRow .title{
	display:none !important;
    font-family: "DIN Alternate Bold";
	text-align:center;
	font-size:3.6rem;
	color:#d40028;
	font-weight:bold;
	margin-bottom:90px!important;
}

#storeLocator__storeListRow .title::after{
	
	content:"";
	display:block;
	margin:35px auto;
	height:2px;
	background:#d40028;
	width:96px;
}

.infobox__body{
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
}

.infobox__row{
	width:100%;	
}

.infobox__marker{
	display:none;
}

.store-location{
	font-family:"DINAlternateMedium";
	font-weight:600;
}

.ssf_image_setting{
	display:block!important;	
}



.infobox__row.store-address{
	color:#212121;
		font-family:"DINAlternateRegular";
}

.infobox__cta.ssflinks{
	display:none;
}

.store-exturl{
	display:block!important;
	margin:0 auto;
}

/* --------------------------------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------
    -----------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------

--- 6 GRAVITY FORM

                ---------------

/* utiliser la class .gform_wrapper 

--------------------- */

/* ----------

    layout 

---------- */

/*
.gform_wrapper ul{
  list-style:none;
    margin:0;
  display: flex;
  flex-wrap: wrap;
	flex-direction:column;
	font-family:"DINAlternateRegular";

}
/* ----------

    labels 

---------- */

/* titre de section 
.gsection h2,
.titre-form .gfield_label{
  color:#fff;
  margin:15px 0;
  padding:5px 0;
  text-align:center;
  background:#e2012d;
	text-transform:uppercase;
	font-size: 1.4rem;
}

label{
  margin:0!important;
  color:#212121;
  font-weight:700;
}

/* labels inférieurs
input+label,
input+i+label,
.gfield_description{
margin: 0 !important;
font-size: 1.4rem;
  font-weight:700;
   line-height:1.8rem;
  padding-top:0;
  color:#212121;

}

/* etoile rouge */
.gform_wrapper .gfield_required {
    display:none !important;
}

/* erreur */
.validation_message,
.validation_error{
  margin:0 0 10px 0 !important;
  text-align:center;
  padding:10px;
  font-size:1.4rem;
  color:#212121;
	background-color:#c3233d;
    box-shadow:0 1px 2px rgba(0,0,0,0.3);
;
}

/* ----------

    inputs 

---------- */

/* conteneurs des inputs
.gfield{
width: 45%;
display: flex;
flex-direction: column;
}

.ginput_container{
  margin: 5px 0 20px 0;
}

/* chmps d'inputs, plusieurs dans un même objet 
.ginput_complex,
.clear-multi{
display: flex;
justify-content: space-between;
 flex-wrap:wrap;
}

/* inputs */
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea{
  max-width:none;
  padding: 3px 10px;
  min-height:40px;
  background:#fff;
  border:1px #212121 solid;
  
  border-radius:0;
  
  
  transition:all 0.3s ease;

}

/* Inputs dans les champs d'inputs, comme l'heure ou les noms/prénoms 
.name_first,
.name_last,
.address_line_1,
.address_line_2,
.address_city,
.address_zip,
.gfield_time_hour,
.gfield_time_minute
{
  width:45%;
}

/* boutons radios et checkboxs 
.ginput_container_radio .gfield_radio,
ginput_container_checkbox .gfield_checkbox{
  display:block;
}

.gfield_radio li,
.gfield_checkbox li{
display: flex;
align-items: center;
margin: 5px 0;
width:100%;

}

.gfield_radio input,
.gfield_checkbox input{
  margin-right:5px!important;
}

/* inputs à cacher
.gform_wrapper .gform_hidden,
.gform_wrapper .gform_validation_container,
.gf_clear_complex,
input+i{
  display:none;
}

/* calendrier
.ui-datepicker{
  background:#fff;
  padding:10px;
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.3);
  display:none;
  color:#000;
}

.ui-datepicker-header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.ui-datepicker select{
width:50%;
}

.ui-datepicker-header>a{
  padding-bottom:5px;
  font-size:1.2rem;
  cursor:pointer;
}

.ui-datepicker-title{
  width:100%;
}

.ui-datepicker-calendar{
  margin-bottom:0;
}

.ui-datepicker tr{
  border: solid #aaa;
  border-width:1px 0;
}

.ui-datepicker thead tr{
  border-top:none;
}

.ui-datepicker th, .ui-datepicker td{
  padding:0;
  text-align:center;
}

.ui-datepicker-today{
  box-shadow: 0 0 0 2px rgba(255,122,122,0.5)inset;
}

.ui-state-default{
  color:#333;
}

/* boutons
.gform_wrapper .button{
width:100%;
}
*/
/* -------------------------------------- ANIMATIONS --------------------------------------- */

.photo-plat-detail:hover .elementor-image-box-description{
	opacity:1;
 	z-index:20; 
}

.photo-plat-detail:hover .elementor-image-box-title{
	opacity:0.5;	
}

/* -------------------------------------- RESPONSIVE --------------------------------------- */

@media screen and (max-width: 1200px) {
.photo-plat .elementor-image-box-description span{
		font-size:1.4rem;
	}
	
.photo-plat .elementor-image-box-title{
	margin:-30px 0 0 0;
	}
}

/*
@media screen and (max-width: 1024px){
	
	.titre-argument .elementor-widget-container{
		text-align:center;
	}
	
	.titre-argument .elementor-widget-container p{
			margin:0!important;
		
	}
	
	.store-locator-map{
		margin-top:40vh;
	}
	
}
*/
@media screen and (max-width: 950px){
.ssf-panel::before{
		font-size:5rem;
	}
}
@media screen and (max-width: 950px){

	#ssf_adress_input_box{
		width:100%;
	}

}
@media screen and (max-width: 640px){

	.hide-for-small-down, .show-for-medium-up, .show-for-medium-only{
		display:inline!important;
	}

}

@media screen and (max-width: 769px){
	.elementor-shape-top{
		display:none;
	}
	
	.gmnoprint img{
		width:40px;
		height:auto;
	}
}