/**
* Template: ew_evelations_RIXEN
*
* Custom stylesheet for adjustment of design
*
* Primary Color: 	#2980A0
* Secondary Color: 	#2F353F
*
*/

/* ---------------------- */
/*       DM SANS          */
/* ---------------------- */
@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* ---------------------- */
/*        ROBOTO          */
/* ---------------------- */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* ---------------------- */
/*       GENERAL          */
/* ---------------------- */
html, body, div, p, span, ul, ol, li, a {
	font-family: 'DMSans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .headline, .breaking-headline {
	font-family: 'Roboto', sans-serif;
}

#site-wrap { background-color: #FFFFFF; }

[data-f-id="pbf"] { display: none; }

.title a { hyphens: auto; overflow-wrap: break-word; text-decoration: none; }

#cart #shipping-preview table { min-height: 200px; }
#cart #shipping-preview .well { min-height: 200px; background-color: #f2f2f2; }

/* ---------------------- */
/*    COOKIE CONSENT      */
/* ---------------------- */
#cookie-consent .coc-wrapper { display: flex; flex-direction: column; }
#cookie-consent .coc-title h2 { margin-top: 0px; }
#cookie-consent .coc-body .button.coc-accept-link, .coc-body .button.coc-more-link { background: #2980A0; border: 1px solid #2980A0; }
#cookie-consent .coc-body .button.coc-accept-link:hover, .coc-body .button.coc-more-link:hover { background: #2980A0; border: 1px solid #2f353f; }

/* ---------------------- */
/*        HEADER          */
/* ---------------------- */
#header #box-search { margin-top: 0px; }
#header #box-search .form-group input { width: 230px; }
#header #meta-navigation { background-color: #2F353F; border-bottom: 1px solid #dedede80; }
#header #meta-navigation ul.pull-left { margin-left: -15px; }
#header #meta-navigation li, #header #meta-navigation li a, #header #meta-navigation span, #header #meta-navigation i { color: #FFFFFF; }
#header .header-bg { background-color: #FFFFFF; }
#header .header-bg { background-color: #2f353f; }
#header .header-bg #header-top { display: flex; align-items: center; padding: 15px 0px; }
#header .header-bg #header-top .logo { max-width: 300px; }
#header .header-bg #header-top .logo img { max-width: 194px; padding: 10px 0px; }

#header .mobile-logo-container { padding-top: 15px; max-width: 300px; margin: auto; }

#header .branding { padding: 0px; }

.breadcrumb-form { background-color: #F2F2F2; }
.breadcrumb-form .breadcrumb { padding: 0px 15px; }
.breadcrumb-form .breadcrumb li.active a { padding: 6px 0px; }

#main-navigation { background-image: linear-gradient(to bottom, #2f353f 0%, #2f353f 100%); border-top: 1px solid #dedede80; }
#main-navigation-top > ul:first-of-type a:focus { filter: unset; }
#main-navigation-top > ul li { border-left: 1px solid rgba(255, 255, 255, 0.25); text-transform: uppercase; }
#main-navigation-top > ul li a { font-weight: bold; }
#main-navigation-top > ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.25); }

#main-navigation-top > ul.nav-button-cart li { border: none; }

#mega-menu .mega-headline { background-color: #2980A0; }
#mega-menu .mega-right img { display: none; }

.box-cart { margin-top: 0px; }
.box-cart div, .box-cart a { color: #FFFFFF; }
.box-cart .box-cart-info .price { color: #FFFFFF; }
#box-search .btn-group button { background-color: #2980A0; }

#ew_evelations_teaser { background-color: #FFFFFF; }

.usp-container { background-color: #FFFFFF; border-bottom: none; }
.usp-container .section .heading, .usp-container .section .heading p { margin-bottom: 0px; }
.usp-container .section .heading, .usp-container .section .heading a { text-decoration: none; }
.usp-container .section:hover { border-color: #2980A0; box-shadow: 0px 0px 5px 1px #2980A0; }

@media screen and (min-width: 768px) and (max-width: 1200px) {
	#main-navigation-top > ul li a { font-size: 12px; }
}

.two-column-list { column-count: 2; column-gap: 30px; }
.two-column-list li { break-inside: avoid-column; page-break-inside: avoid; }

/* ---------------------- */
/*        FOOTER          */
/* ---------------------- */
#footer { background: #2F353F; }
#footer a { text-decoration: none; }
#footer a:not(.btn):hover { text-decoration: underline; }
#footer .tax-footer { background-color: #2F353F; }
#footer #footer-meta { background: #2F353F; display: none; }

#footer .collapse-status i.fa { color: #FFF; fill: #FFF; }

#footer .social-media-icons { padding-top: 30px; display: flex; gap: 10px; flex-wrap: wrap; }
#footer .social-media-icons a { background-color: #F2F2F2; border-color: #F2F2F2; color: #2F353F; transition: all 0.3s; }
#footer .social-media-icons a:hover { background-color: #F2F2F2; border-color: #2F353F; color: #2F353F; }

/* ---------------------- */
/*      HOMEPAGE          */
/* ---------------------- */
#startpage-content { padding-top: 0px; }
#startpage-content .index-small ul li { display: flex; gap: 10px; align-items: center; flex-wrap: nowrap; border-bottom: 1px solid #2980a060; }

#ew_evelations_teaser { margin-bottom: 30px; }

.startpage-products-container { margin-bottom: 0px; background: #4e4e4e url(../img/parallax_bg.jpg) repeat fixed 50% 50%;}
.startpage-products-container .breaking-headline { color: #F2F2F2; }

.product-listing .panel:hover { border-color: #2980A0; box-shadow: 0px 0px 5px 1px #2980A0; }
#content .primary:empty { display: none; }

.top-categories .panel { border-bottom: 0px; box-shadow: none; }
.top-categories .panel > .image > a > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.top-categories .panel:hover > .image > a > img { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
	
	
@media screen and (min-width: 1280px) {
	.top-categories { min-height: 360px; }
}
	
/* ---------------------- */
/*       SIDEBAR          */
/* ---------------------- */
#sidebar-products .panel-default .secondary .panel-heading, .panel-default > .panel-heading, #box-categories.panel-default .panel-default .panel-heading, .box-categories.panel-default .panel-default .panel-heading, #sidebar-content .panel-default .panel-heading { background-color: #2F353F; color: #fff; }
#sidebar-products .panel-body, .secondary .panel-default .panel-body, #box-categories.panel-default .panel-body, .box-categories.panel-default .panel-body, #sidebar-content .panel-body { background-color: #F2F2F2; }
.panel-default > .panel-heading > .panel-title a { text-decoration: none; }

/* ---------------------- */
/*       CHECKOUT         */
/* ---------------------- */
#checkout .well .btn:not(.dropdown-toggle) { white-space: wrap; }