/*
Theme Name: Legeskum
Description: Theme for Legeskum.dk
Author: Digitalist & Mundfuld Studio
Template: flatsome
Version: 3.0
*/

/*------------------------------------*\
    General
\*------------------------------------*/

h1,
.archive.woocommerce-page .category-page-title h1 {
	font-size: 3.5em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5em;
	font-weight: 700!important;
}

h3{
	font-weight: 700!important;
}

@media only screen and (max-width: 48em) {
	h1 {
		font-size: 2em;
		text-transform: uppercase;
	}

	h2 {
		font-size: 1.3em;
		font-weight: 600;
	}

}



h3.section-title-center b{
	display: none!important;
}

h3.section-title-center span{
	margin: 0 auto;
}


.button,
.submit{
	border-radius: 6px!important;
}

@media only screen and (min-width: 48em) {
	#header{
		margin-bottom: 40px;
	}
	
	#secondary{
		margin-top: 10px;
	}
}

/* Fix to override WP Compear font icon */
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: inherit;
}

#customer_details .clear{
/* 	height: unset; */
	height: auto;

}

/*------------------------------------*\
    Header
\*------------------------------------*/
.header-nav .header-cart-title,
.header-nav .cart-price .woocommerce-Price-amount{
	font-size: 14px;
	color: #fff;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
.off-canvas-center.mfp-bg.mfp-ready{
	opacity: 1!important;
}

.off-canvas-center .mfp-content{
	padding-top: 0px!important;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: rgba(0,0,0,0.0)!important;
}

.off-canvas-center .nav-vertical>li>a {
    font-size: 7vh;
    line-height: 7vh;
    font-weight: 900;
    transition: .2s ease-in-out;
    color: #fff;

}

.off-canvas-center .nav-vertical>li>a:hover {
    color: #5E96B0;
    text-decoration: underline;
}

.mfp-ready .mfp-close {
    opacity: 1;
    left: 5px;
    font-size: 40px;
    top: 15px;
}

@media only screen and (max-width: 48em) {
	.off-canvas-center .nav-vertical>li>a {
	    font-size: 8vw;
	    line-height: 9vw;

	}
}


.off-canvas-center .mfp-content{
	max-width: 80%;
}


.mfp-container {
    background: url(/wp-content/themes/legeskum/assets/big_l_rotated.svg);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: 50vw;
}


.widget_advanced_menu li {
    border-top: 0px solid #ececec!important;
}

.widget_advanced_menu li.current-menu-item a{
	font-weight: 700;
	text-decoration: underline;
	color: #5E96B0;
}

@media screen and (min-width: 850px){
	.col-divided {
		padding-right: 30px;
		border-right: 0px solid #ececec;
	}
	
	.widget-area .mobile_sidebarmenu{
		display: none!important;
	}
}


@media screen and (max-width: 850px){
	.widget-area  .desktop_sidebarmenu{
		display: none!important;
	}
}



/*------------------------------------*\
    Hero
\*------------------------------------*/
.herosection h1{
	font-size: 94px;
}

.herosection .lead{
	max-width: 750px;
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
}

.scrolldownbutton.button.is-outline,
.scrolldownbutton.button.is-outline:hover{
	border: 0px!important;
	padding: 0px!important;
	background: transparent;
	animation: fullwidth-header-bounce 2s ease-out infinite;
	position: absolute;
	margin-top: 50px;
}

.scrolldownbutton.button.is-outline i{
	margin: 0;
}
.scrolldownbutton.button.is-outline i:before{
	content: url('/wp-content/themes/legeskum/assets/mouse_down_icon.svg');
}

@keyframes fullwidth-header-bounce {
  0% { transform:translateY(0%); }
  12.5% { transform:translateY(10%); }
  25% { transform:translateY(0%); }
  37.5% { transform:translateY(10%); }
  50% { transform:translateY(0%); }
}

@media only screen and (max-width: 48em) {
	.herosection h1{
		font-size: 35px;
	}
	
	.herosection .lead{
		font-size: 15px;
		line-height: 18px;
	}

}

/*------------------------------------*\
    Banner grid 
\*------------------------------------*/
.bannergrid_item{
	line-height: 3.5em;
}

@media only screen and (max-width: 48em) {


.bannergrid_item h4{
	font-size: 1em;
	line-height: 1em;
	}
}

/*------------------------------------*\
    Testimonials
\*------------------------------------*/
.testimonial-box .star-rating,
.testimonial-box .star-rating span:before, 
.testimonial-box .star-rating:before{
	color: #fff!important;
}


.testimonial-box .testimonial-image img{
	border: 10px solid #5E96B0;
	z-index: 100;
	padding: 0px!important;
	position: relative;
}

.testimonial-box .testimonial-image{
	position: relative;
	margin-top: 0px;
	margin-right: 40px;
	width: 120px!important;
}

.testimonial-box .testimonial-image:after{
	content: url('/wp-content/themes/legeskum/assets/testimonial_logo.svg');
	position: absolute;
	top: -20px;
	left: -45px;
	z-index: 0;
}
.testimonial-box .icon-box-text{
	font-size: 18px;
}

@media only screen and (max-width: 48em) {

	.testimonial-box .testimonial-image{
		display: block;
		width: 100%!important;
		float: none!important;
		margin: 20px auto 0px auto!important;
	}
	
	.icon-box-left .icon-box-img, .icon-box-right .icon-box-img{
		max-width: 150px!important;
	}
	
	.testimonial-box .testimonial-image:after {
	    top: 15px;
	    left: -45px;
	}


	.testimonial-box .icon-box-text{
		flex: none;
		display: inline-block!important;
		width: 100%;
		margin: 0 auto!important;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
		font-size: 14px;
	}
	
	.testimonial-box .testimonial-meta{
		margin-bottom: 35px!important;
	}
}


/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer-1{
	border-top: 1px solid #D6D6D6;
}

.footer-primary .menu-footer-menu-container{
	display: none;
}

.copyright-footer{
	color: #fff;
	padding-top: 20px;
	font-size: 14px!important;
}


#footer .payment-icon svg{
	opacity: 1!important;
	background: transparent!important;
}

#footer .payment-icon {
	background: transparent!important;
	border: 1px solid #fff;
	border-radius: 20px;
}

.footer .footer_logo img{
	margin-bottom: 0px;
	max-height: 25px;
	width: auto;
}

.absolute-footer {
    padding: 5px 0 5px;
}


.footer .footer_logo{
	display: flex;
  align-items: center;
  justify-content: center;
}

.footer h3.widget-title, 
.footer span.widget-title{
	color: #5E96B0;
}

.footer-1,
.footer-1 a{
	color: #9A9A9A!important;
}

.footer-1 .widget .is-divider{
	opacity: 0;
	margin-bottom: 0px;
}

#footer .footer_social .button.icon{
	border: 1px solid #5E96B0;
	margin: 0 5px;
	border-radius: 50px!important;
	color: #5E96B0!important;
}

#footer button i, .button i {
    vertical-align: middle;
    top: 0.5px;
}

#top-link{
	border: 0px;
	background: #92C0D5;
	border-radius: 6px!important;
	color: #fff;
	transition: 0.2s ease-in-out;
}

#top-link:hover{
	background: #779CAD;
}


@media only screen and (min-width: 48em) {

.footer-1 .large-columns-4 .col{
	padding-right: 50px;
	padding-left: 50px;
}


.footer-1 .large-columns-4 .col:after{
	content: '';
	width: 1px;
	background: #D6D6D6;
	height: 70%;
	margin-left: 50px;
	position: absolute;
	right: 0px;
	top: 15%;
}

.footer-1 .large-columns-4 .col:first-child{
	padding-left: 0px;
}

.footer-1 .large-columns-4 .col:last-child:after{
	display: none;
}
	
}

/*------------------------------------*\
    Product slider
\*------------------------------------*/

@media only screen and (min-width: 1180px) {
	.flickity-prev-next-button.previous {
	    left: -4%;
	}
	
	.flickity-prev-next-button.next{
		right: -4%;
	}
}

/*------------------------------------*\
    Product list
\*------------------------------------*/
.product-title{
	font-weight: 700;
}

.price{

	margin-top: 15px;
}

.price .woocommerce-Price-amount{
	font-size: 24px;
	color: #595959!important;
}


.price del .woocommerce-Price-amount{
	font-size: 16px;
}

.archive.woocommerce-page .star-rating{
	display: none;
}

.badge-inner{
	font-size: 10px;
	text-transform: uppercase
}

.badge-container {
    margin: 10px 0 0 15px;
}

.widget>ul>li .count{
	display: none;
}

ul.menu>li+li, .widget>ul>li+li{
	border-top: 0;
}

.widget-area span.widget-title{
	text-transform: uppercase;
	color: #5E96B0;	
}


.widget-area .widget a{
	color: inherit;
}


.widget_price_filter .price_slider_amount .price_label{
	display: block;
	float: none!important;
	text-align: left;
	font-weight: 400!important;
	margin-bottom: 50px;
}

.widget_price_filter span.from,
.widget_price_filter span.to{
	font-weight: 400;
}


.widget_price_filter .price_slider_amount .button{
	float: none!important;
	position: absolute;
	bottom: -20px;
	left: 0px;
	padding: 3px 35px;
	border-radius: 6px;
	background: #90C0D7;
	font-size: 14px;
}

.widget_price_filter .ui-slider .ui-slider-range{
	background: #90C0D7;
}

.widget_price_filter .ui-slider .ui-slider-handle{
	background-color: #5E96B0;
}

.page-title-inner .woocommerce-breadcrumb{
	display: none
}

@media only screen and (min-width: 52em) {

	.archive.woocommerce-page .category-page-title{
		max-width: 1280px!important;
		margin: 0 auto!important;
		padding-top: 15px; 
	}
	
	.archive.woocommerce-page .category-page-title h1{
		margin-top: .5em;
		margin-bottom: .3em;
	}

	.archive.woocommerce-page .page-title-inner {
		width: calc(1280px - 25%)!important;
		max-width: 75%!important;
		margin: 0 0 0 auto!important;
	}
}

.woocommerce-ordering,
.woocommerce-result-count{
	display: none;
}

@media only screen and (max-width: 52em) {
	.archive.woocommerce-page .woocommerce-ordering{
		display: none;
	}
}	
	
#shop-sidebar .widget a{
	color: #5e5e5e;
}

.archive.woocommerce-page  .add_to_cart_button{
    padding: 0.2em 2em!important;	
	font-size: 0.9em!important;
}

/*------------------------------------*\
    Single product
\*------------------------------------*/
.single_add_to_cart_button{
	border-radius: 6px;
	background: #36BA78!important;
}

.single-product h1.product-title{
	line-height: 1em;
	font-size: 1em;
}

.product-summary .woocommerce-Price-currencySymbol{
	margin-top: initial;
	vertical-align: middle;
}

.product-summary del{
	display: block;
}

.product-summary del .woocommerce-Price-currencySymbol{
	font-size: 1em;
	vertical-align: middle;
}

.single-product .product-thumbnails a:hover, 
.single-product .product-thumbnails .is-nav-selected a{
	border: 0;
}

.single-product .price{
	margin-bottom: 25px;
}

/*------------------------------------*\
    FAQ
\*------------------------------------*/
.accordion .icon-angle-down{
	color: #5E96B0;
}

.accordion-title span{
	font-weight: 700!important;
}

.accordion-title.active{
	background: transparent;
	color: #5E96B0;
}

/*------------------------------------*\
    Gallery
\*------------------------------------*/
.box-text.show-on-hover.hover-fade-out.text-center{
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	text-shadow: 0 0 0!important;
	padding: 15px;
	line-height: 22px;
}

.box-image.image-overlay-add .overlay.fill{
	background-image: url('/wp-content/themes/legeskum/assets/testimonial_logo.svg');;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;

}

/*------------------------------------*\
    Checkout
\*------------------------------------*/
#pakkelabels_find_shop_btn{
	line-height: 1.3em;
}

#pakkelabels-select-shop{
	line-height: 1.3em;
}

.woocommerce-terms-and-conditions h1{
	font-size: 12px;
}

.woocommerce-terms-and-conditions{
	font-size: 10px;
}


.payment_method_quickpay img{
	margin-right: 5px;
	height: 20px;

}
.wc_payment_method img{
	height: 20px;
}
/*------------------------------------*\
    Content grid
\*------------------------------------*/
.contentgrid{
	padding: 0px!important;
}

.contentgrid a{
	text-decoration: underline;
}


/*------------------------------------*\
    Anchormenu
\*------------------------------------*/

.anchormenu{
	list-style: none;
	padding: 0;
	
}

.anchormenu li{
	display: inline-block;
	margin-left: 0!important;
	margin-right: 25px;
}

.anchormenu li a{
	color: inherit;
	transition: .2s ease-in-out;
}

.anchormenu li a:hover{
	color: #6095AE;
}

@media only screen and (max-width: 550px) {
	.anchormenu{
		display: none;
	}
}

/*------------------------------------*\
    USP Frontpage
\*------------------------------------*/

.usp_frontpage{
	background: #6B99AE;
	margin: 0!important;
	color: #fff;
}

.usp_frontpage .col{
	padding: 20px 0;
}

.usp_frontpage .col p{
	margin: 0;
	font-size: 20px;
}
.usp_frontpage i{ 
	font-size: 25px;
	font-weight: 600;
	margin-right: 10px;
}

@media only screen and (max-width: 1200px) {
	.usp_frontpage .col p{
		font-size: 14px;
	}
	
	.usp_frontpage i{ 
		font-size: 20px;
	}
}

/*------------------------------------*\
    Leg med skum grid
\*------------------------------------*/
.video-button-wrapper a.open-video{
	border: 0px!important;
	font-size: 30px;
	border-radius: 50px!important;
	line-height: 70px!important;
}

.banner-grid-wrapper .container:hover a.open-video{
	background: #90c0d7;
}

/*------------------------------------*\
    Cookiebot
\*------------------------------------*/
/*
#CybotCookiebotDialogBody{
	max-width: 1200px!important;
	font-family: 'Rubik'!important;
}

#CybotCookiebotDialogPoweredbyLink{
	display: none!important;
}

#CybotCookiebotDialog{
	background: #90c0d7!important;
	color: #fff!important;
}

a#CybotCookiebotDialogBodyLevelButtonAccept{
	background: #e7e7e8!important;
	border: 0!important;
	color: #fff!important;
}

#CybotCookiebotDialogBodyContentTitle{
	color: #fff!important;
	font-family: 'Rubik'!important;	
	text-transform: uppercase;
	font-size: 12px;
}

#CybotCookiebotDialog a, 
#CybotCookiebotDialog div, 
#CybotCookiebotDialogBodyContentTitle{
	font-family: 'Rubik'!important;	
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a{
	color: #fff!important;
	font-family: 'Rubik'!important;		
}

input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label{
	color: #fff;
	font-family: 'Rubik'!important;	
}

#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyLink, #CybotCookiebotDialogBodyLevelDetailsButton{
	color: #606060!important;
	font-family: 'Rubik'!important;		
}
#CybotCookiebotDialogBodyButtonAccept{
	background-color: #fff!important;
	border: 0px!important;
	color: #606060!important;
	border-radius: 6px!important;
	padding: 10px!important;
}

#CybotCookiebotDialogDetail{
	background: #91BFD5!important;
}
*/
/*------------------------------------*\
    Color compare
\*------------------------------------*/
.wp-compear-tool-wrapper{
	padding: 0px;
	margin: 0px;
}

.wp-compear-tool-wrapper .box.key{
	display: none;
}

.wpcompear-theme-light .wp-compear-tool-draganddrop .all-options{
	background: transparent;
	padding: 0px;
	margin: 25px 0;
}

.wp-compear-tool-draganddrop .all-options .inner ul li.drag-product.image img{
	max-width: 100%;
	border-radius: 10px;
}

.wpcompear-theme-light .wp-compear-tool-draganddrop .all-options .inner ul li.chosen{
	background: transparent;
	border-radius: 10px;
}

.wpcompear-theme-light .wp-compear-tool-draganddrop .all-options .inner ul li:hover{
	box-shadow: none;
}

.wpcompear-theme-light .specs-table span.table-row > span{
	border: 0px;
	padding: 0px;
}

.wpcompear-theme-light .wp-compear-tool-draganddrop .comparison{
	border: 0;
}

.wpcompear-theme-light .product .text-field{
	background: transparent!important;
}



.wpcompear-theme-light .wp-compear-tool-draganddrop .comparison .box:nth-child(4){
	border-right: 4px solid #fff!important
}


.specs-table span.table-row > span.spec-hovered{
	box-shadow: none!important;
}

.wpcompear-theme-light .product .text-field{
	position: absolute;
	font-weight: 700;
	color: #fff;
	z-index: 100000;
 	 top: 50%;
  transform: translateY(-50%);
}

.wp-compear-tool-draganddrop .all-options .inner ul li.drag-product.image{
	max-width: 12%;
}

.wpcompear-theme-light .wp-compear-tool-draganddrop .comparison .box{
		border-right: 4px solid #fff;
		position: relative;
		min-height: auto
	}

@media only screen and (min-width: 768px) {

	.wpcompear-theme-light .wp-compear-tool-draganddrop .comparison .box{
		height: 296px!important;
	}
}

@media only screen and (max-width: 768px) {
	.wp-compear-tool-draganddrop .all-options .inner ul li.drag-product.image{
		max-width: 19%;
	}
	
	.wp-compear-tool-draganddrop .comparison .comparison-inner .placeholder{
		font-size: 14px;
		padding: 10px
	}
	
	.wp-compear-tool-draganddrop .comparison .box{
		width: 50%;
		border-bottom: 4px solid #fff;
	}
	
	.wp-compear-tool-wrapper.draganddrop-outer > .wp-compear-tool-draganddrop{
		min-width: auto;
	}
}


@media only screen and (max-width: 480px) {
	.wp-compear-tool-draganddrop .all-options .inner ul li.drag-product.image{
		max-width: 19%;
	}
	
	.wp-compear-tool-draganddrop .comparison .comparison-inner .placeholder{
		font-size: 14px;
		padding: 10px
	}
	
	.wp-compear-tool-draganddrop .comparison .box{
		height: 180px!important;
		min-height: auto
	}
}
/*------------------------------------*\
    Popup
\*------------------------------------*/
.pum-title.popmake-title{
	margin-bottom: 25px;
}
.popmake-close a{
	color: #fff;
	font-weight: 700;
}

@media(max-width: 600px){
	.pum-title.popmake-title{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.pum-theme-16495 .pum-container{
		padding: 10px!important;
	}
	.pum-theme-16495 .pum-content{
		font-size: 13px!important;
	}
}