/* variables */

:root {
	/* header background color */
	--header-background-color: #fcf7c6;
	/* color for buttons, links, titles etc */
	--primary-element-color: #ac2b26;
	/* background color for header buttons, color for header font sizes, etc */
	--header-element-color: #3861af;

}

/* -----[ custom colors ]--------------------------------------------------- */

h2 { color: #ac2b26; }
i { color: #ac2b26; }
div.header-color {
	max-width: 100%;
}

div.product-cart-price .shopping-cart {
	background: #ac2b26   url("../images/cart_white.png")   no-repeat scroll 135px 5px;
	border: 1px solid #ac2b26;
}
div.product-cart-price .shopping-cart.download {
	background: #ac2b26   url("../images/download_white.png")   no-repeat scroll 135px 5px;
}
div.block-header span.header-item-account  span {
	border: 1px solid #ac2b26;
}
div.block-header span.header-item-account span {
	border: 1px solid #ac2b26;
	background-color: #ac2b26;
}
.ordergroups .folded:before { color: #ac2b26; }
a, a:link, a:visited, a:hover, a:active { color: #ac2b26; }
.price-dot { background: #ac2b26 none repeat scroll 0 0 padding-box; }
.banner {
	background-color: #ac2b26;
	border: 1px solid #ac2b26;
}
.star.filled { color: #ac2b26; }
.first:before { color: #ac2b26; }
.previous:after { color: #ac2b26; }
.next:after { color: #ac2b26; }
.last:after { color: #ac2b26; }
button {
	background-color: #ac2b26;
	border: 1px solid #ac2b26;
}
.box-body-small > h4 { color: #ac2b26; }
.invert::before { color: #ac2b26; }
.invert { color: #ac2b26; }
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
  background-color: #ac2b26 !important;
  border-color: #ac2b26 !important;
}
.box-body-large > .box-body-inner ul li.header a { color: #ac2b26; }
.step-indicator-step.active { background-color: #ac2b26; }
.step-indicator-step.active::after {
	border-left: 20px solid #ac2b26;
}
.step-indicator-step.active:first-child::after {
	border-left: 20px solid #ac2b26;
}
.order-status {
	color: #000000;
}
a.button {
	background-color: #ac2b26;
	border: 1px solid #ac2b26;
}
a.button.invert {
	color: #ac2b26;
}

a.button.invert:visited, a.button.invert:link {
	color: #ac2b26;
}

span#cart-item-count {
	background-color: #ac2b26;
}
#account-options {
	background-color: #ac2b26;
}

#home_customer_service {
	height: auto;
}
.box-spacing.termsOfService, .box-spacing.termsOfService p, .box-spacing.termsOfService td{
	margin: 0px;
	vertical-align: baseline;
}

/* -----[ custom layout ]--------------------------------------------------- */

.products-shortview {
	display: inline-table;
}

.products-shortview .in-cart-description {
	display: none;
}

.products-shortview > .product {
	width: 306px;
	display: inline-table;
}

.products-shortview > .product {
	width: 306px;
}

.products-shortview > .product  .price {
    margin: 5px auto 5px;
}

.products-shortview > .product  div.product-cart-price .shopping-cart {
	background: #ac2b26   url("../images/cart_white.png")   no-repeat scroll 35px 5px;
	padding-left: 18px;
	width: 85px;
	margin-left: 59px;
	margin-top: 5px;
}
.products-shortview > .product  div.product-cart-price .shopping-cart.download {
	background: #ac2b26   url("../images/download_white.png")   no-repeat scroll 35px 5px;
	margin: 5px 0px 5px 100px;
}

.products-shortview > .product  .product-image {
    float: none;
    margin: auto;
}

.products-shortview > .product  {
	vertical-align: top;
}

.product-image IMG.cover {
	max-height: 250px;
}
.product-image {
	height: 250px;
}

div.products-shortview div.product-description {
	height: 120px;
	overflow: hidden;
}
div.products-shortview div.product-description > p.description {
	width: auto;
	padding: 0 5px;
}
div.products-shortview span.addToCartText {
	display: none;
}

div.products-shortview div.product-description > p.description { display: block; }
div.products div.product-description > p.description { display: none; }
div.products-shortview div.product-description > div.description-long { display: none; }
div.products div.product-description > div.description-long { display: block; }

div.products-shortview div.product-description { position: relative; }
div.products-shortview div.product-description:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;

	background:linear-gradient(rgba(255,255,255,0) 90px, #fff);
}

div.product-description > div.description-long {
	height: 120px;
	overflow: hidden;
	position: relative;
}
div.product-description > div.description-long:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(rgba(255,255,255,0) 90px, white);
}




div.product-description > div.description-wrapper > p.description.no-fading:before {
 	background: none;
}


.product-description > div.description-wrapper > p {display: none;}	/* in case some idiot put in extra P tags in the description */

.product-description > div.description-wrapper > .description-preview {
	display: block;
	height: 20px;
	overflow: hidden;
}

.product-description > div.description-wrapper > .description {display: block; height: 82px; overflow: hidden;
	-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%);
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%);
}
.product-description > div.description-wrapper > .description-long-more {display: block;}
.product-description > div.description-wrapper > .description-long {display: none;}
.product-description > div.description-wrapper > .description-long-less {display: none;}
.product-description > div.description-wrapper > .description-long-more.no-fading {display: none;}



.product-description.show-full > div.description-wrapper > p {display: block;}

.product-description.show-full > div.description-wrapper > .description-long {display: block;}
.product-description.show-full > div.description-wrapper > .description-long-less {display: block;}
.product-description.show-full > div.description-wrapper > .description {display: none;}
.product-description.show-full > div.description-wrapper > .description-long-more {display: none;}
.product-description.show-full > div.description-wrapper > .description-long-less.no-fading {display: none;}


div.products-shortview .product-description > div.description-wrapper > p {display: none;}	/* in case some idiot put in extra P tags in the description */
div.products-shortview .product-description > div.description-wrapper > .description { display: block;	height: 40px; overflow: hidden; }

div.products-shortview .product-description > div.description-wrapper > .description-long-more {display: block;}
div.products-shortview .product-description > div.description-wrapper > .description-long {display: none;}
div.products-shortview .product-description > div.description-wrapper > .description-long-less {display: none;}

div.products-shortview .product-description.show-full > div.description-wrapper > p {display: block;}
div.products-shortview .product-description.show-full > div.description-wrapper > .description-long {display: block;}
div.products-shortview .product-description.show-full > div.description-wrapper > .description-long-less {display: block;}
div.products-shortview .product-description.show-full > div.description-wrapper > .description {display: none;}
div.products-shortview .product-description.show-full > div.description-wrapper > .description-long-more {display: none;}


/* order groups menu */
ul.ordergroups > li > span > a { color: #000; }



.block-main li:hover .sub-nav-menu{
	display: none;
}
/*
.box .box-body ul.ordergroups li:hover {
	font-style: italic;
	text-decoration: underline;
} */

.box  .box-body ul.ordergroups li:hover {
	width: 300px;
}

.price {
    margin: 45px 0px 0px 105px;
}
.product-cart-price > ul {
    margin: 15px 0px 10px 50px;
	padding-left: 40px;
}

.box.box-large {
    height: 437px;
	border: 0px solid;

}
.home.left {
    width: 50%;
    float: left;

}
.home.right {
    width: 50%;
    float: right;
}
.home.left p{
	color: #ac2b26;
	font-weight: bold;
	font-size: 26px;
}

.home.left p.small-text {
    font-size: 13px;
    font-weight: normal;
}

span.home-item-logo {
	width: 299px;
    height: 437px;
    background: url(../images/home.png) no-repeat;
    display: block;
    clear: both;
    margin-top: -16px;
    border-radius: 8px;
    border: 0px solid;
	margin-left: 73px;
}

/* round 2 custom layout fixes */
div.header-color, div.header {
	background-color: #fcf7c6;
}

button, a.button {
	background-color: #ac2b26;
}

div.header-controls button, div.header-controls a.button {
	background-color: #ac2b26;
}

div.header-controls button, div.header-controls a.button:hover {
	background-color: #81201D;
}

ul.account-options {
	background-color: #C1605C;
}

ul.breadcrumbs span {
	color: #ac2b26;
}
ul.breadcrumbs li.active a, ul.breadcrumbs li.active span {
	border-bottom: 2px solid #ac2b26;
}
div.viewcontrols > a.active, div.viewcontrols > span.active {
	border-bottom: 2px solid #ac2b26;
	color: #ac2b26;
}

div.language-select {
	background-color: #ac2b26;
	position: relative;
    float: right;
}

div.language-select a:hover {
	background-color: #C1605C;
}

ul.ordergroups a {
	color: #ac2b26;
}

ul.ordergroups li:hover {
	background-color: #ac2b26;
}

div.product button.add-to-cart {
	background-color: #ac2b26;
}

div.product button.add-to-cart:hover {
    background-color: #81201D;
}

div.products.view-grid div.product div.product-image img {
	border: 1px solid #ac2b26;
}

div.service-row p.address span.phone {
	color: #ac2b26;
}

div.question-block.open p.question-block-question {
	color: #ac2b26;
}

div.order-history h3 span {
	color: #ac2b26;
}

div.order-history a.button.add-to-cart {
	background-color: #ac2b26;
}

div.logo {
	background: url(../images/combined.png) no-repeat 0px;
	background-size: auto 83px;
}

.box  .box-body  ul.ordergroups li:hover {
	color: #FFFFFF;
	background-color: #ac2b26;
	border: 0px solid;
}

.box {
	border: 0px solid;
}

.box > .box-title {
	border: 0px solid;
}

div.product {
    min-height: 220px;
	clear: both;
	border-bottom: 0px;
}

div.pagination-bottom {
    top: -5px;
	clear: both;
}

div.pagination-bottom div.pagination {
    top: -17px;
}


.block-main {
    padding-top: 0px;
}

ul.ordergroups li.active {
	background-color: #ac2b26;
}

ul.ordergroups li.active a{
	color: #fff !important;
}

.product-description > p.sub-title {
    text-align: left;
	color: #ac2b26;
}


ul.ordergroups li {
    display: flex;
}

.banner a, .banner a:link, .banner a:visited, .banner a:hover, .banner a:active {
    color: #fff;
    text-decoration: underline;
}

table.summary-table td.product-price {
    font-size: 16px;
}

table.summary-table td.product-price span {
    font-size: 14px;
}

div.order-history img.cover {
    height: auto;
	width: 133px;
}

div.order-history div.order-overview > div.order-books div.order-books-list {
    max-height: none;
    overflow: hidden;
}

div.order-history img.cover {
    max-height: none;
}

div.service-row p.address {
    font-style: normal;
}

div.contact-form p {
        font-style: normal;
}

div.question-block {
    margin: 0px 0 2px 0;
    padding: 1px 15px;
    cursor: pointer;
}

div.order-history h3 {
    font-style: normal;
}

table.basket td.basket-text {
	font-style: normal;
}

input.form-input.form-input-narrow {
    width: 112px;
}

span.radio-text-name {
	bottom: 6px;
    position: absolute;
}

textarea::placeholder {
	line-height: 60px;
}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution:.001dpcm) { @media {
	.safari_only, input.choosePaymentMethod  {
		height: auto;
		width: auto;
		vertical-align: text-top;
	}
}}


@media (min-width: 600px) {
	.box .box-body ul.ordergroups li {
	    width: 279px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 279px;
	}
	.box-body.overlay {
	    width: 280px;
	}
	.product-description .description{
		display: none;
	}
	.price {
		margin: 45px 0px 0px 70px;
	}
	.product-cart-price > ul {
		margin: 15px 0px 10px 50px;
		padding-left: 5px;
	}
	span.home-item-logo {
		width: 278px;
	}
	.products-shortview > .product, .products-shortview > .product {
	    width: 284px;
	}

	.product-image {
	    height: 150px;
		width: 130px;
	}
	.product-cart-price {
    	width: 280px;
	}
}

@media (min-width: 768px) {
	.box .box-body ul.ordergroups li {
		width: 228px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 228px;
	}
	.box-body.overlay {
	    width: 230px;
	}

	.product-description .description{
		display: none;
	}
	span.home-item-logo {
		width: 235px;
	}
	.products-shortview > .product, .products-shortview > .product {
	    width: 369px;
	}

	.product-cart-price {
	    width: 365px;
	}

	.products-shortview > .product div.product-cart-price .shopping-cart {
	    margin-left: 100px;
	}

}

@media (min-width: 992px) {
	.box .box-body ul.ordergroups li {
		width: 218px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 218px;
	}
	.box-body.overlay {
    	width: 220px;
	}
	#home_customer_service {
		height: auto;
	}
	span.home-item-logo {
    	width: 230px;
	}
	.products-shortview > .product, .products-shortview > .product  {
	    width: 364px;
	}
	.product-image {
		height: 250px;
		width: 200px;
	}
	.product-cart-price {
		width: 355px;
	}

	.products-shortview > .product div.product-cart-price .shopping-cart {
		margin-left: 85px;
	}
}

@media (min-width: 1201px) {
	.box .box-body ul.ordergroups li {
		width: 258px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 258px;
	}
	.box-body.overlay {
    	width: 260px;
	}
	.product-description .description{
		display: block;
	}
	.price {
	    margin: 45px 0px 0px 105px;
	}
	.product-cart-price > ul {
	    margin: 15px 0px 10px 50px;
		padding-left: 40px;
	}
	#home_customer_service {
		height: auto;
	}
	span.home-item-logo {
		width: 299px;
	}
	.products-shortview > .product, .products-shortview > .product  {
		width: 296px;
	}
	.product-cart-price {
		width: 285px;
	}
	.products-shortview > .product div.product-cart-price .shopping-cart {
		margin-left: 55px;
	}
}

@media (min-width: 1260px) {
	.box .box-body ul.ordergroups li {
		width: 299px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 299px;
	}
	.box-body.overlay {
    	width: 300px;
	}
	.products-shortview > .product, .products-shortview > .product {
		width: 306px;
	}

}

.double-product-cart-price {
    display: inline;
}

div.product-cart-price > .double-product-cart-price .shopping-cart {
	background: #ac2b26   url("../images/cart_white.png")   no-repeat scroll 30px 5px;
	border: 1px solid #ac2b26;
	width: 80px;
	margin-left: 40px;
}
div.product-cart-price > .double-product-cart-price .shopping-cart.download {
	background: #ac2b26   url("../images/download_white.png")   no-repeat scroll 30px 5px;
	width: 80px;
	margin-left: 0px;
}

div.product-cart-price > .double-product-cart-price .shopping-cart-download.button {
	background: #ac2b26   url("../images/download_white.png")   no-repeat scroll 23px 5px;
	width: 80px;
	margin-left: 0px;
}


.double-product-cart-price .shopping-cart-download.button {
    margin: 0px 10px -16px 10px;
}

.products-shortview > .product .double-product-cart-price .shopping-cart-download.button {
	margin: 20px 0px 0px 40px;
}

.products-shortview > .product .shopping-cart-download.button {
	margin: 0px 0px 10px 50px;
}

.product-price {
    margin-left: 50px;
    font-size: 20px;
	display: inline-block;
}

.product-price .salesprice {
	margin-right: 20px;
}

.list-cart.product-cart-price > .price{
	margin-right: 0px;
}

.product-type {
	width: 90%;
	display: inline-flex;
	margin: 20px 0px 20px 50px;
}

.type {
/*	margin-left: 45px;*/
	width: 40%;
}

.product-amount {
    margin: 20px 0px 0px 21px;
}

.products-shortview > .product div.product-cart-price .product-amount{
	display: none;
}
.products-shortview > .product div.product-cart-price .product-type{
	display: none;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
    margin: 21px 20px 5px 40px;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price {
    margin-left: 0px;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
    margin-left: 69px;
}

.double-product-cart-price .original_price {
	width: 100%;
	float: left;
}



@media (min-width: 600px) {
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
	    margin: 21px 20px 5px 35px;
	}
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
	    margin-left: 64px;
	}
}
@media (min-width: 768px) {
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
	    margin: 21px 20px 5px 40px;
	}
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
	    margin-left: 69px;
	}
}
@media (min-width: 1400px) {
	.column-2 {
    	width: 760px;
	}
}

/*
input[type="radio"]{
	width: auto;
	height: auto;
}
*/

@media (min-width: 1260px) {
	.product-description {
	    width: 480px;
	}
}

@media (min-width: 1260px) {
	.searchresults .product-description {
	    width: 790px;
	}

	.searchresults .product-description .description {
	    width: 790px;
	}
}

.view-list .product-description > div.description-wrapper {
    display: none;
}

.view-grid .product-description > div.description-wrapper {
    display: none;
}

.view-list .product{
    min-height: 100%;
}

div.products.view-list div.product-info {
    width: 60%;
}

.view-list div.product .product-actions {
    float: right;
}

.pagination {
	padding: 0;
}
.pagination-bottom .pagination {
	padding: 10px 0 0 0;
}

input::placeholder {
	visibility: visible;
}

/* don't show sub-ordergroups */
/* ul.ordergroups ul.ordergroups {
	display: none;
} */

@media (max-width: 1200px) {
	div.logo {
		margin-left: 50px;
		width: 350px;
		max-width: calc(100% - 100px);
		background-size: 100% auto;
	}
	#responsiveMenuButton {
		left: 0;
	}
	#responsiveMenuButton i {
		color: #fff;
	}
	.responsive-menu-inner {
		background-color: #ac2b26;
	}
	.responsive-menu-inner > button, .responsive-menu-inner > .button {
		height: auto;
		line-height: normal;
		background-color: #81201D;
	}
	.responsive-menu ul.ordergroups {
		border-top: 2px solid #81201D;
		background-color: #ac2b26;
	}
	.responsive-menu ul.ordergroups li:hover {
		background-color: #81201D;
	}

	/*
	.view-list div.product .product-actions {
		float: none;
		clear: both;
	}
	*/
	div.catalog-specs {
		display: table;
	}

	input.form-input.form-input-narrow {
		width: 100%;
	}

	ul.breadcrumbs li.active a, ul.breadcrumbs li.active span {
		border-bottom: none;
	}
	div.viewcontrols > a.active, div.viewcontrols > span.active {
		border-bottom: none;
	}

	.product-image {
		width: auto;
		height: auto;
	}
	.product-image IMG.cover {
		margin: 0;
		width: 100%;
	}
	.products.view-extended .product-description,
	.products.product-page .product-description {
		margin-top: 20px;
	}
	.product-description {
		max-width: 100%;
		width: auto;
	}
	.product-description .description {
		max-width: 100%;
		width: auto;
	}
	.breadcrumbs {
		width: auto;
	}

	div.block-home {
		display: flex;
		flex-direction: column;
	}
	div.block-home > .column-1 {
		order: 2;
		width: 100%;
		margin-left: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	div.block-home > .column-1 button.banner {
		max-width: 450px;
		margin: 0 auto;
		display: block;
	}
	div.block-home > .column-2 {
		order: 1;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		padding: 0;
		margin-bottom: 20px;
	}
	div.block-home > .column-2 .box-spacing {
		padding: 0 20px;
	}
	div.block-home > .column-2 .box.box-large {
		height: auto;
	}
	div.block-home > .column-2 .home.left {
		width: 100%;
	}
	div.block-home > .column-2 .home.right {
		display: none;
	}

	/* fix for webshop.css */
	.column.column-1.customerservice-link {
		display: none;
	}

	div.products.view-list div.catalog-spec {
		margin-bottom: 10px;
	}
	div.pagination-bottom {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}

	/* don't show short/long description in extended view */
	div.products.view-extended div.product div.description-wrapper {
		display: none;
	}
	/* if short/long description is not shown, adjust the padding */
	div.products.view-extended div.product {
		padding: 20px 10px 0 10px;
	}
	div.product-image a {
		display: block;
	}
}

p.homePageHeader {
	color: #ac2b26;
	font-weight: bold;
	font-size: 26px;
	float: left;
	text-align: left;
}


p.homePageText {
	color: #ac2b26;
	float: left;
	text-align: left;
}

button.banner {
    height: 200px;
}

div.header-controls a.button-cart span.badge {
    background-color: #ac2b26;
		top: 0px;
}

/* div.header-controls a.button-cart {
    filter: brightness(0) saturate(100%) invert(20%) sepia(31%) saturate(6109%) hue-rotate(349deg) brightness(90%) contrast(83%);

} */
