/*
 Theme Name:   chappuis
 Theme URI:    https://stamina.ch
 Description:  Barbey-Chappuis theme
 Author:       Stamina
 Author URI:   https://stamina.ch
 Template:     mesmerize
 Version:      0.6
*/
@import url("https://use.typekit.net/ikr6uoy.css");


body{
	color:#2F2F2F;
	font-family: calibri, sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1.title, h1, h2, h3, h4, h5, .comment-author .fn, h6{
	
	font-family: calibri, sans-serif;
	font-weight: 400;
	font-style: normal;
}

body #page h4{color:#df6033;}
body #page h2{ line-height:1em;}
.color2{color: /*#FF9800;*/ #df6033;}

#about-1{ padding-top:0;}
#about-1 p.lead{ text-align:center!important;}

.imagemobile{ display:none;}


@media screen and (max-width: 770px) {
	body{ text-align:left; }
	.header{ background-size:cover;padding-top:150px!important;}
	.imagemobile{ display:block;}
	.imagedesktop{ display:none;}
	
	.imagemobile, .imagedesktop{ margin:0 auto;}
}



/* 404 */
.error404 .header{ display:none;}
.error404 .sidebar{ display:none;}
.error404 .post-content-single{ margin-top:150px;}

.error404 .post-content-single p, 
.error404 .post-content-single form{ display: none;}

.error404 .post-content-single h3{ font-size:4em; line-height: 1em;}


/* Top menu */ 
.header-top-bar{border-bottom:1px solid #df6033;background-color:#fafafa; display: block!important;}
.navigation-bar.bordered{ background-color:#fafafa; }  
.navigation-bar{ padding:5px 0px!important;} 

.top-bar-social-icons a{ color:#848484;}
.top-bar-social-icons a:hover{ color: #303030;}

a.text-logo, a.text-logo:visited{ color: #000;}
a.text-logo:hover,  .dark-logo #main_menu > li.logo > a.text-logo:hover, .fixto-fixed a.text-logo:hover{ color: #df6033;}

.top-bar-field{ color:#6D6D6D;}
.header-top-bar-area .top-bar-field .fa-map-marker{ display:none;}

a, a:visited, a:focus{ color:#848484;}
a:hover{color:#df6033;}


/* Nav */
/*Top color menu*/ ul.dropdown-menu > li{ color:#6D6D6D;}
ul.dropdown-menu > li > a{ text-transform:none;font-family: "Open Sans", sans-serif; font-weight: 400;}
ul.dropdown-menu > li:hover > a, ul.dropdown-menu > li.hover > a{ color:#df6033;}
.coloured-nav ul.dropdown-menu > li, .fixto-fixed ul.dropdown-menu > li{ color:#58191A;}


/*Top hover menu*/ ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a{color:#df6033}
/* page menu */ .ul.dropdown-menu > li.current_page_item a{color:#df6033;}


.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a{ color:#df6033;}

.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a, .coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .coloured-nav ul.dropdown-menu.default > .current_page_item > a, .coloured-nav ul.dropdown-menu.default > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.default > .current_page_item > a, .fixto-fixed ul.dropdown-menu.default > .current-menu-item > a{ border-bottom:1px solid #df6033;}

ul.dropdown-menu.active-line-bottom > .current_page_item > a, ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a, ul.dropdown-menu.default > .current-menu-item > a{ border-bottom:1px solid #df6033;}

/* Header */
/* -------------------------------------------------------------- */
/*.header-top{ position:relative;}*/



.header{ background-size:cover; padding-top:220px!important; background-position-y: 50px !important;background-color: #fff!important;}

.header-homepage{ background-position:center center!important; background-size:cover;background-position-y: 50px !important; background-color: #fff!important;}

.header-top-bar{
	z-index: 9999999999!important;
	position: fixed!important;
	width: 100%!important; 
}


@media screen and (max-width: 1450px) {
	.header{ background-size:contain;}
	.header-homepage{ background-position:top center!important; background-size:contain;background-position-y: 50px !important;}
}
/*
@media screen and (max-width: 1040px) {
	.header-homepage{background-size:cover;}
}*/

@media screen and (max-width: 800px) {
	.header-homepage{}
}


.inner-header-description{ padding:12% 0!important;}
.header .hero-title{ display:none;}
.navigation-bar.bordered{top:40px!important; position: fixed!important;}

@media screen and (max-width: 552px) {
	.header-top-bar-area.area-right{ display: none;}
}


.mesmerize-front-page .page-content{ padding:0!important;}
.gridContainer.Home{margin-top: -175px!important;}

@media screen and (max-width: 770px) {
.gridContainer.Home{margin-top: 0px!important;}
.header-homepage, .custom-mobile-image{ background-position:0 85px!important;}
	
}
@media screen and (max-width: 770px) {
	.header-homepage .header-description-row{ padding-top:28%!important; padding-bottom: 28%!important;}
}

/* Nav Menu */
/* -------------------------------------------------------------- */
#offcanvas-wrapper{background-color:#fafafa;}
html.has-offscreen body::after {

    content: " ";
    display: block;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -1;
    transition: all 0.5s linear;

}

#offcanvas-wrapper .offcanvas-top .logo-holder a{ color:#2F2F2F}
.offcanvas_menu li a{color:#999; font-size: 1.5em;padding: 0.75rem 0 0.75rem 3rem;}


/* Home */
/* -------------------------------------------------------------- */
#features-4{ background-color: #F0F0F0!important;}
.row.spaced-cols h5.color2{ font-size:1.5em!important;}
.section-title-col p{ text-align: left;}

/* Content */
/*.page-id-22 .gridContainer, .page-template-homepage .gridContainer{ max-width: 1000px;}*/
.gridContainer{ max-width: 1000px;/*800px;*/}
.page-content, .gridContainer.content, .mesmerize-inner-page .page-content, .mesmerize-inner-page .content, .mesmerize-front-page.mesmerize-content-padding .page-content{ background-color:#fafafa!important;} 


#overlappable-4 .row p{ font-size:1.2rem}

.row p{ font-size:1.2rem}



/* Presse */
/* -------------------------------------------------------------- */
ul.presse{}
ul.presse li{ list-style-type: none; text-align: left; border-bottom: 1px solid #333;}
ul.presse li .Date{ padding:0;color:848484; margin-top: 10px;}
ul.presse li .Title{text-align: left; float: left; width: 100%; margin-bottom: 15px; line-height: 1em;}

.ListPress{ float: left; width: 100%; clear: both;}
.PressContent{ float:left; width: 80%;}
.LogoPress{ float: left;width: 17%;margin-top: 10px; margin-right: 3%;}



/* Bilan */
/* -------------------------------------------------------------- */

.ListItemObjects{}
.ListItemObjects ul{ width: 45%; display: inline-block; vertical-align: top; margin-bottom: 25px;}
.ListItemObjects ul li ul{ width:100%; vertical-align: top;}
.ListItemObjects ul li ul li{list-style-type:none;}

.ListItemObjects ul ul{ margin-left:0; width: 100%;}
.ListItemObjects ul ul li{list-style-type:none; list-style-type: none;}
.ListItemObjects ul li ul li::marker{ display: none;}


.page-id-265 .gridContainer{ max-width:1800px; width: 95%;}


	@media screen and (max-width: 1020px) {
		.ListItemObjects ul{ width: 100%; display: inline-block;}
	}


/* VIdeos */
/* -------------------------------------------------------------- */
	.parent{}


	.Video{ 
		background-repeat: no-repeat; background-size: cover; 
		width: 32%; height: auto; min-height: 140px; float: left; margin-right: 2%;
	}
	.Video:nth-child(3n) { /*border-top:3px solid red;*/ margin-right: 0;}

	
	.TitleContainer{ line-height: 0.9em;}
		.TitleVideo{}
		.TextVideo{ float: left; width: 100%; min-height: 45px; line-height: 1em;}
		.Date{ padding: 5px 0px; font-size:0.8em; float: left;}

	.fade {
	   opacity: 1;
	   transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	   -webkit-transition: opacity .25s ease-in-out;
	}

	.fade:hover {
	  opacity: 0.5;
	  }


    /********* Superposition simple de texte sur une image *******/
    /* Conteneur principal */
    .overlay-image {
     position: relative;
     width: 100%; min-height: 175px!important;
    }
    /* Image originale */
    .overlay-image .image {
     display: block;
     width: 100%;
     height: auto;
    }
    /* Texte original */
    .overlay-image .text {
     color: #fff;
     font-size: 30px;
     line-height: 1.5em;
     text-shadow: 2px 2px 2px #000;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
    }

	/********* Hover image et texte *******/
    /* Overlay */
    .overlay-image .hover {
     position: absolute;
     top: 0;
     height: 100%; 
     width: 100%;
     opacity: 0;
     transition: .5s ease;
    }
    /* Apparition overlay sur passage souris */
    .overlay-image:hover .hover {
     opacity: 1;
    }
	/********* Hover background et texte uniquement *******/
    .overlay-image .normal {
     transition: .5s ease;
    }
    .overlay-image:hover .normal {
     opacity: 0;
    }
    .overlay-image .hover {
     background-color: rgba(223,96,51,0.5);
    }

@media screen and (max-width: 770px) {
	.Video{ width: 47.5%;margin-right: 5%;}
	.Video:nth-child(2n) { /*border-top:3px solid red;*/ margin-right: 0;}
	.Video:nth-child(3n) { /*border-top:3px solid red;*/ margin-right: 5%;} 
	
	.footer-simple .footer-content{ padding:10px 0px; }
}


/* Home */
i.fa.icon.reverse.color1{background-color: #df6033;}


.offcanvas_menu li a:hover{color:#df6033;}

		
/* Photos */
.image-group-bottom-3-img > .right-img, .image-group-bottom-3-img > .right-img-anchor{ margin-left: -5%!important;}
.image-group-bottom-3-img > .left-img, .image-group-bottom-3-img > .left-img-anchor{ margin-right:-5%!important;}
.col-xs{ padding-left:8px!important;padding-right:8px!important;}


/* instagram */
.FeedGridLayout__grid::before{ display: none;}