/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/





/* ============================================== 
=================== PROVISOIRE ================== 
=============================================== */

.hide-resa-btn .elementor-button-wrapper{
	display:  none!important;
}





/* =============================================== 
===================  GENERAL ===================== 
=============================================== */
body:not(.home) .elementor{
	margin-top: -100px;
}

/* ============================================== 
===================== FONTS ===================== 
=============================================== */
@font-face {
    font-family: 'regular';
    src: url('fonts/regular.woff2') format('woff2'),
        url('fonts/regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bold';
    src: url('fonts/bold.woff2') format('woff2'),
        url('fonts/bold.woff') format('woff');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'title';
    src: url('fonts/title.woff2') format('woff2'),
        url('fonts/title.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'script';
    src: url('fonts/script.woff2') format('woff2'),
        url('fonts/script.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

.elementor-heading-title{
	line-height:  initial!important;
}
body{
	font-family:  "regular", Helvetica, Arial, sans-serif!important;
}
p:last-of-type {
  margin-bottom: 0!important;
}
b, strong,
.elementor-button, .button,
input[type=submit]{
	font-family:  "bold", Helvetica, Arial, sans-serif!important;
}
.elementor-button, .button{
	letter-spacing:  1.5px;
}
h1, h2, h3, h4{
	text-transform: uppercase;
	font-family:  "title", Helvetica, Arial, sans-serif!important;
}
.menu a{
	text-transform: uppercase;
	text-align: center;
}
.elementor-widget-button .elementor-button,
input[type=submit] {
	background-color: transparent!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:  #192632!important;
	font-size:  26px;
	transition: all .25s ease;
}
.activites.txt-left .elementor-widget-button .elementor-button{
	border-color: #f4bd00!important;
}
.elementor-widget-button .elementor-button:hover,
input[type=submit]:hover {
	background-color: #42bdda!important;
	color:  white!important;
}
.activites.txt-left .elementor-widget-button .elementor-button:hover{
	background-color: #f4bd00!important;
}
footer{
	font-size:  15px;
	line-height:  1em!important;
}
footer h4{
	line-height:  1.2em!important;
}
.copyright{
	font-size:  14px;
}

/* ============================================== 
===================== HEADER ==================== 
=============================================== */
#Header_wrapper {
	padding-bottom: 10px;
}
@media screen and (max-width:  979px){
	#Action_bar,
	#Top_bar{
		background: #192632!important;
	}
}
.sticky-dark #Top_bar.is-sticky, .sticky-dark #Top_bar.is-sticky #menu {
  background: rgba(25,38,50,.9);
}
#Action_bar .contact_details{
	padding-right:  0;
}
#Action_bar .contact_details,
#Action_bar .contact_details a {
	color: #ffffff!important;
}
#Action_bar ul {
	float: right!important;
	padding-right: 20px;
}
#Action_bar ul li{
	padding:  10px 0!important;
}
#Top_bar{
	top:  41px;
}
@media screen and (min-width:  1240px){
	.menu_wrapper a{
		margin: 0!important;
		line-height: 52px!important;
		box-sizing: border-box;
	}
}

.action_button{
	text-transform: uppercase;
}

.top_bar_right {
	padding-right: 0!important;
}
.logo-sticky{
	width:  120px!important;
}

/* =============================================== 
=================  SITE WIDTH ==================== 
=============================================== */
@media screen and (min-width:  1240px) and (max-width:  1366px){
	.elementor-2 .elementor-element .elementor-container,
	.rs-layer {
	  max-width: 1240px!important;
	}
	.rs-layer {
	  width: 1240px!important;
	  margin: auto!important;
	}
}

/* =============================================== 
=============== REVSLIDER HOME TOP =============== 
=============================================== */
@media screen and (min-width: 1024px) and (max-width: 1239px){
	rs-bgvideo{
		width:  125%!important;
		left:  -12.5%!important;
	}	
}
@media screen and (min-width: 1240px) and (max-width: 1365px){
	rs-bgvideo{
		width:  120%!important;
		left:  -10%!important;
	}	
}
@media screen and (min-width: 1366px){
	rs-bgvideo{
		width:  115%!important;
		left:  -7.5%!important;
	}	
}
@media screen and (max-width: 767px){
	rs-bgvideo{
		top: -20px!important;
		width: 150%!important;
		height: 115%!important;
	}	
}

h1.rs-layer{
	padding-bottom:  25px!important;
	border-bottom : 1px solid white;
}
@media screen and (max-width:  767px) {
	h1.rs-layer{
		padding-bottom:  15px!important;
	}
}

h2.rs-layer{
	font-family: 'regular'!important;
	text-transform: initial;
	letter-spacing:  1px;
}
span.esperluette{
	background-color: #f4bd00;
	color: #192632;
	padding: 0 15px;
}

/* ============================================== 
===================== ACCUEIL =================== 
=============================================== */
.feature_box_wrapper .photo_wrapper{
	width:  15%!important;
}
.feature_box_wrapper .desc_wrapper{
	width:  85%!important;
}
.feature_box_wrapper .desc_wrapper p{
	margin-bottom:  0!important;
	line-height:  1.3em;
}
#liens-utiles .elementor-widget-image{
	max-width:  33%;
	float:  left!important;
}
#liens-utiles .elementor-widget-image img{
	display: block;
}

/* ================= ACTIVITES SECTION ================== */
.activites .elementor-widget-image-carousel{
	box-shadow: 6px 9px 18px rgba(46,50,51,0.333);
	max-height:  620px;
	z-index: 2;
	overflow: hidden;
}
.activites .e-swiper-container .swiper-slide figure{
	line-height:  1!important;
}
.activites .swiper-container-horizontal > .swiper-pagination-bullets, 
.activites .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:  20px;
}
.activites .swiper-pagination-bullet-active{
	transform: scale(1.3)!important;
}
.activites .elementor-column .elementor-widget-heading,
.activites .elementor-column .elementor-widget-text-editor{
	margin-bottom:  0!important;
}
.activites.txt-left .elementor-column .elementor-widget-heading,
.activites.txt-left .elementor-column .elementor-widget-text-editor,
.activites.txt-left .elementor-column .elementor-widget-button:not(.rgt-btn){
	text-align:  right;
}
.last-word {
	padding: 0 15px 3px 15px;
	color:  white;
}
.last-word.blue {
	background: #42bdda;
}
.last-word.yellow {
	background: #F4BD00;
}



.activites .elementor-column .elementor-widget-text-editor p{
	position: relative;
	z-index:  2;
}
.activites#sioule .elementor-section .elementor-element-populated,
.activites#parcours .elementor-section .elementor-element-populated{
	z-index: 2;
}


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

	.activites .elementor-widget-text-editor:after,
	.activites#sioule .elementor-section:first-of-type:after,
	.activites#parcours .elementor-section:last-of-type:after{
		font-family: 'script';
		font-size:  140px;
		display: block;
		position: relative;
		width: 150%;
		margin: -45px auto 0 auto;
		z-index: 0;
	}
	.activites#canoe .elementor-widget-text-editor:after,
	.activites#contact .typo-after:after,
	.activites#journee .elementor-widget-text-editor:after,
	.activites#nature .elementor-widget-text-editor:after,
	.activites#ambiance .elementor-widget-text-editor:after{
		color:  #f8f9fb;
		left: -15%;
	}
	.activites#via-ferrata .elementor-widget-text-editor:after,
	.activites#restaurant .elementor-widget-text-editor:after,
	.activites#demi-journee .elementor-widget-text-editor:after,
	.activites#bord-de-sioule .elementor-widget-text-editor:after{
		color:  white;
		text-align:  left;
		right:  10%;
	}
	.activites#journee .elementor-widget-text-editor:after,
	.activites#nature .elementor-widget-text-editor:after{
		font-size:  138px;
		width:  170%;
		left:  -25%;
		margin-top:  -30px;
	}
	.activites#sioule .elementor-section:first-of-type:after,
	.activites#parcours .elementor-section:last-of-type:after{
		color:  #f8f9fb;
		text-align: center;
		left:  -25%;
	}
	.activites#parcours .elementor-section:last-of-type:after{
		color:  white;
	}
	.page-id-671 .activites#via-ferrata .elementor-widget-text-editor:after{
		color:  #f8f9fb;
	}
	.activites#canoe .elementor-widget-text-editor:after{
		content: 'Canoë Kayak';
	}
	.activites#via-ferrata .elementor-widget-text-editor:after{
		content: 'Via Ferrata';
	}
	.activites#restaurant .elementor-widget-text-editor:after{
		content: 'Restaurant';
	}
	.activites#sioule .elementor-section:first-of-type:after{
		content: 'Sioule Loisirs';
	}
	.activites#contact .typo-after:after{
		content:  'Contact';
	}
	.activites#journee .elementor-widget-text-editor:after{
		content: 'Journée détente';
	}
	.activites#demi-journee .elementor-widget-text-editor:after{
		content: 'Demi journée';
		margin-top:  -30px;
	}
	.activites#nature .elementor-widget-text-editor:after{
		content: 'La nature';
	}
	.activites#parcours .elementor-section:last-of-type:after{
		content: 'Le parcours';
		top:  30%;
	}
	.activites#ambiance .elementor-widget-text-editor:after{
		content: 'Ambiance';
	}
	.activites#bord-de-sioule .elementor-widget-text-editor:after{
		content: 'Sioule';
		margin-top:  -30px;
	}

}
@media screen and ( max-width: 1439px ) {
	.activites .elementor-widget-text-editor:after,
	.activites#sioule .elementor-section:first-of-type:after,
	.activites#parcours .elementor-section:last-of-type:after{
		font-size:  70px;
	}
}


.activites .vaguelette:before{
	content: url(/wp-content/uploads/2022/04/vaguelette.svg);
	display: block;
	width:  90px;
	height:  15px;
	position: absolute;
	top:  -60px;
}
.activites.txt-left .vaguelette:before{
	content: url(/wp-content/uploads/2022/04/vaguelette-jaune.svg);
}
.activites.txt-left .vaguelette:before{
	right:  -45px;
}
.activites.txt-right .vaguelette:before{
	left:  -45px;
}



/* ================= SIOULE LOISIRS ================ */
#sioule .feature_box .feature_box_wrapper .desc_wrapper {
	padding-left: 3%!important;
}

/* ================== INFORMATIONS ================= */
.bg-blend-mode{
	background-blend-mode: luminosity;
}
.informations{
	width: 80%!important;
	margin: auto;
	padding-bottom: 45px!important;
	background: white;
	box-shadow: 6px 9px 18px rgba(0,0,0,0.666);
}
.informations .elementor-widget-heading{
	background: #f4bd00;
	padding: 45px;
}
.informations .elementor-widget-heading h3:before{
	content:  url(/wp-content/uploads/2022/04/attention.svg);
	display: inline-block;
	width: 33px;
	height: 30px;
	margin-right: 7px;
	position: relative;
	top:  5px;
}
.informations .elementor-widget-text-editor{
	padding: 25px 45px 0 45px;
}

/* ===================== CONTACT ==================== */
.contact-form{
	box-shadow: 6px 9px 18px rgba(46,50,51,0.333);
	z-index:  2;
}
.wpcf7-form .column{
	padding: 0 5px;
	margin-bottom:  5px;
}
.wpcf7-form .column .societe,
.wpcf7-form .column .name{
	margin-bottom:  11px;
}
.wpcf7-form .column label{
	font-size:  16px;
	margin-top: 10px;
}
.wpcf7-form .column i{
	color: #b4b7bf;
}

::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style: italic;
}
::placeholder {
  font-style: italic;
}

input:not([type=submit]),
select,
textarea{
	border-width: 2px!important;
}
input[type=submit]{
	float:  right;
}

/* ============================================== 
================== CANOE KAYAK ================== 
=============================================== */
#journee .elementor-widget-video{
	box-shadow: 6px 9px 18px rgba(46,50,51,0.333);
	z-index:  2;
}

/* ============================================== 
================== VIA FERRATA ================== 
=============================================== */
#nature .elementor-widget-video{
	box-shadow: 6px 9px 18px rgba(46,50,51,0.333);
	z-index:  2;
}

/* ============================================== 
================== RESTAURATION ================= 
=============================================== */
#ambiance .elementor-widget-video{
	box-shadow: 6px 9px 18px rgba(46,50,51,0.333);
	z-index:  2;
}
.carte table td:last-of-type{
	text-align: right!important;
}

/* ============================================== 
===================== FOOTER ==================== 
=============================================== */

/* ================== WIDGETS ================= */
.widgets_wrapper {
	padding: 0!important;
}
.widgets_wrapper .container{
	max-width:  100%!important;
	padding: 0!important;
}
.widgets_wrapper .column{
	padding:  45px 0;
	height:  100%;
	box-sizing: border-box;
	line-height: 1.2em;
}
.widgets_wrapper .column:first-of-type{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f4bd00;
}
.widgets_wrapper .column:nth-child(2){
	padding:  45px 0 40px 0;
	background: #f5f6fa;
	color: #2f3739;
}
.widgets_wrapper .column:nth-child(2) h4{
	color: #192632!important;
}
.widgets_wrapper .column:nth-child(2) table,
.widgets_wrapper .column:nth-child(2) table tr,
.widgets_wrapper .column:nth-child(2) table tr td{
	border: none!important;
	background: transparent!important;
	margin: 0!important;
}
.widgets_wrapper .column:nth-child(2) .widget_media_image{
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	height: 30px;
}
.widgets_wrapper .column:nth-child(2) .widget_media_image img{
	width:  30px;
	height: 30px;
}

.widgets_wrapper .menu li{
	background: white;
}
.widgets_wrapper .menu li a{
	color: #192632!important;
	background: transparent!important;
}
.widgets_wrapper .menu li.current_page_item,
.widgets_wrapper .menu li.current-menu-item,
.widgets_wrapper .menu li:hover{
	background: #f4bd00;
}
.widgets_wrapper .column .widget,
.widgets_wrapper .column p:last-of-type{
	margin:  0;
}
.widgets_wrapper .column:last-of-type{
	color: #f5f6fa;
}

/* =============== HORAIRES TABS =============== */
.widgets_wrapper .jq-tabs{
	border:  none!important;
	margin-bottom:  0!important;
	margin-top:  10px;
}
.widgets_wrapper .ui-tabs-nav{
	margin:  5px 0;
}
.widgets_wrapper .ui-tabs-nav,
.widgets_wrapper .ui-tabs-nav li,
.widgets_wrapper .ui-tabs-nav li a,
.widgets_wrapper .ui-tabs-panel{
	background: transparent!important;
}
.widgets_wrapper .ui-tabs-panel{
	padding:  0;
}
.widgets_wrapper .elementor-widget-container h4{
	margin-bottom:  0!important;
}
.widgets_wrapper table td{
	padding: 0!important;
	font-size:  13px;
}
.widgets_wrapper table tr:first-child td {
  box-shadow: none!important
}
.widgets_wrapper table td.right{
	text-align: right;
}
.widgets_wrapper table td.left{
	text-align: left;
}
.widgets_wrapper .ui-tabs-nav li a{
	text-align: left;
	text-transform: uppercase;
	color:  #192632!important;
	padding-bottom:  5px;
	padding-top:  5px;
}
.widgets_wrapper .ui-tabs-nav li.ui-tabs-active a {
	color:  #F4BD00!important;
}
.widgets_wrapper .ui-tabs-nav li:after,
.widgets_wrapper .ui-tabs-nav li a:after{
	display: none!important;
}
.widgets_wrapper .ui-tabs-nav li:first-of-type a{
	padding-left: 0;
}

/* =============== COPYRIGHT =============== */
.footer_copy{
	background: white;
	color: #2f3739;
}
.footer_copy .container{
	max-width:  1350px!important;
}
#Footer .footer_copy .column {
	margin-bottom: 15px;
}
.copyright{
	width:  100%;
}

/* =======================================================
========================== RESPONSIVE ====================
======================================================== */
@media screen and (min-width:  768px){
	.copyright{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (min-width:  980px){
	.widgets_wrapper .column{
		min-height: 435px;
	}
	.widgets_wrapper .column:first-of-type{
		width:  18%;
	}
	.widgets_wrapper .column:nth-child(2){
		width:  18%;
	}
	.widgets_wrapper .column:last-of-type{
		width:  63%;
	}
	.widgets_wrapper .column:last-of-type .mcb-column-inner aside:first-of-type{
		width: 50%;
	}
	.widgets_wrapper .column:last-of-type .mcb-column-inner aside:last-of-type{
		width: 45%;
		padding-right:  22.5%;
	}
	.widgets_wrapper .column:last-of-type .mcb-column-inner{
		display: flex;
		justify-content: space-between;
	}
	.copyright div:last-of-type{
		margin-left:  20px;
		position: relative;
		bottom:  -3px;
	}
}
@media screen and (min-width:  1280px){
	.widgets_wrapper .column{
		min-height: 385px;
	}
}
@media screen and (min-width:  1470px){
	.widgets_wrapper .column{
		min-height: 335px;
	}
}

@media screen and (max-width:  1469px){
	.widgets_wrapper .ui-tabs-nav li a{
		padding-right:  10px;
	}
	.widgets_wrapper table td{
		font-size:  11px;
	}
	.widgets_wrapper table td.left{
		width:  60px;
	}
}

@media screen and (max-width:  979px){
	.widgets_wrapper .column{
		width:  100%;
	}
	.widgets_wrapper .column:last-of-type .mcb-column-inner aside:last-of-type{
		margin-top:  20px;
	}
	.footer_copy .container{
		width:  100%;
		padding:  0!important;
	}
	.copyright div:last-of-type{
		margin-top:  15px;
	}
}