/*
Theme Name: ultrabootstrap Child
Theme URI: http://phantomthemes.com/downloads/ultrabootstrap-premium-wordpress-theme/
Template: ultrabootstrap
Author: phantomthemes
Author URI: http://phantomthemes.com
Description: Ultrabootstrap is a multipurpose Free WordPress Theme for bloggers & artist. It consists of Featured Slider, Featured Posts, custom background, custom color and welcome message in Homepage layout. The theme can be customized from the Theme Options of Customizer. Blog page with right-sidebar. You may download this awesome and light weight theme. More detail of theme availabe in readme.txt file. for support http://phantomthemes.com/support/ or view demo http://phantomthemes.com/view?theme=UltraBootstrap
Tags: right-sidebar,theme-options,featured-images,rtl-language-support,grid-layout,editor-style,custom-header,threaded-comments,custom-background,custom-colors,blog,footer-widgets
Version: 1.1.5.1509714768
Updated: 2017-11-03 14:12:48

*/
@import url('../ultrabootstrap/style.css');

@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,600');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');



body.postid-95 .contenu_page .col-sm-3 img{
	/*display:none;*/
}




header .navbar-form {
	margin-top: 18px;
}

.circle {
	position: relative;
	display: block;
	margin: 4em 1em;
	background-color: transparent;
	color: #222;
	text-align: center;
}

.circle:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.7);
	content: "";
}

.circle:hover:after {
	background-color: rgba(255, 255, 255, 1);
}

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

.circle__wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.circle__content {
	display: flex;
    /* vertical-align: middle; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.circle__content img{
	max-height: 250px;

}
.circle .titre_produit{
	display:block;
	font-size: 1.5em;
	font-family:  'Playfair Display', serif;
	color: rgba(92, 49, 28, 0.9);
	max-width: 220px;
}
.circle:hover .titre_produit{
	display:block;
	font-size: 1.5em;
	font-family:  'Playfair Display', serif;
	color: rgba(92, 49, 28, 1) !important;
}
@media (min-width: 768px) {
	.circle__content img{
		max-height: 200px;
	}
}

@media (min-width: 320px) and (max-width: 440px) {
	.circle__content img {
		max-height: 140px;
	}
}

.circle:hover .titre_produit{
	display:block;
	font-size: 1.5em;
	font-family:  'Playfair Display', serif;
	color: rgba(92, 49, 28, 0.9);
}

.titre_produit{
	color:transparent;
	padding-top: 10px;
}

html.openPopup, 
body.openPopup{
	overflow: hidden;
}
html, body{
	margin:0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;

	background-position: center center; 
	-webkit-background-size: cover; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	

}


@media (max-width:768px){
	
	body {
		background-attachment: scroll;
	}

} 





.spacer { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; }


header .logo-tag{
	margin:20px 0px;
}


section{
	padding-bottom:70px;
}

body.home header section#page_accueil{
	height: 100vh;
	display:block;
}

header section#page_accueil{

	display:none;
}

section.presentation, section.apropos{
	background: rgba(255, 255, 255, 0.9);
	color:#5c311c;
}

section.produit, section.contact{
	background: rgba(92, 49, 28, 0.9);
	color:#ffffff;
}

#logo {
	width: auto;
}

#main.site-main {
	display: block;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center;
	height: 100vh;
}

.btn-search{
	margin-right:10px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: none;
}


header .navbar-form .btn {
	padding: 0 15px;
	background:#5c311c;
	line-height:50px;
}


header .navbar-form {
	margin-left: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 15px;

}



.wpml {
	margin: 15px 0 15px 15px;
	padding: 3.7px 15px;
	width: 126px;
	background:#5c311c;
}

.wpml.navbar-right ul {
    display: flex !important;
}

.wpml.navbar-right ul li:hover a {
    color: #5c311c !important;
    background-color: #fff !important;
}

@media (max-width: 992px){
	.menu-menu-container, .navbar-header{
		display:none;
	}
}

.wpml {
	margin: 15px 0px;
}

@media (min-width:768px) and (max-width:992px)  {
	.wpml {
		margin: 15px 10% 15px 0px;
	}
}
/* --- Recherche --- */

.titre-resultat a {
	color: #ffcc33;
}

.titre-resultat a:hover {
	color: #fff;
}

/* --- MENU --- */

#menu-menu a, #menu-menu-allemand a {
	color: #5c311c;
	font-weight: bold;
	line-height: 3.1em;
	font-size:medium;
	text-transform: lowercase;  
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #5c311c;
	color:#ffffff !important;
}

/* Promotion BTN Page Accueil */


.promotion-btn {
	width: 180px;
	height: auto;
	position: absolute;
	top: -100px;
	right: 24vh;
	z-index: 1000;
	font-weight: bolder;
	font-size: 24px;
	cursor: pointer;

	-webkit-animation: scale-up-center 1100ms steps(100, end) infinite alternate both;
	animation: scale-up-center 1100ms steps(100, end) infinite alternate both;

}





/* ----------------------------------------------
 * Generated by Animista on 2019-8-24 12:55:47
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-up-center {
 	0% {
 		-webkit-transform: scale(0.8);
 		transform: scale(0.8);
 	}
 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}
 }
 @keyframes scale-up-center {
 	0% {
 		-webkit-transform: scale(0.8);
 		transform: scale(0.8);
 	}
 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}
 }



 .promotion-btn svg{
 	fill: #5c311c;
 	-webkit-transition: 0.4s all;
 	-o-transition: 0.4s all;
 	transition: 0.4s all;
 }


 .promotion-btn:hover svg {
 	fill:#c4a787;
 }
 .promotion-btn div{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 	position: absolute;
 	height: 100%;
 	width: 100%;
 }
 .promotion-btn div p {
 	text-align: center;
 	margin-bottom: 0px;
 	font-size: 0.8em;
 	padding: 15px;
 	-webkit-transform: rotate(-20deg);

 	-ms-transform: rotate(-20deg);

 	transform: rotate(-20deg);
 }


 @media (max-width:1199px){

 	.promotion-btn {
 		right: 5vh;

 	}

 } 

@media (max-width:991px){

 	.promotion-btn {
 		top: -175px;

 	}

 } 

 @media (max-width:560px){

 	.promotion-btn {
 		width: 150px;
 		font-size: 20px;

 	}

 } 


 /* Fin Promotion BTN Page Accueil */

 /* popup promotion */


 .contact-popup {
 	position: fixed;
 	display: block;
 	width: 40%;
 	padding: 0px 20px;
 	height: 574.25px;
 	margin: 0% 30%;
 	margin-top: -287.125px;
 	text-align: center;
 	z-index: 1020;
 	top: 50vh;
 	opacity: 0;
 	background: #5c311c;
 	visibility: visible;
 	-webkit-transform: scale(0);
 	-ms-transform: scale(0);
 	transform: scale(0);
 	-webkit-transition: 0.4s all;
 	-o-transition: 0.4s all;
 	transition: 0.4s all;
 	overflow-y: auto;
 }

.brochure {
	margin-top: 100px;
	font-size: 21px;
}


.brochure > a:nth-child(1) > span:nth-child(1) {
	margin-right: 10px;
}

 @media only screen and (max-width: 660px){
	 
 	.brochure {
		margin-top: 50px;
		font-size: 17px;
	}
 }

.formulaire {
	margin-top: 0px;
	font-size: 21px;
}


.formulaire > a:nth-child(1) > span:nth-child(1) {
	margin-right: 10px;
}

 @media only screen and (max-width: 660px){
	 
 	.formulaire {
		margin-top: 50px;
		font-size: 17px;
	}
 }



/* Scroll On Mobile Device */
 .contact-popup.showpopup  {
 	-webkit-overflow-scrolling : touch !important;
 	overflow: auto !important;
 	overflow-scrolling: touch !important;
 	-webkit-perspective: 0;
 	perspective:0;
 }

 .contact-popup::-webkit-scrollbar {
 	height:12px;
 }
 .contact-popup::-webkit-scrollbar-track {
 	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
 	box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
 	background:#f0f0f0;
 }
 .contact-popup::-webkit-scrollbar-thumb {
 	-webkit-border-radius:6px;
 	border-radius:6px;
 	background:#ccc;
 }

/* End Scroll On Mobile Device */

 @media only screen and (max-width: 1600px){
 	.contact-popup {
 		width: 55%;
 		height: 574.25px;
 		margin: 0% 22.5%;
 		margin-top: -287.125px;
 	}
 }
 @media only screen and (max-width: 1024px){
 	.contact-popup {
 		
 		width: 80%;
 		margin: -287.125px 10% 0% 10%;
 	}

 }

 @media only screen and (max-width: 660px){
 	.contact-popup {
 		width: 100%;
 		height: 100%;
 		margin: 0px 0% 0% 0%;
 		top: 0vh;
 	}

 }


 .contact-popup.showpopup {
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	transform: scale(1);
 	opacity: 1;
 	z-index: 1000000000;
 }

 .top-text-form {
 	padding: 0px 80px 0px 80px;
 }

 @media only screen and (max-width: 660px){
 	.top-text-form {
 		padding: 20px 20px 0px 20px;
 	}

 }

 @media only screen and (max-width: 440px){
 	.top-text-form {
 		padding: 0px 0px 0px 0px;
 	}

 }


 .top-text-form p:first-child{
 	color: #ffffff;
 	font-size: 1.2em;
 }
 .top-text-form p:nth-child(2){
 	color:#ffcc33;
 	font-size: 1.2em;
 }


 div.site-cache.showpopup {
 	position: absolute;
 	top: 0px;
 	bottom: 0px;
 	left: 0px;
 	right: 0px;
 	background: rgba(255, 255, 255, 0.7);
 	-o-transition: opacity 0.4s;
 	-webkit-transition: opacity 0.4s;
 	transition: opacity 0.4s;
 	z-index: 1015;
 	visibility: visible;
 	opacity: 1;
 	overflow: hidden;
 	cursor: pointer;
 }

 .wrapper-close-btn {

 	height: 60px;
 }

 #btn-close-popup {
 	display: block;

 }
 #btn-close-popup svg {
 	height: 60px;
 	font-size: 2em;

 }

 .formulaire {
 	text-align: left;
 	margin-bottom: 15px;
 }

 #quiz-question {
 	width: 40px !important;
 	height: 40px !important;

 }

 /* Fin popup promotion */
 /* --- WPML --- */

 .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
 	color: #5c311c;
 	background-color: #fff;
 }

 .wpml-ls-display {
 	color: #ffffff;
 }

 .wpml-ls-display:hover {
 	color: #5c311c;
 }

 a:hover .wpml-ls-display {
 	color: #5c311c;
 }

 .spacer {
 	padding-top: inherit;
 	padding-bottom: inherit;
 	margin-top: 80px;
 	-webkit-background-size: cover;
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-attachment: fixed;
 }


 body {
 	font-family: 'Raleway light', sans-serif !important;
 	color: #ffffff;
 	font-weight: lighter;
 	font-size: 1.5em;
 }


 .lignes{
 	margin-top:40vh;
 	position: relative;
 }

 .text_accueil, .text_accueil2{
 	text-align:left;
 	line-height: 1em;
 	color: #ffffff;
 	display:inline-block !important;
 	text-shadow: 2px 2px 4px black;
 }

 .text_accueil{
 	font-size: 5em !important;
 	text-transform: uppercase;
 }

 .text_accueil2 {
 	font-family: 'Playfair Display', serif !important;
 	font-size: 6.3em !important;
 	margin-top: 50px;
 }

 @media (max-width:768px){
 	.text_accueil{
 		font-size: 2.5em !important;
 	}

 	.text_accueil2 {
 		font-family: 'Playfair Display', serif !important;
 		font-size: 5em !important;
 		margin-top: 30px;
 	}
 	.lignes{
 		margin-top:25vh;
 	}
 }

 h1, h2, h3, h4, h5, h6 {
 	font-weight: bold;
 	font-style: italic;
 	text-transform: lowercase;
 }

 body.single h1 {
 	text-transform: none;	
 }	
 .page-title h1 {
 	font-size: 3em;
 	font-weight: 400;
 	color: #ffffff;
 	border-bottom: none;
 	display: inline-block;
 }
 h1 {
 	font-family: 'Playfair Display', serif !important;
 	margin-bottom:20px;
 }
 h2{
 	font-family: 'Playfair Display', serif !important;
 	margin-top:50px;
 	margin-bottom:30px;
 	font-size: 2.5em;
 }

 h3{
 	font-family: 'Playfair Display', serif !important;
 }

.home h1, .page h1, .category h1, .home h2, .page h2, .home h3, .page h3, .nav > li > a {
	text-transform: capitalize !important;
}

 input, textarea{
 	border:1px #5c311c solid;
 }

 .col-lg-4.eq-blocks{
 	background: rgba(255, 255, 255, 0.7);
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	max-height: 370px !important;
 	padding:5%;
 }
 .col-lg-4.eq-blocks h2{
 	display:none;
 }
 .col-lg-4.eq-blocks:hover{
 	background:rgba(255, 255, 255, 1);

 }
 .col-lg-4.eq-blocks:hover h2{
 	color:#ffffff;
 	display:block;
 }

 @media (min-width:758px) and (max-width:992px){
 	.col-md-5.eq-blocks{
 		height:370px !important;
 	}
 }


 .eq-blocks .image_produit img{
 	max-width:100%;
 	max-height: 100% !important;

 }

 .bloc_actu{
 	max-height: 100% !important;
 }
 .bloc_actu h2{
 	text-align: center;
 }
 .produit_img{
 	max-height: 100% !important;
 	text-align: center;
 }
 .produit_img img{
 	max-height: 250px !important;

 }

 .contenu_page{
 	padding:50px 25px;
 	background: rgba(74, 37, 24, 0.6);
 	margin:20px 0px;
 }

 .navbar-collapse{
 	overflow-x: hidden;
 }	
 .menu-menu-container{
 	width: 100%;
 }	

 .navbar-nav{
 	margin:0px;
 }

 .adresse{
 	margin-top:30px;
 	float:left;
 }

 footer{
 	background:rgba(74, 37, 24, 1);

 }	

 a, a:visited {
 	color: #ffcc33;	
 }

 a:hover {
 	color: #fff;
 }

 input, textarea{
 	font-family: 'Raleway', sans-serif !important;
 	font-size: 1em;
 	font-weight: normal;
 	padding:5px 10px;
 	width: 100%;
 	height: 40px;
 }
 textarea{
	 height: 200px;
 }
 label{
 	width: 100%;
 	font-weight: lighter;
 }

 .wpcf7-submit{
 	background:#ffcc33;
 	color:#ffffff;
 }
 .wpcf7-submit:hover{
 	background:#ffcc33;
 	color:#ffffff;
 }

span.wpcf7-not-valid-tip  {
	color: #fc3;
}

.notif-form {
 	color:#fc3;
 	font-weight: bold;
	text-align: left;
}

 .page_16, .page_230{
 	width:65%;
 	float:left;
 }
 
 

 @media (max-width:992px){
 	.page_16, .page_230{
 		width:100%;
 		float:left;
 	}
 } 


 .scroll-top-wrapper {
 	background-color: #ffcc33;
 }



 footer .signature{
 	text-align: right;
 }

 footer .footcol2{
 	text-align: center;
 }

 footer .footcol3{
 	text-align: right;
 }

 /* Captcha */

 .grecaptcha-badge {
 	display: none;
 }

 .page-id-14 .grecaptcha-badge, 
 .page-id-226 .grecaptcha-badge {
 	display: block;
 }

 /* Brochure page produit */
 
 .brochure a span {
	 padding-right: 5px;
}
#main{
	display: contents!important;
}
body{
	background-image: url(https://copy.ristrettogmbh.association-st-camille.ch/wp-content/uploads/2018/02/coffee_mugs.jpg);
}