/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600|Oswald:300,500&display=swap');

@font-face {
    font-family: 'tragic_markerregular';
    src: url('Fonts/tragicmarker-webfont.woff2') format('woff2'),
         url('Fonts/tragicmarker-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #2c2c2c;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
}
.pagemaster {
  position: absolute;
	top: 0;
  right: 0;
	left: 0;
  z-index: 1;
}
.pagelarge {
  position: relative;
  margin: 0 80px;
}
.page, .pagetop {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex, .pageflex2 {display:flex;}

.banner {position:absolute;top:0;left:0;width:100%;-webkit-animation:none;animation:none;z-index:1100;}
.banner.is-sticky {
  position: fixed;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-animation: move-down .5s forwards;
  animation: move-down .5s forwards;
  background: white;
}
@-webkit-keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.logopane {text-align:center;}
.banner.is-sticky .logopane {position:absolute;top:0;left:0;}
.logoimg img {
  margin: 48px 0 0 0;
  -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.35));
}
.banner.is-sticky .logoimg {width:100px;}
.banner.is-sticky .logoimg img {margin:0;max-width:100%;height:auto;}
.logotext h2 {font-family:'Oswald', sans-serif;font-weight:300;color:white;margin:20px 0;}
.logotext h3 {color:white;font-size:48px;margin:0;}
.banner.is-sticky .logotext {display:none;}
.menu {padding:160px 0 0 0;text-align:center;}
.banner.is-sticky .menu {padding:0 0 0 120px;text-align:left;}
.toppane {}
.content {position:relative;padding:80px 0;min-height:700px;}
.pm-home .content {padding:0;}
.contentpane {}
.homecp {margin:0 0 80px 0;}
.leftpane {width:760px;margin:0 80px 60px 0;}
.rightpane {flex:1;margin:0 0 60px 0;}
.leftpane2 {margin:0 80px 60px 0;}
.rightpane2 {flex:1;margin:0 0 60px 0;}
.bottom {background:#3d3434;color:white;padding:50px 0;position:relative;}
.bottom-divider {
    position: absolute;
    width: 100%;
    height: 42px;
    top: -42px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    background-image: url('divider-larzac-brown.svg');
}
.bottompane1 {flex:1;margin:0 40px 0 0;text-align:right;}
.bottompane2 {flex:1;margin:0 40px 0 0;}
.bottompane3 {flex:1;}
.copyright {font-size:14px;line-height:18px;color:white;text-align:center;margin:20px 0 0 0;}
.copyright a:link, .copyright a:visited {color:white;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#d1cfc0;text-decoration:none;}
.copyright-item {display:inline-block;margin:0 50px 0 0;}

/* Text selection */
::selection {background:#476247;}
::-moz-selection {background:#476247;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:white;color:#476247;border:#476247 solid 1px;font-family:'Oswald', sans-serif;display:inline-block;font-size:18px;line-height:36px;font-weight:300;letter-spacing:0.12em;padding:0 24px;text-transform:uppercase;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:#476247;color:white;text-decoration:none;}
a.bigbutton i.fas {font-size:16px;margin-right:8px;}
button.bigbutton {background:white;color:#476247;border:#476247 solid 1px;font-family:'Oswald', sans-serif;display:inline-block;font-size:18px;line-height:36px;font-weight:300;letter-spacing:0.12em;padding:0 24px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;}
button.bigbutton:hover {background:#476247;color:white;}

/* Documents and links */
.documents {text-align:center;margin:40px 0;}
.documents a {transition:all .2s ease-in-out 0s;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:22px;margin-right:8px;}
.documents a:link, .documents a:visited {color:#476247;font-size:24px;font-family:'Oswald', sans-serif;font-weight:300;text-decoration:none;margin:0 0 0 12px;}
.documents a:active, .documents a:hover {color:#476247;text-decoration:none;margin:0 0 0 24px;}
.newspaper-link {}
.newspaper-link a {transition:all .2s ease-in-out 0s;}
.newspaper-link a:before {font-family:'tragic_markerregular';content:"\003E";font-size:30px;margin-right:8px;}
.newspaper-link a:link, .newspaper-link a:visited {color:#476247;font-size:24px;font-family:'Oswald', sans-serif;font-weight:300;text-decoration:none;margin:0 0 0 12px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#476247;text-decoration:none;margin:0 0 0 24px;}

/* MISC */
.intro {max-width:1000px;margin:0 auto;}
.contactsat {background:url('bergers-logobt2.png') no-repeat top center;text-align:center;padding:200px 0 0 0;}
.contactsat .h3-headline {color:white;}
.video-container {text-align:center;}
.newspaper-imgdivcellright img {margin:20px 0 20px 60px !important;}
.newspaper-imgdivcellleft img {margin:20px 60px 20px 0 !important;}
/* Flex HtmlContent */
.nw-flex {display:flex;}
.nw-flex .newspaper-textdivcell, .nw-flex .newspaper-imgdivcellleft, .nw-flex .newspaper-imgdivcellright {display:block;}
.nw-flexreverse {flex-direction:row-reverse;}
/* Cookie Consent */
.cc-compliance a {text-decoration:none !important;}

/* Headlines */
.h1-headline, .h4-headline {font-family:'Oswald', sans-serif;font-weight:300;color:#2c2c2c;letter-spacing:0.025em;}
.h1-headline {font-size:48px;line-height:48px;text-transform:uppercase;}
.h4-headline {font-size:24px;line-height:30px;}
.h2-headline, .h3-headline {font-family:'tragic_markerregular';color:#476247;text-transform:uppercase;letter-spacing:0.025em;}
.h2-headline {font-size:48px;line-height:48px;}
.h3-headline {font-size:36px;line-height:36px;}

/* Labels */
.labels {margin:20px 0 0 0;}
.labels:after {content:"";display:table;clear:both;}
.label {float:left;margin:20px 20px 0 0;}
.label:last-child {margin:20px 0 0 0;}

/* Contact Infos */
.contact-infos {}
.contact-header {text-align:center;}
.contact-header h2 i {margin-right:10px;}
.contact-header .email {font-size:24px;margin:20px 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 40px;margin:20px 0 0 0;}
.contact-item span {position:absolute;top:0;left:5px;color:#476247;}
a.phone {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 54px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 30px;
  -moz-border-radius: 27px;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  white-space: nowrap;
}
a.phone:link, a.phone:visited {background:#476247;color:white;text-decoration:none;}
a.phone:active, a.phone:hover {background:white;color:#476247;text-decoration:none;}

/* Producteurs */
.gblockswrapper {}
.gblocks {margin:30px 0 0 0;}
.gblocks:after {content:"";display:table;clear:both;}
.gblock {float:left;width:370px;height:370px;margin:0 1px 1px 0;}
.gblock * {-webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.gblock .gblock-img {width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center center;position:relative;overflow:hidden;}
.gblock .overlay {
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(71,98,71,0.9);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform-style: preserve-3d;
}
.gblock .overlay h3, .gblock .overlay h4 {color:white;margin:0 20px;}
.gblock .overlay h4 {font-size:24px;line-height:30px;}
.gblock .overlay i.fas {margin-right:6px;}
.gblock:hover .overlay {opacity:1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0);
  transform: translateY(0px);
  -webkit-transform-style: preserve-3d;
}
.gblock .overlay .logo-ab {display:none;}
.gblock.bio .overlay .logo-ab {display:block;margin-top:10px;}
/* Fromages HP */
.fromages .gblockswrapper {text-align:center;}
.fromages .gblockswrapper .h1-headline {background:#dddacd;padding:20px 0;}
.fromages .gblocks {display:flex;align-items:center;padding:0 20px;}
.fromages .gblock {float:none;background:white;width:auto;height:auto;margin:0 20px;text-decoration:none !important;}
.fromages .gblock:hover h3 {color:#476247;}

/* Paroles HP */
.testimonialswrapper {background:#476247;padding:40px;position:relative;}
.testimonialswrapper h2 {color:white;padding:0 42px 0 0;}
.testimonials-nav {position:absolute;top:60px;right:40px;display:flex;}
.testimonials-nav div {cursor:pointer;font-family:'tragic_markerregular';font-size:36px;line-height:48px;color:white;margin:0 4px;}
.testimonials {}
.testimonial {display:flex;}
.testimonial-img {margin:20px 40px 20px 0;}
.testimonial-text {flex:1;color:white;}
.cycle-slide {width:100%;} /* Fix for text transition */

/* Slider */
.slider-container {width:100%;height:100vh;position:relative;overflow:hidden;min-height:320px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}

/* Image Headers */
.topimageheader {height:450px;position:relative;}
.topimageheader .caption {position:absolute;bottom:100px;left:74px;z-index:1100;}
.topimageheader .caption h2 {font-family:'Oswald', sans-serif;font-weight:300;font-size:74px;color:white;letter-spacing:0;line-height:78px;margin:0;}
.tih-mask:after {
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1000;
}
.section-divider {
    position: absolute;
    width: 100%;
    height: 42px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    background-image: url('divider-larzac.svg');
}

/* Fancybox */
.gallery-wrapper {}
/*.gallery {display:flex;justify-content:center;}*/
.gallery {display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));grid-gap:1rem;}
.gallery a {display:flex;height:120px;margin:0 5px 10px 5px;align-items:center;justify-content:center;}
.gallery a img {display:block;}

/* BLOG */
.blog {margin:40px 0 0 0;}
.blog article {margin:0 0 40px 0;position:relative;}
.blog article hr {margin:20px auto;max-width:none;}
.article-infos {}
.article-infos span {color:#aeaeae;}
.article-img {margin:20px auto;}
/* Detail */
article.blog-detail {}
article.blog-detail img {max-width:100%;height:auto !important;}
article.blog-detail hr {margin:20px auto;max-width:none;}
.article-return {float:right;font-size:24px;}
.article-content {margin:40px 0;}
.article-summary {font-weight:bold;}
.article-gallery {margin:40px 0 0 0;}
.article-gallery:after {content:"";display:table;clear:both;}
.article-gallery img {display:block;float:left;margin:0 20px 20px 0;}
/* Sat */
.blogsatheader {margin:0 60px 0 0;}
.blogsatheader a {text-decoration:none !important;}
.blogsat {display:flex;}
.blogsat article {max-width:300px;margin:0 60px 0 0;}
.blogsat article:last-child {margin:0;}

/* Archives */
.blogarchives {margin:40px 0 0 0;}
.blogarchives ul li {}

/* SOCIAL ICONS */
.socialicons {margin:20px 0 0 0;}
.socialicons a {display:inline-block;font-size:36px;margin:0 8px;}
.socialicons a:link, .socialicons a:visited {color:white;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#d1cfc0;text-decoration:none;}

/* TABLE */
.datatable {margin:20px 0;border:1px solid #e9e9e9;font-size:14px;}
.datatable th {background-color:#eee;padding:10px;color:#2c2c2c;font-family:'Roboto', sans-serif;font-size:14px;font-weight:300;}
.datatable td {border-top:1px solid #e9e9e9;padding:6px 12px;}

.clearfix {clear:both;}

/* NUMBERED LIST*/
ol.numberedlist {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin: 30px 0 30px 2em;
}
.numberedlist li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 1.5em;
    *padding: .4em;
    margin: .5em 0;
}
.numberedlist li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1em;
    top: 50%;
    margin-top: -1em;
    background: #476247;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-weight: 700;
    text-align: center;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color: white;
}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#2c2c2c;font-family:'Oswald', sans-serif;font-weight:300;margin:0;line-height:normal;text-transform:uppercase;letter-spacing:0.025em;}
h1 {font-size:48px;line-height:48px;}
h2 {font-family:'tragic_markerregular';font-size:48px;line-height:48px;color:#476247;font-weight:normal;}
h3 {font-family:'tragic_markerregular';font-size:36px;line-height:36px;font-weight:normal;text-transform:none;}
h4 {font-size:48px;line-height:48px;text-transform:none;color:#476247;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {text-decoration:none;color:#476247;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover {text-decoration:none;color:#476247;}
h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none;color:#476247;}
h3 a:active, h3 a:hover, h4 a:active, h4 a:hover {text-decoration:none;color:#2c2c2c;}
hr {border:0;height:2px;background:#476247;margin:20px 0;max-width:200px;}
strong {font-weight:600;}
a:link, a:visited {color:#2c2c2c;text-decoration:underline;}
a:active, a:hover {color:#476247;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:24px 0;}
p {margin:12px 0;}
ul {margin:24px 0;padding:0;}
ul li {list-style-type:none;}
/* Styled lists */
.content ul {padding:0;margin:20px 0 20px 20px;}
.content ul li {list-style-type:none;position:relative;padding-left:18px;margin:0 0 10px 0;}
.content ul li:before {font-family:'tragic_markerregular';content:"\003E";font-size:30px;color:#476247;position:absolute;top:0;left:0;}
blockquote {margin:40px 60px;padding:20px 60px;border-left:none;border-bottom:#eee solid 4px;position:relative;}
blockquote, blockquote p {font-family:'tragic_markerregular';font-style:normal;font-size:30px;line-height:36px;color:#666;}
blockquote:before {font-family:'tragic_markerregular';font-size:200px;content:"\0022";color:#eee;position:absolute;top:40px;left:0;}

/* DEBUG */
.DNNEmptyPane {margin:0 !important;padding:0 !important;}
li p {line-height:24px;}
/* DNN9 Fix */
.dnnModuleManager {
  padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;display:inline-block;}
nav#dnnMenu ul li {
  display: block;
  height: 48px;
  line-height: 48px;
  float: left;
  text-align: center;
  position: relative;
}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li a {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 26px;
  color: #476247;
  text-decoration: none;
  letter-spacing: 1px;
  background:white;
  padding: 0 20px;
}
nav#dnnMenu ul li a:hover {background:#476247;color:white;transition:all 0.3s ease;}
nav#dnnMenu ul li.active a {background:#476247;color:white;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
  top: 50px;
	left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9900;
  transition: all 0.3s ease;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition:all 0.3s ease;}
nav#dnnMenu ul li ul {}
nav#dnnMenu ul li ul li {float:none;margin:0 0 2px 0;}
.banner.is-sticky nav#dnnMenu>ul>li:first-child {display:none;}

/* SiteMap */
ul.sm-menu {list-style:none;margin:30px 0 0 0;padding:0;}
ul.sm-menu li {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
ul.sm-menu li a:link, ul.sm-menu li a:visited {color:white;text-decoration:none;}
ul.sm-menu li a:active, ul.sm-menu li a:hover {color:#d1cfc0;text-decoration:none;}
ul.sm-menu li ul {margin:0;}
ul.sm-menu li li a {}
ul.sm-menu li li a:link, ul.sm-menu li li a:visited {color:#87827a;text-decoration:none;}
ul.sm-menu li li a:active, ul.sm-menu li li a:hover {color:#d1cfc0;text-decoration:none;}

/* Navicon */
.pm-togglebtn {display:block;height:74px;width:74px;text-align:center;line-height:74px;background:white;color:#476247 !important;text-decoration:none !important;}
.pm-togglebtn:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c9";font-size:30px;}
.pm-togglebtn.collapsable:before {content:"\f00d";}

/* PREQUERIES */
#pm-menu, #pm-togglebtn {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1600px and less */
@media screen and (max-width:1600px) {
.testimonial {display:block;}
.testimonial-img {margin:20px 0;}
.testimonial-text {flex:initial;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.pagelarge {margin:0 40px;}
.pageflex2 {display:block;margin:0 40px;}
.banner.is-sticky .menu {padding:0 0 0 116px;}
.leftpane {width:600px;}
.leftpane2 {margin:0 0 60px 0;}
.rightpane2 {flex:initial;}
.testimonial {display:flex;}
.testimonial-img {margin:20px 40px 20px 0;}
.testimonial-text {flex:1;}
nav#dnnMenu ul li a {padding:0 16px;}
}
/* for 1140px and less */
@media screen and (max-width:1140px) {
.page, .pagetop {width:auto;}
.page {padding:0 40px;}
}
/* for 1000px and less - Only portrait for retina display */
@media all and (max-width:1000px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 3000px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 2000px) and (orientation: portrait) {
nav#dnnMenu {display:none;}
#pm-menu, #pm-togglebtn {display:block;}
.pageflex {display:block;}
.banner.is-sticky {position:absolute;}
.banner.is-sticky .logopane {left:auto;right:0;}
.banner.is-sticky .logoimg {width:120px;}
.banner.is-sticky .menu {padding:0;}
.menu {padding:40px 0 0 0;}
.logopane {padding:0 40px;}
.content {padding:40px 0 80px 0;}
.homecp {margin:0 0 40px 0;}
.leftpane {width:auto;margin:0 0 40px 0;}
.rightpane {flex:initial;margin:0 0 40px 0;}
.leftpane2 {margin:0 0 40px 0;}
.rightpane2 {margin:0 0 40px 0;}
.bottompane1 {flex:initial;margin:0;text-align:left;padding:360px 0 0 0;}
.bottompane2 {flex:initial;margin:0;position:absolute;top:0;left:0;width:100%;}
.bottompane3 {flex:initial;}
.newspaper-imgdivcellright img {margin:20px 0 !important;}
.newspaper-imgdivcellleft img {margin:20px 0 !important;}
.logopane img, .content img {max-width:100%;height:auto !important;}
.nw-flex {display:block;}
}
/* for 740px and less */
@media screen and (max-width:740px) {
.fromages .gblocks {display:block;align-items:center;padding:0 20px;}
.testimonial {display:block;}
.testimonial-img {margin:20px 0;}
.testimonial-text {flex:initial;}
.blogsat {display:block;}
.blogsatheader {margin:0 0 40px 0;}
.blogsat article {max-width:none;margin:0 0 40px 0;}
blockquote {margin:40px 0;padding:20px 40px;}
blockquote, blockquote p {font-family:'tragic_markerregular';font-style:normal;font-size:30px;line-height:36px;color:#666;}
blockquote:before {font-family:'tragic_markerregular';font-size:200px;content:"\0022";color:#eee;position:absolute;top:40px;left:0;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.pagelarge {margin:0 30px;}
.page {padding:0 30px;}
.pageflex2 {margin:0 30px;}
.logopane {padding:0 30px;}
.logotext {display:none;}
.testimonialswrapper {padding:20px;}
.testimonials-nav {top:40px;}
}
/* for 800px height and less */
@media screen and (max-height:800px) {
.menu {padding:40px 0 0 0;}
}