/*
Theme Name: Sir-Montreux
Description: About Blank Theme 2023
Author URI: http://www.aboutblank.ch/
Author: About Blank Design Office
Version: 1.0
*/


/************************************************************************************************************
*
* Wordpress Structure
*
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%;  height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; padding: 4px; text-align: center; }
.wp-caption img { margin: 5px 5px 0; }
.wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }


/***********************************************************************************************
* Reset
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
audio, video{ background: transparent; margin: 0; padding: 0;	border: 0; font-size: 100%; font: inherit;	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; overflow-y: scroll;}
ol, ul { list-style: none; }
blockquote, q{	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{	content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; font-weight: normal; }


/************************************************************************************************************
*
* General Structure
*
*/

*{
  outline: 0px;
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html{
	margin-top: 0 !important;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body{
	background-color: #fff;
    position: relative;
}

header{
    transition: left 0.6s cubic-bezier(0.55, 0, 0.1, 1) 0s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s, top 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
	-webkit-transition: left 0.6s cubic-bezier(0.55, 0, 0.1, 1) 0s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s, top 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
	-moz-transition: left 0.6s cubic-bezier(0.55, 0, 0.1, 1) 0s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s, top 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    z-index: 10000;
}

.ha-header-hide{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
    top: -50px;
}

.ha-header-show{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    top: 0px;
}

.bg-image{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
}

.bg-header{
    height: 85vh;
}

.bg-transition{
    height: 85vh;
    background-attachment: fixed;
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

/************************************************************************************************************
*
* Navigation
*
*/
#container{
    padding-top: 120px;
    overflow: hidden;
}

.menu{
    margin-bottom: 0;
}

.menu-main-container{
    position: relative;
}

.menu-item{
    display: inline-block;
    margin-left: 80px;
    font-weight: 700;
}

.menu-item:first-child{
    margin-left: 0;
}

.menu-item a{
	text-decoration: none;
	color: black;
    padding-bottom: 25px;
    display: inline-block;
}

.menu-item > a:hover, .menu-item:hover > a, .current_page_item > a{
    text-decoration: underline;
    color: #000000 !important;
}

.wpml-ls-menu-item{
}

.menu-item:hover > .sub-menu{
    display: block;
}

.menu-item .sub-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    height: 25vh;
    padding: 280px 8.3333333333% 4% 8.3333333333%;
    border-top: 1px solid #f2f2f2;
}

.menu-item .sub-menu .menu-item{
    position: relative;
    width: 170px;
    margin-left: 0px;
    margin-right: 30px;
}

.menu-item .sub-menu .menu-item:before{
    content: "";
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 50px;
    left: 0;
    cursor: pointer;
}

.menu-item .sub-menu .menu-item a{

}

.menu-item .sub-menu .menu-item a:hover{

}
/***********************************************************************************************
* Spacers
*/
.mb-90{
    margin-bottom: 90px;
}
/***********************************************************************************************
* Header
*/
#logo{
    max-width: 180px;
}

.big-logotype{
    max-width: 600px;
}

.logotypes{
    background-color: rgba(0,0,0, 0.4);
    border-top: 1px solid white;
    bottom: 0;
    left: 0;
}

.logotypes .img{
    border-right: 1px solid white;
}

.logotypes img{
    max-width: 200px;
    width: 100%;
}

/***********************************************************************************************
* A PROPOS
*/
.padding-1-col{
    padding: 8.3333333333%;
}

/***********************************************************************************************
* BOUTIQUES
*/
.day{
    width: 100px;
}

.boutique_link, .marque_link{
    cursor: pointer;
}

.boutique_content{
            transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    top: 0;
    left: 0;
}

.op-0{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.op-1{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

/***********************************************************************************************
* MARQUES
*/
#page-brand li{
    padding: 0 4px;
}

.marque_link span{
    display: inline-block;
}

.marque_link:hover, .current-item{
    color: white;
}

.marque_content{
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    top: 0;
    left: 0;
    height: 100%;
}

.logo-marque{
    max-width: 400px;
}

.text_brand_wrapper{
    height: 400px;
    overflow: hidden;
}

.brand-height-panel{
    min-height: 900px;
}
/***********************************************************************************************
* Mobile menu
*/
.header-mobile{
	padding: 15px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
    border-bottom: 1px solid #f2f2f2;
}

.header-mobile .logo{
}

.icon-bar {
    display: block;
    width: 28px;
    height: 2px;
    background-color: #000;
}

.icon-bar + .icon-bar {
	margin-top: 7px;
}

.boxclose, .boxclose:visited{
    color: #000;
    text-decoration: none;
    display: block;
    text-align: right;
    font-size: 33px;
    padding-right: 20px;
    padding-top: 20px;
}

.mm-navbar, .mm-navbars_bottom .mm-navbar:first-child{
    background-color: #FFF;
    border: none;
    padding: 10px 0;
}


.boxclose:hover, .boxclose:focus{
	color: #000;
	text-decoration: none;
}

.boxclose i{
	margin-right: 5px;
}

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

.mm-listview > li.search-label #s{
	padding: 20px;
	margin: 0px;
	border: medium none;
	width: 100%;
	background-color: #EEE;
	font-size: 1em;
	margin-bottom: 20px;
}

.mm-listview > li.Label.search-label{
	padding-top:0;
	padding-left: 0;
	padding-right: 0;
}

.mm-listview > li.Label{
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
}

.mm-menu .mm-listview > li > a.mm-prev::before, .mm-menu .mm-listview > li > a.mm-next::after, .mm-menu .mm-header .mm-btn::before, .mm-menu .mm-header .mm-btn::after {
    border-color: rgba(0, 0, 0, 1);
}

.mm-next{
    display: none !important;
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span{
    margin-right: 0 !important;
}

.mm-listview > li.lang-label > a, .mm-listview > li.icon-label > a{
	line-height: 20px;
	padding: 0px;
	margin-right: 20px;
	display: inline-block;
	text-decoration: none;
}

.mm-listview > li.icon-label > a{
	font-size: 1.5em;
	margin-right: 10px;
}

.mm-listview > li > a, .mm-listview > li > a:visited{
	color: #000;
}

.mm-listview > li > a:focus, .mm-listview > li > a:hover, .mm-listview > li > a:active{
	color: #000;
	background-color: transparent;
}

.mm-menu .mm-header > a{
	color: #000;
}

.mm-menu{
    background: #FFF;
    color: rgba(0, 0, 0, 1);
}

.mm-listview > li > a.lang-selected, .mm-listview > li > a.lang-selected:visited{
	color: red;
}

#my-menu:not( .mm-menu ) {
   display: none;
}

.otgs-development-site-front-end{
    display: none;
}

.mm-listview{
    padding-top: 50px;
}

.mm-listview .menu-item{
        font-size: 25px;
        text-align: center;

}

.mm-panel {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
	flex-direction: column !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
	justify-content: center !important;
    margin-top: -100px !important;
    padding-right: 0 !important;
}

/***********************************************************************************************
* Color
*/
.bg-1, .marque_link:hover span, .current-item span{
    background-color: #B6DDDC;
}

.color-1{
    color: #B6DDDC;
}

.mm-selected a{
    color: #000 !important;
}

.bg-2{
    background-color: #E0D6C6;
}

.color-2{
    color: #E0D6C6;
}

.btn.border-dark {
  border-radius: 0 !important;
}

.btn.border-dark:hover {
  background-color: black;
  color: white;
}

.text-black, a.text-black:hover{
    color: black;
}

.op-hover:hover{
            transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
/************************************************************************************************************
*
* Texte
*
*/
body{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
}

.font-roma{
    font-family: "lust", serif;
    font-weight: 700;
    font-style: normal;
}

/* ul li:not(.menu-item){
	position: relative;
	padding-left: 1em;
}

ul li:not(.menu-item):before{
	content: "– ";
	position: absolute;
    top: 0;
    left: 0;
} */

.font-1, .menu-item{
    font-size: 15px;
    text-transform: uppercase;
}

.font-2{
    font-size: 25px;
    line-height: 120%;
}

.font-3{
    font-size: 50px;
    line-height: 120%;
}

.font-4, .page-template-template-policy h3{
    font-size: 20px;
    line-height: 120%;
}

.font-5{
    font-size: 15px;
    line-height: 120%;
}

.weight-700, .page-template-template-policy h3{
    font-weight: 700;
}

.weight-500{
    font-weight: 500;
}

p, ul, ol{
    margin-bottom: 25px;
}
/*
ol li{
	counter-increment: li
}

ol li:before{
	content: counter(li);
	position: absolute;
    top: 0;
    left: 0;
}
*/



/***********************************************************************************************
* Media Queries Desktop first
*/

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
	body{
	}

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
	body{
	}

    .op-0{
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .op-0.position-absolute{
        position: static !important;
    }

    .current-item, .marque_link:hover{
        background-color: transparent !important;
        color: #212529 !important;
        cursor: text;
    }

    #container {
        padding-top: 100px;
    }

    #page-boutiques{
        background-color: #E0D6C6;
    }

    .mb-90{
        margin-bottom: 45px;
    }

    .bg-transition{
        background-attachment: scroll;
    }

    .big-logotype{
        width: 80%;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
	body{
	}

    #page-boutiques .padding-0{
        padding-bottom: 0 !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
	body{
	}

    .font-3{
        font-size: 40px;
        line-height: 120%;
    }
}