/*
Theme Name: Foodpartners
Theme URI: https:/wdwc.dk
Author: Wedesignwecode
Author URI: https:/wdwc.dk
Version: 1
Text Domain: foodpartners
*/

body.home{
	background: #F6EEDE;
}
a{
	text-decoration: none;
}
.clearfix {
	display: block;
}
.clearfix:after {
	line-height: 0;
	width: 0px;
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
	font-size: 0px;
	content: ' ';
}
.fw{
	width:100%;
	display: block;
	float: left;
}
.gc{
	width: 100%;
	margin:0 auto;
	padding: 0 26px;
	max-width: 1444px;
}
.fc{
	display: flex;
	width: 100%;
}
.h100{
	height: 100%;
}
.aic{
	align-items: center;
}
.aife{
	align-items: flex-end;
}
.jcsb{
	justify-content: space-between;
}
.col1 { width: calc(1/12 * 100%);}
.col2 { width: calc(2/12 * 100%);}
.col3 { width: calc(3/12 * 100%);}
.col4 { width: calc(4/12 * 100%);}
.col5 { width: calc(5/12 * 100%);}
.col6 { width: calc(6/12 * 100%);}
.col7 { width: calc(7/12 * 100%);}
.col8 { width: calc(8/12 * 100%);}
.col9 { width: calc(9/12 * 100%);}
.col10 { width: calc(10/12 * 100%);}
.col11 { width: calc(11/12 * 100%);}
.col12 { width: calc(12/12 * 100%);}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	padding: 0 13px;
	position: relative;
	display: inline;
	float: left;
}
#wrapper{
	display: block;
    width: 100%;
    float: left;
    padding-top: 130px;
}

#header{
	height: 130px;
	background: rgba(246, 238, 222,0.6);
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
#header .header_inner{
	display: block;
	width: 100%;
}

.header_menu_container{
	display: block;
	width: 100%;
	float:  right;
}
.header_menu_container ul{
	text-align: right;
}
.header_menu_container ul li{
	display: inline-block;
	margin-left: 40px;
}
.header_menu_container ul li a{
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 12px;
	color: #102771;
	text-transform: uppercase;

}

.homepage_hero{
	display: block;
	width: 100%;
	float: left;
	margin-top: 120px;
}
.homepage_hero
.page_title_container
.page_title {
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 0.02em;
	line-height: 70px;
	text-align: left;
	color: #102771;
	margin-bottom: 30px;
}
.homepage_hero
.page_title_container
.subtitle {
	font-weight: 600;
	font-style: italic;
	font-size: 30px;
	letter-spacing: 0.02em;
	line-height: 80px;
	text-align: left;
	color: #102771;
	display: block;
}
.homepage_hero
.page_title_container
.desc {
	font-size: 20px;
	letter-spacing: 0.03em;
	line-height: 35px;
	text-align: left;
	color: #102771;
	display: block;
	max-width: 700px;
	width: 100%;
}
.cta_container
span {
	font-weight: 600;
	font-style: italic;
	font-size: 30px;
	letter-spacing: 0.02em;
	line-height: 40px;
	color: #102771;
	display: block;
	margin-top: 30px;

}
.cta_container
.cta {
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 43px;
	text-align: center;
	color: #102771;
	position: relative;
}
.cta_container
.cta:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #102771;
	bottom: 0;
	left: 0;
}
.module_content
.module_headline{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.module_content
.module_headline
.headline {
	font-weight: 300;
	font-style: italic;
	font-size: 35px;
	letter-spacing: 0.05em;
	line-height: 43px;
	text-align: left;
	color: #102771;

}
.module_content
.module_title
h2 {
	font-weight: bold;
	font-size: 49px;
	letter-spacing: 0.02em;
	line-height: 70px;
	color: #102771;
}
.module_content
.module_title
.small_title {
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #102771;
}

.module_content
.module_subtitle
span {
	font-weight: 600;
	font-style: italic;
	font-size: 30px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #102771;
	margin-top: 50px;
	margin-bottom: 10px;
	display: block;
	line-height: 40px;

}
.module_content
.module_desc
p {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.03em;
	line-height: 35px;
	color: #102771;

}

.inline_cta{
	display: block;
	margin-top: 50px;
font-weight: 300;
font-style: italic;
font-size: 25px;
letter-spacing: 0.05em;
line-height: 43px;
text-align: left;
color: #102771;

}

.inline_cta a{
	color: #102771;
	position: relative;
}


.underline_second:before {
	content: '';
	position: absolute;
	width: 82px;
	height: 1px;
	background: #102771;
	bottom: -2px;
	right: 68px;
}

.inline_cta a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #102771;
	bottom: -2px;
	left: 0;
}
.brand_logo_container{
	display: block;
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 130px;
}
.brand_logo_container
.single_brand_logo{
	display: inline-block;
}
.module_colored_half{
	width: 100%;
	float: left;
	display: block;
}
.module_colored_half
.module_colored_content{
	width: 100%;
	display: block;
	float: left;
}
.module_colored_content
.col_50{
    display: flex;
    width: 50%;
    min-height: 931px;
    align-items: center;
}
.module_colored_content
.col_50.col_img{
	justify-content: center;
}
.module_colored_content
.module_color{
	width: 100%;
	height: 100%;	
	background: #EAF0B4;
}
.module_colored_content
.module_color_image
.img_container{
	width: 100%;
	line-height: 0px;
}
.module_colored_content
.module_color_image
.img_container img{
	width: 100%;
}

.module_colored_half .module_content{
	max-width: 684px;
	width: 100%;
	padding-left: 150px;
}

.module_colored_half .content_right .module_content{
	max-width: 650px;
}


.reverse.module_colored_content .fc{
	flex-direction: row-reverse;
}

.reverse.module_colored_content
.col_text{
	flex-direction: row-reverse;
}
.reverse.module_colored_content
.module_content{
	text-align: left;
	padding-left: 0px;
	padding-right: 150px;
}
.video_module{
	display: block;
	width: 100%;
	float: left;
}
.video_module
.embed_container{
	padding-bottom: 56.25%;
	position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}
.video_module
.embed_container
iframe{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.module_text_img_half{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
}
.module_text_img_half.reverse .fc{
	flex-direction: row-reverse;
}
.module_text_img_half .img_container {
	text-align: center;
}
.module_text_img_half.has_bg{
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.brands_container{
	display: flex;
	flex-wrap: wrap;
}
.brands_container
.brand_single{
	width: 20%;
}
.brands .big_title_area h2{
	font-family: "Open Sans";
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 0.02em;
	line-height: 70px;
	text-align: center;
	color: #102771;
}
#footer{
	display: block;
	width: 100%;
	float: left;
	background-color: #102771;
	padding: 50px 0;
}	

.flex_gc{
	display: flex;
	align-items: center;
}
.list_container{
	display: block;
	width: 100%;
	float: left;
}
.list_container .single_list{
	margin-bottom: 30px;
	opacity: 0.2;
	transition: all 0.3s ease;
}
.list_container .single_list.active{
	opacity: 1;
}
.single_list .list_title{
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	text-align: left;
	color: #102771;
	/*transition: all 0.4s ease;*/
}
.single_list .list_content span{
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.03em;
    line-height: 22px;
    text-align: left;
    color: #102771;
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 16px;
    /*transition: all 0.4s ease;*/
}

.single_list .list_content span svg{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.single_list .list_content span svg path{
	/*transition: all 0.4s ease;*/
}
.single_list.active .list_content span svg path{
	stroke-width: 3px;
}
.single_list.active .list_content span{
    font-weight: 700;
}
.single_list.active .list_title{
    font-weight: 700;
}
.empty_height{
	height: 2400px;
}
.section_services{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	background-color: #EAEAE9;
}
.services_container_1{
	position: relative;
	height: 100vh;
}
.services_container{
    width: 100%;
    top: calc( 50% + 80px);
    left: 0;
    transform: translateY(-50%);
    position: absolute;
}
.services_container.sticky{
	position: fixed;
}
.outer_circle{
	width: 500px;
	height: 500px;
	position: relative;
	margin:  0 auto;
}
.circle_border{
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 3px solid #102771;
	will-change:transform;
}
.circle_border.test{
	transform: rotate(90deg);

}
.circle_border .c_t{
    position: absolute;
    top: 0;
    left: calc(50% + 15px);
}
.circle_border .c_l{
    position: absolute;
    top: calc(50% + 15px);
    left: 0;
}

.circle_border .c_a:before{
	content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 3px;
    background-color: #102771;
    top: -11px;
    right: -1px;
    transform: rotate(45deg);

}
.circle_border .c_a:after{
	content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 3px;
    background-color: #102771;
    bottom: -10px;
    right: 1px;
    transform: rotate(-45deg);
}
.circle_border .circle_text{
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #102771;
    position: absolute;
    white-space: pre;

}

.circle_border .c_l.c_a{
    transform: rotate(-90deg);
    left: -1px;
    top: calc(50% - 8px);
}
.circle_border .c_b.c_a{
	transform: rotate(180deg);
    left: calc(50% - 15px);
    position: absolute;
    bottom: 0px;
}
.circle_border .c_r.c_a{
	transform: rotate(90deg);
    right: -2px;
    top: calc(50% + 3px);
    position: absolute;
}
.circle_border .c_a{
	opacity: 0.2;
	transition: opacity 0.3s ease;
}
.circle_border .c_a.active{
	opacity: 1;
}


.circle_border  .circle_text{
	transition: all 0.3s ease;
}
.circle_border .c_t .circle_text{
    transform: translate(-80px, -60px);
    margin-left: 20px;
}
.circle_border .c_a.active .circle_text{
    margin-left: 0px;
    font-weight: 600;
		font-size: 30px;

}

.circle_border .c_l .circle_text{
	transform: translate(-130px, -60px);
    margin-left: 20px;
}

.circle_border .c_b .circle_text{
	transform: translate(-88px, -60px);
    margin-left: 20px;
}

.circle_border .c_r .circle_text{
	transform: translate(-115px, -60px);
    margin-left: 40px;
}

.circle_content{
	display: none;
}
.mobile_menu_container{
	display: none;
	height: 22px;
	float: right;
}
.mobile_menu_container
.menu_toggle_icon{
    width: 30px;
    height: 1px;
    position: relative;
    float: right;
    border-radius: 100%;
    background-color: #102771;
    margin-top: 10px;
    pointer-events: none;
    transition: all 0.3s ease;
}
.mobile_menu_container
.menu_toggle_icon:before{
	content: '';
    width: 30px;
    position: absolute;
    border-radius: 100%;
    top: -10px;
    background-color: #102771;
    height: 1px;
    transition: all 0.3s ease;

}
.mobile_menu_container
.menu_toggle_icon:after{
	content: '';
    width: 30px;
    position: absolute;
    background-color: #102771;
    border-radius: 100%;
    bottom: -10px;
    height: 1px;
    transition: all 0.3s ease;
}
.menu_active
.mobile_menu_container
.menu_toggle_icon{
	background-color: transparent;
}
.menu_active
.mobile_menu_container
.menu_toggle_icon:before{
	transform: rotate(45deg);
	top: 0;
}
.menu_active
.mobile_menu_container
.menu_toggle_icon:after{
	transform: rotate(-45deg);
	bottom: 0;
}
.mobile_menu_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 0%;
	background-color: #F6EEDE;
	overflow: hidden;
	transition: all 0.4s ease;
}
.menu_active .mobile_menu_wrapper{
	height: 100%;
}
.mobile_menu_wrapper
.mobile_menu_content{
	padding-top: 160px;
	text-align: center;
}
.mobile_menu_wrapper
.mobile_menu_content
li a{
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 43px;
	text-align: left;
	color: #102771;
}

.pc_hidden {
	display:none;
}



.pc_hidden_second {
	display:none;
}

.pc_hidden_three {
	display:none;
}

.mobile_circle_text{
	display: none;
}

.page-id-144 .module_colored_half .module_colored_content{
	padding-top: 50px;
	padding-bottom: 80px;
}
.header_logo img{
	width: 138px;
}
.home .module_text_img_half.has_bg,
.page-id-144 .module_text_img_half.has_bg{
	margin-top: 130px;
}

.page-id-316 .hero_stabil_area{
	padding-bottom: 0px;
}
.arrow_container{
	display: block;
    width: 100%;
    float: left;
    text-align: center;
}

.page-id-316 .module_text_img_half.reverse .image_yes{
	margin-left: -40px;
}
.categories .image_area{
	padding-right: 50px;
}
.icon h2{
	padding-right: 50px;
}
.footer_address.footer_logo img{
	float: right;
}
.mobile_icon{
	display: none;
}
.brands .image_area .image:hover .logo_hover{
	opacity: 1;
}
.page-id-217 .module_colored_content.reverse .col_50.col_img{
	margin-left: -150px;
	margin-right: 0px;
}
.page-id-217 .module_colored_content .col_50.col_img{
	margin-right: -150px;
}