/*
Theme Name:  more than meals
Theme URI:   https://p3creation.com/
Author:      P3 CREATION GROUP
Author URI:  https://p3creation.com/
Description: 
Version:     1.0
Text Domain: more-than-meals
Tags:
Domain Path: /languages
*/

/* Colors:

Yellow #cbb964
Text #191919
Light grey #f2f2f2
Dark grey #282828

*/

/* Typography */

@font-face {
    font-family: 'silkaregular';
    src: url('assets/fonts/silka-regular-webfont.eot');
    src: url('assets/fonts/silka-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/silka-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/silka-regular-webfont.woff') format('woff'),
         url('assets/fonts/silka-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'silkamedium';
    src: url('assets/fonts/silka-medium-webfont.eot');
    src: url('assets/fonts/silka-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/silka-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/silka-medium-webfont.woff') format('woff'),
         url('assets/fonts/silka-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkabold';
    src: url('assets/fonts/silka-bold-webfont.eot');
    src: url('assets/fonts/silka-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/silka-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/silka-bold-webfont.woff') format('woff'),
         url('assets/fonts/silka-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Bellefair';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/bellefair-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bellefair Regular'), local('Bellefair-Regular'),
       url('assets/fonts/bellefair-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/bellefair-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/bellefair-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/bellefair-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/bellefair-v6-latin-regular.svg#Bellefair') format('svg'); /* Legacy iOS */
}

body{
	font-family: 'silkaregular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.56;
}

h1, .h1{
	font-family: 'silkabold', Arial, Helvetica, sans-serif;
    font-size: 194px;
    line-height: 1.05;
    color: #fff;
}

h2, .h2{
	font-family: 'silkamedium', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1.33;
	color: #1c1c1c;
	margin-bottom: 45px;
}

h3, .h3{
	font-family: 'silkamedium', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.5;
    border-bottom: 3px solid #cbb963;
    display: inline;
}

h4, .h4{
	font-family: 'silkaregular', Arial, Helvetica, sans-serif;
	font-size: 24px;
    color: #000;
}

button:focus {
    outline: none;
}

.lead p{
	font-size: 14px;
	line-height: 1.86;
	letter-spacing: 3.11px;
	color: #252525;
	text-transform: uppercase;
}

.large-serif-links a,
.large-serif-links-external a,
.large-serif-links-plus a{
	font-family: 'Bellefair', "Times New Roman", Times, serif;
	font-size: 36px;
	line-height: 1.33;
	color: #191919;
	border-bottom: 2px solid #cbb963;
	margin-right: 45px;
}

@media (min-width: 992px) AND (max-width: 1500px) {
	.large-serif-links a,
	.large-serif-links-external a,
	.large-serif-links-plus a{display: inline-block;}
}

.large-serif-links a:hover,
.large-serif-links-external a:hover,
.large-serif-links-plus a:hover{
	text-decoration: none;
	color: #cbb963;
}

.large-serif-links a:after {
	width: 26px;
	height: 26px;
	display: inline-block;
	content: '';
	-webkit-mask: url(/wp-content/uploads/2020/09/right-arrow.svg) no-repeat 50% 50%;
	mask: url(/wp-content/uploads/2020/09/right-arrow.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #cbb963;
	margin-left: 10px;
}

.large-serif-links-external a:after {
	width: 26px;
	height: 26px;
	display: inline-block;
	content: '';
	-webkit-mask: url(/wp-content/uploads/2020/09/external-arrow.svg) no-repeat 50% 50%;
	mask: url(/wp-content/uploads/2020/09/external-arrow.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #cbb963;
	margin-left: 10px;
}

.large-serif-links-plus a:after {
	width: 26px;
	height: 26px;
	display: inline-block;
	content: '';
	-webkit-mask: url(/wp-content/uploads/2020/09/plus.svg) no-repeat 50% 50%;
	mask: url(/wp-content/uploads/2020/09/plus.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #cbb963;
	margin-left: 10px;
}

.wpb_text_column ul li{
	margin-bottom: 15px;
}

@media (max-width: 1199px) {
	h1, .h1{

	}

	h2, .h2{

	}

	h3, .h3{

	}
}

/* Grid */

@media (min-width: 1200px) {
	.container {
	    max-width: 1520px;
	}
}


.row-extra-wide > .vc_column_container > .vc_column-inner {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

/*

body>div.container{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06);
    padding-left: 0;
    padding-right: 0;
}



.main-padding{padding: 0 15px}

@media (min-width: 769px) {
	.main-padding{padding: 0 30px}
}

@media (min-width: 1230px) {
	.main-padding{padding: 0 50px}
}

 */

/* Basics */

main{
    margin-top: -97px;
}

.img-align-unset{
    text-align: unset !important;
}

/* Header */

body.admin-bar header {
	top: 32px;
}

.navbar{z-index: 100; padding: 15px 0; font-family: 'silkamedium', Arial, Helvetica, sans-serif;}

.navbar-brand {
    padding-top: 8px;
    padding-bottom: 0;
    margin-right: 90px;
}

.navbar-toggler {border-color: #cbb964;} 
.navbar-toggler-icon {background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;}


.navbar .nav-item > .nav-link {
    color: #fff !important;
    padding: 0;
    margin: 0 25px 0 0;
    font-size: 18px;
    line-height: 18px;
    border-bottom: 3px solid transparent;
}

.navbar .nav-item.active > .nav-link {
    background-color: transparent;
}

.navbar .nav-item > .nav-link:hover,
.navbar .nav-item.active a{
	border-bottom: 3px solid #cbb963;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    z-index: 99;
}

/* Mobile-Navbar */



@media (max-width: 991px) {
	#navbar{
		background-color: #000;
		position: absolute;
    	top: 0;
		left: -60px;
    	right: -60px;
	}

	#header-navbar-nav{padding: 40px 0;}

	.navbar .nav-item{
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.navbar .nav-item > .nav-link {
		font-size: 25px;
		color: #fff;
		border-bottom: 4px solid transparent;
		padding: 1px;
	}
	.navbar .nav-item > .nav-link:hover,
	.navbar .nav-item.active > .nav-link {
		color: #fff;
		border-bottom: 4px solid #cbb963;
		display: inline-block;
	}
}

/* Basics */

.section-main-title{
	margin-top: -100px;
}

.img-align-unset{
    text-align: unset !important;
}

/* Visual Composer */

.white-boxes .vc_column-inner > .wpb_wrapper {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 25px;
    height: 100%;
}

.white-boxes .vc_column-inner > .wpb_wrapper p{
    font-size: 16px;
    line-height: 1.31;
    text-align: center;
}

.gray-boxes .vc_column-inner > .wpb_wrapper {
    background-color: #f2f2f2;
    margin-bottom: 30px;
    padding: 25px;
    height: 100%;
}

.gray-boxes .vc_column-inner > .wpb_wrapper p{
    font-size: 16px;
    line-height: 1.31;
    text-align: center;
}

.gray-boxes .large-serif-links{
	margin: 30px !important;
}

.gray-boxes .large-serif-links > .wpb_wrapper p{
	text-align: left;
}


.svg-arrow-right{
    width: 25px;
    height: 25px;
}

@media (min-width: 1200px) {
    .col-left-extra-padding > .vc_column-inner{
        padding-right: 160px;
    }
    .col-right-extra-padding > .vc_column-inner{
        padding-left: 160px;
    }
    
    #link-section > .wpb_column > .vc_column-inner{
        padding-right: 90px;
    }
}


.col-gray-right::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #f2f2f2;
    z-index: -1;
    min-height: 100%;
}

.col-white-right::before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 100vh;
    height: 100%;
}

	/* Section Gold */

	.section-gold h2{
		font-family: 'silkabold', Arial, Helvetica, sans-serif;
		color: #4d4625;
		font-size: 97px;
		line-height: 97px;
	}

	.section-gold h3{
		border-bottom: 0;
		color: #57502a;
		font-size: 24px;
	}

	.section-gold  .textblock{
		margin-bottom: 15px !important;
	}

	.section-gold  .textblock > .wpb_wrapper{
		background-color: #fff;
		text-align: center;
		padding: 15px;
		border-radius: 5px;
	}

	.section-gold > .wpb_column > .vc_column-inner > .wpb_wrapper,
	.section-gold > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row{
		height: calc(100% - 43px);
	}

	@media (max-width: 1199px) {
		.section-gold .textblock-trends:after,
		.section-gold .textblock-approach:after {
			width: 100%;
		    height: 20px;
		    content: '';
		    background-image: url(/wp-content/uploads/2020/10/down-white.svg);
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center;
		    position: absolute;
		    bottom: -20px;
		    background-size: contain;
		}
	}

	@media (min-width: 1200px) {
		.section-gold .textblock-approach{
			margin-left: 45px;
	    	margin-right: 45px;
		}

		.section-gold .textblock-approach:before,
		.section-gold .textblock-approach:after {
			width: 20px;
			height: 20px;
			display: inline-block;
			content: '';
			-webkit-mask: url(/wp-content/uploads/2020/09/next.svg) no-repeat 50% 50%;
			mask: url(/wp-content/uploads/2020/09/next.svg) no-repeat 50% 50%;
			-webkit-mask-size: cover;
			mask-size: cover;
			background-color: #fff;
		}

		.section-gold .textblock-approach:before{
			position: absolute;
			left: 15px;
	    	top: calc(50% + 43px);
		}

		.section-gold .textblock-approach:after{
			position: absolute;
			right: 15px;
			top: calc(50% + 43px);
		}
	}


	.section-gold .textblock-vision,
	.section-gold .textblock-vision > .wpb_column > .vc_column-inner{
		height: 100%;
	}

	.section-gold  .textblock-vision > .wpb_column > .vc_column-inner > .wpb_wrapper{
		background-color: #fff;
		text-align: center;
		padding: 45px;
		border-radius: 5px;
		height: 100%;
		-ms-flex-align: center!important;
	    align-items: center!important;
	    display: -ms-flexbox!important;
	    display: flex!important;
	}

	.section-gold  .textblock-vision p{
		font-size: 24px;
	}


	/* Thin Border-Bottom */

	.thin-border-bottom{
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	/* Accordion */

	.accordion-titel a{
		font-family: 'silkabold', Arial, Helvetica, sans-serif;
	    font-size: 42px;
	    line-height: 1.05;
	    color: #191919;
	}

	.accordion-titel a.collapsed.accordion-titel:after{
		content:"+";
		float: right;
	}

	.accordion-titel a:not(.collapsed).accordion-titel:after{
		content:"–";
		float: right;
		width: 75px;
	}

	.accordion-titel a:not(.collapsed).accordion-titel.accordion-titel-abbelen:after{
		background-image: url("/wp-content/uploads/2020/10/accordion-logo-abbelen.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right center;
	}

	.accordion-titel a:not(.collapsed).accordion-titel.accordion-titel-oscar-mayer:after{
		background-image: url("/wp-content/uploads/2020/10/accordion-logo-oscar-mayer.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right center;
	}

	@media (min-width: 768px) {
		.accordion-titel a{
		    font-size: 75px;
		    line-height: 1.05;
		}

		.accordion-titel a:not(.collapsed).accordion-titel:after{
			width: 135px;
		}
	}

	@media (min-width: 992px) {
		.accordion-titel a{
		    font-size: 105px;
		    line-height: 1.05;
		}

		.accordion-titel a:not(.collapsed).accordion-titel:after{
			width: 190px;
		}
	}

	@media (min-width: 1200px) {
		.accordion-titel a{
		    font-size: 135px;
		    line-height: 1.05;
		}

		.accordion-titel a:not(.collapsed).accordion-titel:after{
			width: 240px;
		}
	}

	@media (min-width: 1500px) {
		.accordion-titel a{
		    font-size: 170px;
		    line-height: 1.05;
		}

		.accordion-titel a:not(.collapsed).accordion-titel:after{
			width: 300px;
		}
	}
	
	/* External Links */

	.external-links a{
		color: #212529;
		border-bottom: 2px solid #cbb963;
		text-decoration: none;
	}

	.external-links a:hover{
		color: #cbb963;
	}

	.external-links a:after{
		content: "";
	    background-image: url("/wp-content/uploads/2020/10/right-arrow-bold-2.png");
	    background-size: cover;
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    margin-left: 5px;
	}

	/* Gold Bullets */

	.gold-bullets ul{
		list-style: none;
		padding-left: 1em;
	}

	.gold-bullets li::before{
		content: "•";
		color: #cbb963;
		display: inline-block;
	    width: 1em;
	    margin-left: -1em;
	}

	/* Gold Borders */

	.gold-border-top > .vc_column-inner:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 60%;
		height: 14px;
		background-color: #cbb963;
	}

	/* Company Description */

	.company-description{
	    font-family: 'Bellefair', "Times New Roman", Times, serif;
	    font-size: 24px;
	    line-height: 48px;
	    color: #1e1e1e;
	}

	.company-description.text-white{
		color: #fff;
	}

	.company-description.text-large{
		font-size: 72px;
	}


/* Before Footer > Link-Section */

#link-section{
	background-color: #f2f2f2;
    padding-top: 150px;
    padding-bottom: 120px;
}

@media (min-width: 992px) AND (max-width: 1500px) {
	#link-section .footer-titel{
		min-height: 95px;
	}
}

/* Footer */

footer{
	background-color: #282828;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}

footer a,
footer a:hover{
    color: #fff;
}

footer .footer-logo{
	text-align: center;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	footer .footer-logo{
		float: left;
		padding-top: 2px;
	    margin-right: 90px;
	    margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	footer #menu-hauptmenue{
		justify-content: center;
		margin-bottom: 30px;
	}
}

footer .copyright{
	font-size: 14px;
	margin-top: 30px;
}

footer .copyright .nav-link {
    display: block;
    padding: 0;
    padding-left: 15px;
}

@media (max-width: 767px) {
	footer #menu-footermenue{
		justify-content: center !important;
	}
}