/*
Theme Name: Fromagerie Conod
Theme URI:  https://karac.ch/
Author: DO! L’agence SA & karac web Sàrl
Author URI: https://karac.ch
Description: Fromagerie Conod
Version: 1.0.0
*/

h2 {
	font-weight: 100;
}
h2 span,
h2 strong {
	font-weight: 900;
}

.home-presentation .wpb_wrapper p{
	margin-top: 0px;
	margin-bottom: 10px;
}
.home-presentation{
	padding-bottom:32px;
}
.home-presentation h2{
	padding-top:0px!important;
}

#home-introduction .section .info-heading span {
	display: block;
}

@media screen and (min-width: 1440px){
  .home-presentation-paragraphe {
    padding-left:120px;
	padding-right:120px;
  }
}

.home-compteur .section{
	padding-top:64px;
	padding-bottom: 96px;
}
.home-equipe{
	padding-top: 0px;
	padding-bottom: 64px;
}

.home-equipe-sans-photo p {
	line-height: 1;
    font-size: 1.2rem;
    text-align: center;
	text-transform: uppercase;
	color: #0079bd;
	padding-top: 20px;
	padding-bottom: 20px;
}

.home-equipe-sans-photo p strong {
	font-weight: 700;
    text-transform: none;
	margin-bottom: 10px !important;
	font-size: 1.8rem;
	color: #333;
	font-family: Raleway, sans-serif;
	line-height: 1.2;
	display: block;
}
.home-equipe-sans-photo .equipe-saison-vacherin p {
	line-height: 1.4;
    font-size: 1.8rem;
    font-weight: 300;
	color: #666;
	text-transform: none;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-outline{
	color:black;
	border-width: 3px;
}

.section-heading {
	color: #666;
}

/* Header */
header .main-logo{
	margin-top: 10px;
}
header .site-logo.img img {
	height: 110px;
}
.top-bar__navigation-toggler--light span, .top-bar__navigation-toggler--light span::before, .top-bar__navigation-toggler--light span::after{
	background-color:rgb(0, 121, 189);
}
.nt-shortcode-wrapper .wpb_wrapper h2{
	padding-top: 68px;
}
header.topbar-fixed.fixed {
	top: 0px;
}
header.topbar-fixed.fixed.top-bar--style-1 .top-bar__navigation a:not(.custom-btn) {
	color: #0079bd;
}

@media (min-width: 992px) {
	header.topbar-fixed.fixed.top-bar--style-1 .top-bar__navigation {
		margin-top: 20px;
	}
}
@media screen and (max-width:991px){
	.top-bar.is-expanded .top-bar__inner>div:first-child, .top-bar.is-expanded .top-bar__inner:before {
		vertical-align: top;
	}
	.top-bar.is-expanded .img-fluid.main-logo {
		display: none;
	}
	.top-bar.is-expanded .img-fluid.sticky-logo {
		display: inline;
		/*margin-top: 30px;*/
	}
	header .site-logo.img img {
		max-height: 85px;
	}
	header .top-bar__navigation-toggler--light span,
	header .top-bar__navigation-toggler--light span:before,
	header .top-bar__navigation-toggler--light span:after
	{
		background-color: rgb(255, 255, 255);
	}
	header.fixed .top-bar__navigation-toggler--light span,
	header.fixed .top-bar__navigation-toggler--light span:before,
	header.fixed .top-bar__navigation-toggler--light span:after,
	header.is-expanded .top-bar__navigation-toggler--light span,
	header.is-expanded .top-bar__navigation-toggler--light span:before,
	header.is-expanded .top-bar__navigation-toggler--light span:after
	{
		background-color: rgb(0, 121, 189);
	}

	.top-bar.is-expanded .top-bar__inner {
		border-top: 20px solid transparent;
	}
	.top-bar__navigation li {
		margin-top: 25px;
	}
	.top-bar--style-1 .top-bar__navigation li:not(.custom-btn) a {
		color: #0079bd;
	}
}

header {
	-webkit-box-shadow: inset 0px 96px 69px -72px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 96px 69px -72px rgba(0,0,0,1);
	box-shadow: inset 0px 96px 69px -72px rgba(0,0,0,1);
}
header.fixed {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.top-bar__navigation li.li-btn .custom-btn:hover {
	color: #ffffff !important;
}

/* END Header */

/* Footer */
.footer--style-1 .vc_empty_space{
	height: 48px!important;
}
#footer{
	padding-top: 0px;
}

.footer--style-1 #footer__navigation li.active a, .footer--style-1 #footer__navigation li:hover a {
	color: #0079bd;
}

/* END Footer */


/* Formulaire */
form .textfield{
	color:white;
}
.contact-form{
	padding-top: 64px;
	padding-bottom: 96px;
}
.contact-form .wpcf7-submit{
	border: 2px solid white !important;
	width: 100px !important;
}
.contact-form p{
	text-align:center;
}
.contact-form .custom-btn.custom-btn--style-3:hover{
	color:#0079bd;
	background-color:white!important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.textfield::placeholder {
    color: white;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.textfield::placeholder{
	color: white;
}
input.wpcf7-form-control::-webkit-input-placeholder,
textarea.wpcf7-form-control::-webkit-input-placeholder {
	color: white;
}
input.wpcf7-form-control:-moz-placeholder,
textarea.wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
	color: white;  
}
input.wpcf7-form-control::-moz-placeholder,
textarea.wpcf7-form-control::-moz-placeholder {  /* Firefox 19+ */
	color: white;  
}
input.wpcf7-form-control:-ms-input-placeholder,
textarea.wpcf7-form-control:-ms-input-placeholder {
	color: white;  
}
input.wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder {
	color: white;  
}
.formulaire-contact form{
	padding-left:6px;
	padding-right:6px;
}
/* END Formulaire */

/* Page 404 */
#nt-404 .hero-container{
    background-image: url("/wp-content/themes/conod/img/mouton.jpg")!important;
}


/* END Page 404*/

/* Elément Timeline */
#histoire h2 {
	color: white;
}
.timeline .__ico{
	border: 2px solid white!important;
}
.section--base-bg .timeline .__item{
	color:white!important;
}
.timeline .__year, .timeline .__title, .timeline p{
	color:white!important;
}

.timeline .__ico:before {
	background-color: white;
}

.timeline .__item:before {
	border-top: 1px solid white;
	border-left: 1px solid white;
}

/* Elément Equipe */

.team .__content span {
	color: #0079bd;
}

/* Elément Back to Top */
#btn-to-top:before {
	border-bottom: 6px solid white;
}


/* Centrages footer */

@media screen and (max-width: 878px) {
	#footer__navigation li {
		display: block;
	}
	#footer__navigation li.menu-item-last-child.li-btn {
		display: none;
	}
	
	#footer__navigation li,
	#footer .footer__item {
		text-align: center;
	}
}

/* Page ProduitS*/
.cont-produits{
	padding-bottom: 64px;
}

.products-header {
	margin-bottom: 14px;
}

.tous-nos-produits {
	padding-top: 10px;
	margin-bottom: 8px;
}

.produit h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 14px;
	font-weight: bold!important;
}
.produit span{
	color:#0079bd;
}
.produit p{
	margin-top: -12px;
	margin-bottom: 18px;
}

.produit .image-container img {
	transition: transform 300ms ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.produit .image-container {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	overflow: hidden;
}

.produit a:hover img {
	transform: scale3d(1.07, 1.07, 1.07);
}

.produit.product-1-visible {
	flex: 0 0 100%;
	max-width: 100%;
}

.produit.product-1-visible .image-container {
	padding-top: 0;
	text-align: center;
}

.produit.product-1-visible .image-container img {
	position: static;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}

.produit.product-2-visible {
	flex: 0 0 50%;
	max-width: 50%;
}

.produit.product-2-visible .image-container {
	padding-top: 0;
	text-align: center;
}

.produit.product-2-visible .image-container img {
	position: static;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}

@media screen and (min-width: 992px) {
	.produit.product-1-visible {
		flex: 0 0 50%;
		max-width: 50%;
		margin-left: 25%;
	}

	.produit.product-3-visible {
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
	
	.produit.product-3-visible .image-container {
		padding-top: 0;
		text-align: center;
	}
	
	.produit.product-3-visible .image-container img {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
}



.categories {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.categories {
		text-align: left;
	}	
}
.categories h3, .produit h3 {
	font-weight: normal;
	font-size: 18px;
}
.produit h2 {
	margin-top: 0 !important;
}

.produit #label h3 {
	margin-bottom: 16px;
}

.produit #label p {
	margin-top: 8px;
}

.produit #label .label-container {
	text-align: center;
}

.autres-produits h3 {
	margin-bottom: 30px;
	margin-top: 8px;
	font-weight: bold;
	font-size: 16px;
}

/* Qui sommes nous */

.feature--style-3 .__item .__ico {
	height: auto;
}

.autres-specialites .d-none img{
	 filter: contrast(103%) brightness(85%) saturate(198%) blur(4px);
 	-webkit-filter: contrast(134%) brightness(85%) saturate(198%) blur(4px);
	opacity: 0.4!important;
}

/* back to top */
#btn-to-top-wrap {
	display: block;
}
#btn-to-top-wrap .button-down {
	transform: rotate3d(1, 0, 0, 180deg);
}


/* Media Queries */
@media screen and (max-width: 991px) {
  header .sticky-logo{
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 10px;
  }
	.home-presentation-paragraphe{
		padding-left:0px;
		padding-right:0px;
	}
}
@media screen and (max-width: 991px) {
	h2{
		font-size:32px;
	}
	.home-presentation{
		padding-top: 64px;
	}
	.home-compteur .d-table{
		width:100%;
	}
	.home-compteur .d-table .d-table-cell{
		text-align: center;
	}
	.home-compteur .d-table .d-table-cell:first-child {
		width: 25%;
	}
}
@media screen and (max-width: 575px){
	h2{
		font-size:24px;
	}
	.home-presentation .nt-column{
		padding-right: 0px;
		padding-left: 0px;
	}
	.home-compteur .section{
		padding-top: 32px;
	}
	.home-compteur .__item{
		text-align:center;
	}
	.home-compteur .d-table .d-table-cell:first-child {
		width: 20%;
	}
}

@media screen and (max-width: 600px){
	#top-bar {
		top: 0px!important;
	}
	.admin-bar #top-bar {
		top: 46px!important;
	}
	.admin-bar #top-bar.fixed {
		top: 0px!important;
	}
}

@media screen and (min-width: 601px) and (max-width: 782px){
	#top-bar {
		top: 0px!important;
	}
	.admin-bar #top-bar {
		top: 46px!important;
	}
}

@media screen and (min-width: 783px) {
	#top-bar {
		top: 0px!important;
	}
	.admin-bar #top-bar {
		top: 32px!important;
	}
}

/* END Media Queries */


.top-bar__navigation li.custom-btn a{background:#0079bd;}
.top-bar__navigation li.custom-btn a:hover{background:#ffffff;}
.top-bar__navigation li.custom-btn a{color:#ffffff !important;}
.top-bar__navigation li.custom-btn a:hover{color:#ffffff !important;}

footer #footer__navigation ul li:last-child { display: none; }

.g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}

.contact-form .wpcf7-submit {
	margin-top: 2.5rem !important;
}

.wpcf7-spam-blocked.wpcf7-response-output {
	background-color: #ffa500;
	text-align: center;
	display: block;
	color: white;
}

.wpcf7-mail-sent-ok.wpcf7-response-output {
	text-align: center;
}

input.custom-btn.custom-btn--style-3:focus {
	background-color: white;
}