/*
Theme Name: ward-wines-theme
Theme URI: http://www.webexpress.se
Author: webexpress
Author URI: http://www.webexpress.se
Version: 27
*/


/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */

body * {
	-webkit-font-smoothing: antialiased;
}

/* Screen Reader Text ------------------------ */

.screen-reader-text {
	clip: rect( .1rem, .1rem, .1rem, .1rem );
	height: .1rem;
	overflow: hidden;
	position: absolute !important;
		left: -999999rem;
	width: .1rem;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: .3rem;
	box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 );
	clip: auto !important;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: .5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem 2.3rem;
	text-decoration: none;
	top: .5rem;
	width: auto;
	z-index: 100000;
}


/* Existing CSS ------------------------------ */


/* FILE: _common.scss */

#WWINES_DEBUG {
    display: none;
    background: aliceblue;
    border-left: 1px solid magenta;
    border-top: 1px solid magenta;
    font-family: monospace;
    right: 0;
    position: fixed;
    bottom: 0;
    z-index: 1
}

@media (max-width: 767px) {
    #WWINES_DEBUG {
        font-size: 10px
    }
}

body {
    background: white;
    color: black;
    font-family: 'Roboto';
    font-size: 16px
}

header {
    position: relative;
    background: white;
    height: 140px
}

header a.white-guide {
    position: absolute;
    top: 20px;
    left: 20px
}

header a.white-guide img {
    width: 64px
}

header a.logo img {
    padding-top: 55px;
    width: 295px
}

header div.about-us {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 20px 0 20px;
    height: 100%
}

header div.about-us a {
    text-decoration: none
}

header div.about-us a:first-of-type {
    margin-right: 5px
}

header div.about-us a img {
    vertical-align: top;
    width: 20px
}

@media (max-width: 1199px) {
    header {
        height: 53px
    }
    header a.white-guide {
        top: 8px;
        left: 8px
    }
    header a.white-guide img {
        width: 32px
    }
    header a.logo img {
        padding-top: 15px;
        width: 150px
    }
    header div.about-us {
        padding: 16.5px 16.5px 0 8.25px
    }
}

a {
    color: #921339
}

pre {
    border: 2px dashed magenta;
    background: #fee;
    font-family: 'comic sans ms'
}

hr {
    margin: 0;
    border: none
}

hr.triangle-bar {
    position: relative;
    background-repeat: repeat-x;
    background-position: right;
    height: 5px;
    pointer-events: none
}

hr.triangle-bar.black {
    background-image: url("graphics/bar-black.png")
}

hr.triangle-bar.dark-gray {
    background-image: url("graphics/bar-dark-gray.png")
}

hr.triangle-bar.gray-a {
    background-image: url("graphics/bar-gray-a.png")
}

hr.triangle-bar.gray-b {
    background-image: url("graphics/bar-gray-b.png")
}

hr.triangle-bar.white {
    background-image: url("graphics/zigzag_black.png");
    margin-top: -5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.underlined {
    border-bottom: 2px solid #5ebf87
}

div#age-consent-pop-up {
    position: fixed;
    width: 540px;
    height: 255px;
    left: calc(50% - 270px);
    top: calc(50% - 127.5px);
    z-index: 9999;
    padding: 30px 25px 25px 25px;
    border: 2px solid #f2f2f2;
    background: white;
    text-align: center;
    -webkit-box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75)
}

div#age-consent-pop-up>img {
    width: 295px
}

div#age-consent-pop-up>p {
    margin-top: 20px
}

div#age-consent-pop-up>a {
    background: #5ebf87;
    color: white;
    width: 275px
}

@media (max-width: 767px) {
    div#age-consent-pop-up {
        width: 260px;
        height: 300px;
        left: calc(50% - 130px);
        top: calc(50% - 150px);
        font-size: 14px
    }
    div#age-consent-pop-up>img {
        width: 210px
    }
    div#age-consent-pop-up>a {
        width: 200px
    }
}

div#cart-product-added-pop-up {
    display: none;
    position: fixed;
    width: 650px;
    height: 415px;
    left: calc(50% - 325px);
    top: calc(50% - 207.5px);
    z-index: 9999;
    background: white;
    border: 5px solid #eef1f1;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 60px -5px rgba(0, 0, 0, 0.75)
}

div#cart-product-added-pop-up>.inner {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

div#cart-product-added-pop-up>.inner p {
    margin-bottom: 2em;
    font-family: 'Trocchi';
    font-size: 24px
}

div#cart-product-added-pop-up>.inner a {
    background: #5ebf87;
    color: white;
    cursor: pointer;
    display: table;
    font-family: 'Roboto';
    font-size: 20px;
    height: 70px;
    margin: 1.3em auto 0 auto;
    padding-top: 20px;
    width: 275px;
    border: 1px solid #5ebf87
}

@media (max-width: 767px) {
    div#cart-product-added-pop-up {
        width: 260px;
        height: 166px;
        left: calc(50% - 130px);
        top: calc(50% - 83px)
    }
    div#cart-product-added-pop-up>#inner p {
        font-size: 13px;
        margin-bottom: .5em
    }
    div#cart-product-added-pop-up>#inner a {
        width: 200px;
        height: 30px;
        padding-top: 9px;
        margin-top: .22em;
        font-size: 14px
    }
}

#divide-and-gate-content .divide-and-gate-button {
    color: #FFF;
    background: #5EBF87;
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
}

#cookies-message {
    color: white;
    position: fixed;
    height: 270px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    font-family: 'Roboto';
    font-size: 14px;
    z-index: 9998
}

#cookies-message>div>div {
    padding: 0 119px
}

#cookies-message>div>div h3 {
    font-family: 'Trocchi'
}

#cookies-message button {
    background-color: #5ebf87;
    float: right;
    padding: 10px 24px
}

@media (max-width: 767px) {
    #cookies-message {
        font-size: 12px;
        height: 100%
    }
    #cookies-message>div>div {
        padding: 0 7px
    }
}

#wwines-scroll-to-top {
    background: black;
    border: solid 1px white;
    bottom: 130px;
    display: none;
    position: fixed;
    right: 30px;
    width: 31px;
    height: 31px;
    z-index: 1111111
}

#wwines-scroll-to-top>span {
    color: white;
    top: 6px
}

/* Newsletter shortcode in entry content */
.text #mc_embed_signup {
    margin: 10px auto;
    max-width: 317px;
	text-align: center;
	width: 100%;
}

.text #mc_embed_signup label {
	font-weight: 400;
}

.text #mc_embed_signup input[type="email"] {
	text-align: center;
}

.text #mc_embed_signup input[type=checkbox] {
	display: inline;
	height: auto;
	margin: 0 5px 0 0;
	width: auto;
}

.text #mc_embed_signup input[type="submit"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #5ebf87;
    color: white;
    font-size: 16px
}

/* FILE: _nav_cart_and_search.scss */

section#nav-cart-and-search {
    height: 90px;
    width: 100%;
    background: black;
    z-index: 3;
    position: relative
}

section#nav-cart-and-search.the-sticky-menu {
    animation: slide-down 0.7s;
    position: fixed;
    top: 0
}

section#nav-cart-and-search.the-sticky-menu+* {
    margin-top: 90px
}

@media (max-width: 1199px) {
    section#nav-cart-and-search.the-sticky-menu+* {
        margin-top: 48px
    }
}

section#nav-cart-and-search>hr.triangle-bar {
    position: absolute;
    bottom: -5px;
    width: 100%
}

section#nav-cart-and-search>div.inner div#desktop-menu {
    display: inline-block;
    margin-top: 37px;
    font-size: 16px;
    list-style-type: none
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop {
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 1
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop.loading {
    opacity: 0
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul {
    padding-left: 0
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li {
    position: relative;
    display: inline-block;
    text-align: center
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li ul {
    display: none;
    background: black;
    left: 50%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 27px;
    position: absolute;
    top: 26px;
    transform: translateX(-50%);
    z-index: 8881
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li ul>li {
    background: #2d2d2d;
    display: inline-block;
    float: none;
    height: 37px;
    white-space: nowrap;
    width: 100%
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li ul>li:hover {
    background: black
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li ul>li a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    top: 8px;
    font-size: 13px
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li>a {
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li>a:hover {
    background: #972747
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li:hover>ul {
    display: inline-block
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li:before>ul {
    content: "";
    display: block;
    position: absolute;
    top: 30px
}

section#nav-cart-and-search>div.inner div#desktop-menu div#nav-desktop>ul>li .active {
    background: #972747
}

section#nav-cart-and-search>div.inner .menu li.has-children>a:after {
    color: #fff;
    content: ' ▼';
    font-size: 10px;
    vertical-align: 1px
}

section#nav-cart-and-search>div.inner .menu li.has-children>a:after ul.dropdown-menu>ul.menu>li:hover .menu li.has-children>a:after {
    color: #5bb882
}

section#nav-cart-and-search>div.inner div#tablet-menu {
    float: left;
    font-size: 16px;
    list-style-type: none;
    margin-top: 20px
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown button {
    border: none;
    background: none;
    color: white;
    font-size: 32px;
    padding-left: 18px;
    outline: none;
    padding-bottom: 0
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu {
    width: 328px;
    height: 874px;
    background: black;
    margin-top: 1px;
    border-radius: 0
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet {
    margin-left: 0 !important
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu {
    padding-left: 0;
    text-align: center;
    padding-top: 25px
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu>li {
    font-size: 16px;
    text-transform: uppercase;
    padding: 7px 0;
    list-style: none
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu>li a {
    color: white;
    text-decoration: none
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu>li a:hover {
    color: #5bb882
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu>li>ul.sub-menu {
    padding-left: 0
}

section#nav-cart-and-search>div.inner div#tablet-menu div.dropdown ul.dropdown-menu div#nav-tablet>ul.menu>li>ul.sub-menu li {
    font-size: 12px;
    list-style: none
}

section#nav-cart-and-search>div.inner div#cart {
    width: 184px;
    height: 90px;
    background: #2d2d2d;
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
    text-align: right;
    top: 0;
    z-index: 1;
    -webkit-transition: width .25s;
    -moz-transition: width .25s;
    transition: width .25s
}

section#nav-cart-and-search>div.inner div#cart.open.with-products {
    width: 296px /* Multiple of 8px */
}

section#nav-cart-and-search>div.inner div#cart.open.with-products hr.triangle-bar {
    width: 296px /* Multiple of 8px */
}

section#nav-cart-and-search>div.inner div#cart.open.with-products #with-products {
    display: block
}

section#nav-cart-and-search>div.inner div#cart.open #no-products {
    display: block
}

section#nav-cart-and-search>div.inner div#cart.with-products {
    background: #972747
}

section#nav-cart-and-search>div.inner div#cart.with-products #cart-text {
    top: 17px
}

section#nav-cart-and-search>div.inner div#cart.with-products p#cart-text-with-products {
    display: block
}

section#nav-cart-and-search>div.inner div#cart.with-products hr.triangle-bar {
    background: url("graphics/bar-red-offset.png")
}

section#nav-cart-and-search>div.inner div#cart #cart-text {
    display: block;
    padding-bottom: 4px;
    top: 35px
}

section#nav-cart-and-search>div.inner div#cart p#cart-text-with-products {
    display: none;
    color: white;
    font-size: 12px;
    margin-top: 23px;
    line-height: 1.2
}

section#nav-cart-and-search>div.inner div#cart .glyphicon-shopping-cart {
    font-size: 20px;
    color: white
}

section#nav-cart-and-search>div.inner div#cart #total-text {
    padding-right: 8px;
    font-size: 14px;
    font-weight: 100
}

section#nav-cart-and-search>div.inner div#cart hr.triangle-bar {
    background-image: url("graphics/bar-dark-gray-offset.png");
    position: absolute;
    top: 90px;
    right: 0;
    width: 184px;
    z-index: 2
}

section#nav-cart-and-search>div.inner div#cart #no-products,
section#nav-cart-and-search>div.inner div#cart #with-products {
    position: absolute;
    top: 90px;
    background: white;
    -webkit-box-shadow: -1px 12px 36px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 12px 36px -9px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 12px 36px -9px rgba(0, 0, 0, 0.75)
}

section#nav-cart-and-search>div.inner div#cart #no-products {
    display: none;
    width: 184px;
    height: 120px
}

section#nav-cart-and-search>div.inner div#cart #no-products p {
    font-size: 13px;
    margin-top: 20px;
    color: #2d2d2d
}

section#nav-cart-and-search>div.inner div#cart #no-products button {
    background: #5ebf87
}

section#nav-cart-and-search>div.inner div#cart #no-products button a {
    cursor: pointer;
    color: white
}

section#nav-cart-and-search>div.inner div#cart #with-products {
    display: none;
    padding-top: 20px;
    right: 0;
    width: 296px
}

section#nav-cart-and-search>div.inner div#cart #with-products>div.cart-row {
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

section#nav-cart-and-search>div.inner div#cart #with-products>div.cart-row>div {
    padding-left: 0;
    padding-right: 0
}

section#nav-cart-and-search>div.inner div#cart #with-products>div.cart-row>div p.title-volume>a {
    color: black
}

section#nav-cart-and-search>div.inner div#cart #with-products>div.cart-row>div>p>a {
    color: black
}

section#nav-cart-and-search>div.inner div#cart #with-products>div>p {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #2d2d2d
}

section#nav-cart-and-search>div.inner div#cart #with-products>div button {
    background: #5ebf87
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div {
    font-size: 12px;
    margin: 10px 0
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div input {
    width: 25px;
    height: 24px;
    margin: 10px auto;
    display: block
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div p {
    margin: 15px 0 10px 0
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div #decrease-circle {
    margin: 12px 0 10px 0;
    float: right;
    color: #911a3b
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div #increase-circle {
    margin: 12px 5px 10px 0;
    float: left;
    color: #5ebf87
}

section#nav-cart-and-search>div.inner div#cart #with-products>div div .circle {
    cursor: pointer;
    font-size: 16px;
    padding-top: 1px
}

section#nav-cart-and-search>div.inner div#cart #with-products>div>p {
    font-size: 16px;
    margin-top: 30px
}

section#nav-cart-and-search>div.inner div#cart #with-products>div>button {
    background: #5ebf87;
    color: white;
    margin: 15px 0 30px 0
}

section#nav-cart-and-search>div.inner form#search-form {
    display: inline
}

section#nav-cart-and-search>div.inner form#search-form input#search-input {
    -webkit-transition: width .25s, padding .25s;
    -moz-transition: width .25s, padding .25s;
    transition: width .25s, padding .25s;
    width: 0;
    padding: 0;
    z-index: 2;
    margin-top: 29px;
    margin-right: 18px;
    height: 33px;
    background: white;
    border-radius: 20px;
    border: none;
    box-sizing: border-box;
    outline: none;
    float: right;
    font-size: 12px;
    font-style: italic;
    color: #828282
}

section#nav-cart-and-search>div.inner form#search-form input#search-input.open {
    width: 150px;
    padding-left: 15px
}

section#nav-cart-and-search>div.inner form#search-form button#search-submit {
    background: none;
    border: none;
    float: right;
    margin-top: 30px;
    outline: none;
    padding: 6px 8px
}

@media (max-width: 767px) {
    section#nav-cart-and-search>div.inner div#cart #with-products {
        padding-top: 10px
    }
    section#nav-cart-and-search>div.inner div#cart #with-products>div div {
        margin: 4px 0
    }
    section#nav-cart-and-search>div.inner div#cart #with-products>div div>p,
    section#nav-cart-and-search>div.inner div#cart #with-products>div div>div.circle {
        margin: 2px !important
    }
    section#nav-cart-and-search>div.inner div#cart #with-products>div div>input {
        margin: 2px auto
    }
    input#search-input.open {
        width: 130px !important
    }
}

@media (max-width: 1199px) {
    section#nav-cart-and-search>div.inner div#cart {
        width: 49px !important
    }
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }
    #nav-cart-and-search,
    #cart {
        height: 48px !important
    }
    #menu-triangle-bar-black,
    hr.triangle-bar {
        display: none
    }
    #tablet-menu {
        margin-top: 0 !important
    }
    #search-submit {
        margin-top: 6px !important
    }
    #search-input {
        margin-top: 8px !important
    }
    #with-products,
    #no-products {
        top: 48px !important
    }
    #no-products {
        right: 0
    }
    #cart.with-products #cart-text {
        left: -12px
    }
    #cart-text {
        top: 17px !important;
        font-size: 14px !important
    }
    #cart-text-with-products #amount-all-below-lg {
        position: relative;
        left: -7px;
        top: -24px;
        font-size: 9px
    }
    #cart-text-with-products #amount-all-below-lg.two-digits {
        left: -4px
    }
}

@media (min-width: 1200px) {
    #cart-text-with-products {
        text-align: center
    }
}

/* FILE: _products.scss */

body.home div.products>div,
body.page-template-archive-wwines_products div.products>div,
body.search div.products>div,
body.single-post div.products>div,
body.single-wwines_products div.products>div {
    padding: 5px;
    height: 296px
}

body.home div.products>div>div.inner,
body.page-template-archive-wwines_products div.products>div>div.inner,
body.search div.products>div>div.inner,
body.single-post div.products>div>div.inner,
body.single-wwines_products div.products>div>div.inner {
    position: relative;
    height: 100%;
    border: 1px solid #e5e5e5;
    font-family: 'Roboto'
}

body.home div.products>div>div.inner div.image-and-text,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text,
body.search div.products>div>div.inner div.image-and-text,
body.single-post div.products>div>div.inner div.image-and-text,
body.single-wwines_products div.products>div>div.inner div.image-and-text {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
    width: 87%;
    height: 177.6px;
    font-size: 14px;
    line-height: 1.1
}

body.home div.products>div>div.inner div.image-and-text>a>img,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text>a>img,
body.search div.products>div>div.inner div.image-and-text>a>img,
body.single-post div.products>div>div.inner div.image-and-text>a>img,
body.single-wwines_products div.products>div>div.inner div.image-and-text>a>img {
    margin-right: 6%;
    float: left;
    height: 100%
}

body.home div.products>div>div.inner div.image-and-text .title,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .title,
body.search div.products>div>div.inner div.image-and-text .title,
body.single-post div.products>div>div.inner div.image-and-text .title,
body.single-wwines_products div.products>div>div.inner div.image-and-text .title {
    font-weight: bold
}

body.home div.products>div>div.inner div.image-and-text .title a,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .title a,
body.search div.products>div>div.inner div.image-and-text .title a,
body.single-post div.products>div>div.inner div.image-and-text .title a,
body.single-wwines_products div.products>div>div.inner div.image-and-text .title a {
    color: black
}

body.home div.products>div>div.inner div.image-and-text .price,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .price,
body.search div.products>div>div.inner div.image-and-text .price,
body.single-post div.products>div>div.inner div.image-and-text .price,
body.single-wwines_products div.products>div>div.inner div.image-and-text .price {
    font-size: 24px
}

body.home div.products>div>div.inner div.image-and-text .product-types,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types,
body.search div.products>div>div.inner div.image-and-text .product-types,
body.single-post div.products>div>div.inner div.image-and-text .product-types,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types {
    line-height: 1.4
}

body.home div.products>div>div.inner div.image-and-text .product-types .type,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type,
body.search div.products>div>div.inner div.image-and-text .product-types .type,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type {
    display: inline-block
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot {
    font-size: 1em
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot:after,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot:after,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot:after,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot:after,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot:after {
    content: '\25CF'
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.okryddad_sprit:after,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.okryddad_sprit:after,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.okryddad_sprit:after,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.okryddad_sprit:after,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.okryddad_sprit:after {
    content: '\25CB'
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.alkoholfritt,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.alkoholfritt,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.alkoholfritt,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.alkoholfritt,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.alkoholfritt {
    color: #a3a3a3
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.dessertvin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.dessertvin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.dessertvin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.dessertvin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.dessertvin {
    color: #9bd1c0
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.kryddad_sprit,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.kryddad_sprit,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.kryddad_sprit,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.kryddad_sprit,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.kryddad_sprit {
    color: black
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.likor,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.likor,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.likor,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.likor,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.likor {
    color: #9bb6ee
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.mork_rom,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.mork_rom,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.mork_rom,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.mork_rom,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.mork_rom {
    color: #20478d
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.mousserande_vin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.mousserande_vin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.mousserande_vin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.mousserande_vin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.mousserande_vin {
    color: #dfd0bd
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.rosevin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.rosevin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.rosevin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.rosevin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.rosevin {
    color: #ed917b
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.rott_vin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.rott_vin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.rott_vin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.rott_vin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.rott_vin {
    color: #82153a
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.sherry,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.sherry,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.sherry,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.sherry,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.sherry {
    color: #d69517
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.sott_vitt_vin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.sott_vitt_vin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.sott_vitt_vin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.sott_vitt_vin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.sott_vitt_vin {
    color: #9bd1c0
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.starkvin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.starkvin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.starkvin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.starkvin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.starkvin {
    color: #7a277d
}

body.home div.products>div>div.inner div.image-and-text .product-types .type .dot.vitt_vin,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.vitt_vin,
body.search div.products>div>div.inner div.image-and-text .product-types .type .dot.vitt_vin,
body.single-post div.products>div>div.inner div.image-and-text .product-types .type .dot.vitt_vin,
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type .dot.vitt_vin {
    color: #cacb72
}

body.home div.products>div>div.inner div.image-and-text .product-types .type:nth-of-type(n+2),
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .product-types .type:nth-of-type(n+2),
body.search div.products>div>div.inner div.image-and-text .product-types .type:nth-of-type(n+2),
body.single-post div.products>div>div.inner div.image-and-text .product-types .type:nth-of-type(n+2),
body.single-wwines_products div.products>div>div.inner div.image-and-text .product-types .type:nth-of-type(n+2) {
    margin-left: 95px;
    display: block
}

body.home div.products>div>div.inner div.image-and-text .volume .more-than-one,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .volume .more-than-one,
body.search div.products>div>div.inner div.image-and-text .volume .more-than-one,
body.single-post div.products>div>div.inner div.image-and-text .volume .more-than-one,
body.single-wwines_products div.products>div>div.inner div.image-and-text .volume .more-than-one {
    font-size: 12px;
    font-style: italic
}

body.home div.products>div>div.inner div.image-and-text .read-more a,
body.page-template-archive-wwines_products div.products>div>div.inner div.image-and-text .read-more a,
body.search div.products>div>div.inner div.image-and-text .read-more a,
body.single-post div.products>div>div.inner div.image-and-text .read-more a,
body.single-wwines_products div.products>div>div.inner div.image-and-text .read-more a {
    color: #82153a;
    text-transform: uppercase
}

body.home div.products>div>div.inner div.order-et-cetera,
body.page-template-archive-wwines_products div.products>div>div.inner div.order-et-cetera,
body.search div.products>div>div.inner div.order-et-cetera,
body.single-post div.products>div>div.inner div.order-et-cetera,
body.single-wwines_products div.products>div>div.inner div.order-et-cetera {
    position: absolute;
    bottom: 6%;
    width: 100%;
    text-align: center
}

body.home div.products>div>div.inner div.order-et-cetera input,
body.page-template-archive-wwines_products div.products>div>div.inner div.order-et-cetera input,
body.search div.products>div>div.inner div.order-et-cetera input,
body.single-post div.products>div>div.inner div.order-et-cetera input,
body.single-wwines_products div.products>div>div.inner div.order-et-cetera input {
    float: left;
    margin-left: 28px;
    margin-top: 4px;
    width: 35px
}

/* Fix for changes in systembolagets "api" TODO:refactor into scss files */

body.home div.products>div>div.inner div.order-et-cetera div.order.dropdown,
body.page-template-archive-wwines_products div.products>div>div.inner div.order-et-cetera div.order.dropdown,
body.search div.products>div>div.inner div.order-et-cetera div.order.dropdown,
body.single-post div.products>div>div.inner div.order-et-cetera div.order.dropdown,
body.single-wwines_products div.products>div>div.inner div.order-et-cetera div.order.dropdown {
    float: left;
    margin-left: 23px
}

body.home div.products>div>div.inner div.order-et-cetera div.order.dropdown>button,
body.page-template-archive-wwines_products div.products>div>div.inner div.order-et-cetera div.order.dropdown>button,
body.search div.products>div>div.inner div.order-et-cetera div.order.dropdown>button,
body.single-post div.products>div>div.inner div.order-et-cetera div.order.dropdown>button,
body.single-wwines_products div.products>div>div.inner div.order-et-cetera div.order.dropdown>button {
    background: #5ebf87
}

body.home div.order.dropdown>button,
body.home li#other-volumes>div.dropdown>button,
body.page-template-archive-wwines_products div.order.dropdown>button,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown>button,
body.search div.order.dropdown>button,
body.search li#other-volumes>div.dropdown>button,
body.single-post div.order.dropdown>button,
body.single-post li#other-volumes>div.dropdown>button,
body.single-wwines_products div.order.dropdown>button,
body.single-wwines_products li#other-volumes>div.dropdown>button {
    background: #d1d1d1;
    border: none;
    color: white;
    font-size: 12px;
    height: 39px;
    outline: none;
    width: 184px
}

body.home div.order.dropdown>button>.glyphicon-chevron-down,
body.home li#other-volumes>div.dropdown>button>.glyphicon-chevron-down,
body.page-template-archive-wwines_products div.order.dropdown>button>.glyphicon-chevron-down,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown>button>.glyphicon-chevron-down,
body.search div.order.dropdown>button>.glyphicon-chevron-down,
body.search li#other-volumes>div.dropdown>button>.glyphicon-chevron-down,
body.single-post div.order.dropdown>button>.glyphicon-chevron-down,
body.single-post li#other-volumes>div.dropdown>button>.glyphicon-chevron-down,
body.single-wwines_products div.order.dropdown>button>.glyphicon-chevron-down,
body.single-wwines_products li#other-volumes>div.dropdown>button>.glyphicon-chevron-down {
    position: absolute;
    float: right;
    top: 13px;
    right: 10px
}

body.home div.order.dropdown ul.dropdown-menu,
body.home li#other-volumes>div.dropdown ul.dropdown-menu,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu,
body.search div.order.dropdown ul.dropdown-menu,
body.search li#other-volumes>div.dropdown ul.dropdown-menu,
body.single-post div.order.dropdown ul.dropdown-menu,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu,
body.single-wwines_products div.order.dropdown ul.dropdown-menu,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    padding: 0;
    width: 184px
}

body.home div.order.dropdown ul.dropdown-menu li,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li,
body.search div.order.dropdown ul.dropdown-menu li,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li,
body.single-post div.order.dropdown ul.dropdown-menu li,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li {
    cursor: pointer
}

body.home div.order.dropdown ul.dropdown-menu li>div,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li>div,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li>div,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li>div,
body.search div.order.dropdown ul.dropdown-menu li>div,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li>div,
body.single-post div.order.dropdown ul.dropdown-menu li>div,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li>div,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li>div,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li>div {
    float: left;
    width: 33.33333%;
    font-size: 12px;
    line-height: 35px
}

body.home div.order.dropdown ul.dropdown-menu li:hover,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li:hover,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li:hover,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover,
body.search div.order.dropdown ul.dropdown-menu li:hover,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li:hover,
body.single-post div.order.dropdown ul.dropdown-menu li:hover,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li:hover,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li:hover,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover {
    color: white
}

body.home div.order.dropdown ul.dropdown-menu li:hover .volume,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li:hover .volume,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li:hover .volume,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .volume,
body.search div.order.dropdown ul.dropdown-menu li:hover .volume,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li:hover .volume,
body.single-post div.order.dropdown ul.dropdown-menu li:hover .volume,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li:hover .volume,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li:hover .volume,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .volume {
    background: #4d4d4d
}

body.home div.order.dropdown ul.dropdown-menu li:hover .price,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li:hover .price,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li:hover .price,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .price,
body.search div.order.dropdown ul.dropdown-menu li:hover .price,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li:hover .price,
body.single-post div.order.dropdown ul.dropdown-menu li:hover .price,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li:hover .price,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li:hover .price,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .price {
    background: #4d4d4d
}

body.home div.order.dropdown ul.dropdown-menu li:hover .order,
body.home li#other-volumes>div.dropdown ul.dropdown-menu li:hover .order,
body.page-template-archive-wwines_products div.order.dropdown ul.dropdown-menu li:hover .order,
body.page-template-archive-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .order,
body.search div.order.dropdown ul.dropdown-menu li:hover .order,
body.search li#other-volumes>div.dropdown ul.dropdown-menu li:hover .order,
body.single-post div.order.dropdown ul.dropdown-menu li:hover .order,
body.single-post li#other-volumes>div.dropdown ul.dropdown-menu li:hover .order,
body.single-wwines_products div.order.dropdown ul.dropdown-menu li:hover .order,
body.single-wwines_products li#other-volumes>div.dropdown ul.dropdown-menu li:hover .order {
    background: #5ebf87
}

/* FILE: _products_horizontal_showcase.scss */

body.page div#related-products .wwines_render_related_product,
body.single-post div#related-products .wwines_render_related_product,
body.single-wwines_products div#related-products .wwines_render_related_product {
    float: left;
    width: 20%
}

body.page div#related-products .wwines_render_related_product>a>img,
body.single-post div#related-products .wwines_render_related_product>a>img,
body.single-wwines_products div#related-products .wwines_render_related_product>a>img {
    height: 254px
}

body.page div#related-products .wwines_render_related_product>p,
body.single-post div#related-products .wwines_render_related_product>p,
body.single-wwines_products div#related-products .wwines_render_related_product>p {
    font-size: 13px
}

body.page div#related-products .wwines_render_related_product>p.title,
body.single-post div#related-products .wwines_render_related_product>p.title,
body.single-wwines_products div#related-products .wwines_render_related_product>p.title {
    margin-bottom: 0;
    padding-top: 20px;
    height: 45px
}

body.page div#related-products .wwines_render_related_product>p.title>strong,
body.single-post div#related-products .wwines_render_related_product>p.title>strong,
body.single-wwines_products div#related-products .wwines_render_related_product>p.title>strong {
    font-weight: 500
}

body.page div#related-products .wwines_render_related_product>p.title>strong>a,
body.single-post div#related-products .wwines_render_related_product>p.title>strong>a,
body.single-wwines_products div#related-products .wwines_render_related_product>p.title>strong>a {
    color: black
}

body.page div#related-products .wwines_render_related_product>p.price,
body.single-post div#related-products .wwines_render_related_product>p.price,
body.single-wwines_products div#related-products .wwines_render_related_product>p.price {
    margin-bottom: 5px;
    font-size: 19px
}

body.page div#related-products .wwines_render_related_product .button-wrapper,
body.single-post div#related-products .wwines_render_related_product .button-wrapper,
body.single-wwines_products div#related-products .wwines_render_related_product .button-wrapper {
    margin-top: 10px;
    height: 40px
}

body.page div#related-products .wwines_render_related_product .button-wrapper>div.one,
body.single-post div#related-products .wwines_render_related_product .button-wrapper>div.one,
body.single-wwines_products div#related-products .wwines_render_related_product .button-wrapper>div.one {
    float: left;
    position: relative;
    left: calc(50% - 103px)
}

body.page div#related-products .wwines_render_related_product .button-wrapper>div.one>input,
body.single-post div#related-products .wwines_render_related_product .button-wrapper>div.one>input,
body.single-wwines_products div#related-products .wwines_render_related_product .button-wrapper>div.one>input {
    float: right;
    font-size: 12px;
    height: 25px;
    margin-top: 8px;
    outline: none;
    width: 33px
}

body.page div#related-products .wwines_render_related_product .button-wrapper>div.two,
body.single-post div#related-products .wwines_render_related_product .button-wrapper>div.two,
body.single-wwines_products div#related-products .wwines_render_related_product .button-wrapper>div.two {
    float: left;
    height: 100%;
    left: calc(50% - 89.5px);
    padding-left: 0;
    position: relative
}

body.page div#related-products .wwines_render_related_product .button-wrapper>div.two button,
body.single-post div#related-products .wwines_render_related_product .button-wrapper>div.two button,
body.single-wwines_products div#related-products .wwines_render_related_product .button-wrapper>div.two button {
    color: white;
    background: #5ebf87;
    height: 37px;
    width: 113px;
    outline: none
}

body.page div#related-products .slick-list,
body.single-post div#related-products .slick-list,
body.single-wwines_products div#related-products .slick-list {
    height: 745px;
    margin-bottom: -360px;
    overflow-y: visible;
    z-index: 1
}

body.page div#related-products .slick-slide:focus,
body.single-post div#related-products .slick-slide:focus,
body.single-wwines_products div#related-products .slick-slide:focus {
    outline: none
}

body.page div#related-products>button.slick-arrow,
body.single-post div#related-products>button.slick-arrow,
body.single-wwines_products div#related-products>button.slick-arrow {
    z-index: 2
}

body.page div#related-products>button.slick-arrow:before,
body.single-post div#related-products>button.slick-arrow:before,
body.single-wwines_products div#related-products>button.slick-arrow:before {
    color: #5a5a5a
}

body.page div#related-products>button.slick-prev,
body.single-post div#related-products>button.slick-prev,
body.single-wwines_products div#related-products>button.slick-prev {
    left: 25px
}

body.page div#related-products>button.slick-next,
body.single-post div#related-products>button.slick-next,
body.single-wwines_products div#related-products>button.slick-next {
    right: 25px
}

@media (max-width: 767px) {
    body.page div#related-products .wwines_render_related_product>img,
    body.single-post div#related-products .wwines_render_related_product>img,
    body.single-wwines_products div#related-products .wwines_render_related_product>img {
        height: 139px
    }
    body.page div#related-products .wwines_render_related_product>p.title,
    body.single-post div#related-products .wwines_render_related_product>p.title,
    body.single-wwines_products div#related-products .wwines_render_related_product>p.title {
        font-size: 11px;
        padding-top: 10px
    }
    body.page div#related-products .wwines_render_related_product>p.title-producer,
    body.single-post div#related-products .wwines_render_related_product>p.title-producer,
    body.single-wwines_products div#related-products .wwines_render_related_product>p.title-producer {
        display: none
    }
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two {
        padding-right: 0;
        text-align: center;
        width: 100%;
        left: 0
    }
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button {
        font-size: 10px;
        width: 81px;
        height: 27px
    }
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button .glyphicon,
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button div#related-products>button.slick-arrow:before,
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.single-post div#related-products>button.slick-arrow:before,
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.single-wwines_products div#related-products>button.slick-arrow:before,
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.home body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.page-template-archive-wwines_products main span.loading-icon,
    body.page-template-archive-wwines_products main body.page div#related-products .wwines_render_related_product div.button-wrapper>div.two button span.loading-icon,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button .glyphicon,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.page div#related-products>button.slick-arrow:before,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button div#related-products>button.slick-arrow:before,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.single-wwines_products div#related-products>button.slick-arrow:before,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.home body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.page-template-archive-wwines_products main span.loading-icon,
    body.page-template-archive-wwines_products main body.single-post div#related-products .wwines_render_related_product div.button-wrapper>div.two button span.loading-icon,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button .glyphicon,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.page div#related-products>button.slick-arrow:before,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.single-post div#related-products>button.slick-arrow:before,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button div#related-products>button.slick-arrow:before,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.home body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button body.page-template-archive-wwines_products main span.loading-icon,
    body.page-template-archive-wwines_products main body.single-wwines_products div#related-products .wwines_render_related_product div.button-wrapper>div.two button span.loading-icon {
        right: -5px
    }
    body.page div#related-products .slick-list,
    body.single-post div#related-products .slick-list,
    body.single-wwines_products div#related-products .slick-list {
        height: 740px;
        margin-bottom: -340px
    }
    body.page div#related-products>button.slick-prev,
    body.single-post div#related-products>button.slick-prev,
    body.single-wwines_products div#related-products>button.slick-prev {
        left: 0
    }
    body.page div#related-products>button.slick-next,
    body.single-post div#related-products>button.slick-next,
    body.single-wwines_products div#related-products>button.slick-next {
        right: 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.page div#related-products .slick-list,
    body.single-post div#related-products .slick-list,
    body.single-wwines_products div#related-products .slick-list {
        height: 800px
    }
}

@media (min-width: 992px) {
    body.page div#related-products .wwines_render_related_product:last-of-type ul.dropdown-menu,
    body.single-post div#related-products .wwines_render_related_product:last-of-type ul.dropdown-menu,
    body.single-wwines_products div#related-products .wwines_render_related_product:last-of-type ul.dropdown-menu {
        left: -71px
    }
}

/* FILE: _footer.scss */

footer {
    padding-bottom: 130px;
    background: black;
    color: white;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto'
}

footer .container {
    max-width: 300px
}

@media (min-width: 992px) {
    footer .container {
        max-width: 100%
    }
}

footer div#contact-et-cetera {
    margin-top: 91px
}

@media (min-width: 1200px) {
    footer div#contact-et-cetera>div:first-child {
        padding-left: 0
    }
    footer div#contact-et-cetera>div:last-child {
        padding-right: 0
    }
}

@media (max-width: 480px) {
    footer div#contact-et-cetera {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    footer div#contact-et-cetera {
        max-width: 310px;
        margin: auto
    }
}

footer h1 {
    margin-bottom: 3.25rem;
    font-size: 2.5rem;
    font-weight: normal;
    font-family: 'Trocchi'
}

footer #contact {
    text-align: center
}

@media (min-width: 768px) {
    footer #contact {
        text-align: left
    }
}

footer div#contact hr {
    max-width: 350px;
    width: 80%;
    margin: 0 auto;
    height: 2px;
    background: #5ebf87
}

@media (min-width: 992px) {
    footer div#contact hr {
        margin: 1.625rem 0;
        width: 75%
    }
}

@media (min-width: 1200px) {
    footer #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item {
        width: 33.333%;
        padding: 1px !important
    }
}

footer div.wpcf7-mail-sent-ok {
    border: none !important
}

footer div.wpcf7-mail-sent-ng {
    border: none !important
}

@media (min-width: 1200px) {
    footer .sbi_photo_wrap a {
        height: 110px !important
    }
    footer #sbi_images {
        margin-left: -4px
    }
}

footer div#inspirera-mig {
    padding-top: 0em;
    text-align: center
}

.invalid-feedback { 
	display: none; 
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

.is-invalid .invalid-feedback,
.is-invalid ~ .invalid-feedback { 
	display: block; 
}

footer div#inspirera-mig .form-group {
	margin-bottom: 1.5rem;
}

footer div#inspirera-mig label {
	font-weight: 400;
}

footer div#inspirera-mig input[type='email'] {
    margin-bottom: 15px;
    padding: 11px 12px;
    height: auto;
	text-align: center;
	width: 100%;
}

footer div#inspirera-mig input[type='checkbox'] {
	display: inline;
	height: auto;
	margin: 0 5px 0 0;
	width: auto;
}

footer div#inspirera-mig .gdpr-link {
	margin: 10px 0 15px;
}

footer div#inspirera-mig input[type="submit"] {
    background-color: #5ebf87;
    font-size: 17px;
    padding: 13px 12px;
    outline: none;
    text-transform: uppercase;
    width: 100%;
}

footer div#inspirera-mig input[type="submit"]:active,
footer div#inspirera-mig input[type="submit"]:focus,
footer div#inspirera-mig input[type="submit"]:hover {
    color: white
}

.form-message {
	background: #131313;
	border-radius: .4rem;
	color: #fff;
	display: none;
	font-size: 14px;
	margin-top: 2rem;
	padding: 1.2rem 1.5rem;
}

.form-message p {
	margin: 0 !important;
}

form.has-error .form-subscribe-error,
form.sent .form-subscribe-success {
	display: block;
}

@media (min-width: 768px) {
    footer div#inspirera-mig {
        padding-top: 0em;
        text-align: left
    }
}

footer div#instagram>div:not(:first-of-type) {
    margin-top: 7px
}

footer div#instagram>div a {
    display: inline-block
}

footer div#instagram>div a:not(:last-child) {
    margin-right: 3px
}

footer #instagram {
    text-align: center
}

@media (min-width: 1200px) {
    footer #instagram {
        padding-left: 9%
    }
}

footer div#social-media {
    margin-top: 133px;
    font-size: 1.75rem;
    font-family: 'Trocchi'
}

@media (max-width: 768px) {
    footer div#social-media {
        margin-top: 30px
    }
}

footer div#social-media #icons {
    margin-top: 17.5px;
    display: table;
    margin-left: auto;
    margin-right: auto
}

footer div#social-media #icons>a {
    display: inline-block
}

footer div#social-media #icons>a:first-child {
    margin-right: 11px
}

footer div#info {
    margin-top: 63px;
    font-size: 12px
}

footer div#info p {
    line-height: 2
}

.footer-triangle-bar {
    background-image: url("graphics/bar-black.png");
    height: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    background-repeat: repeat-x;
    background-position: right
}

/* FILE: _index.scss */

body.blog #news-categories,
body.blog #news-page-categories,
body.blog #search-page-categories {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    padding-top: 32px;
    padding-bottom: 60px
}

body.blog #news-categories>a,
body.blog #news-categories li,
body.blog #news-categories li a,
body.blog #news-page-categories>a,
body.blog #news-page-categories li,
body.blog #news-page-categories li a,
body.blog #search-page-categories>a,
body.blog #search-page-categories li,
body.blog #search-page-categories li a {
    margin-right: 20px;
    padding: 0 5px 5px 5px;
    text-decoration: none;
    color: black
}

body.blog #news-categories>a:last-child,
body.blog #news-categories li:last-child,
body.blog #news-categories li a:last-child,
body.blog #news-page-categories>a:last-child,
body.blog #news-page-categories li:last-child,
body.blog #news-page-categories li a:last-child,
body.blog #search-page-categories>a:last-child,
body.blog #search-page-categories li:last-child,
body.blog #search-page-categories li a:last-child {
    margin-right: 0
}

body.blog #news-categories>a.active,
body.blog #news-categories>a:hover,
body.blog #news-categories li.active,
body.blog #news-categories li:hover,
body.blog #news-categories li a.active,
body.blog #news-categories li a:hover,
body.blog #news-page-categories>a.active,
body.blog #news-page-categories>a:hover,
body.blog #news-page-categories li.active,
body.blog #news-page-categories li:hover,
body.blog #news-page-categories li a.active,
body.blog #news-page-categories li a:hover,
body.blog #search-page-categories>a.active,
body.blog #search-page-categories>a:hover,
body.blog #search-page-categories li.active,
body.blog #search-page-categories li:hover,
body.blog #search-page-categories li a.active,
body.blog #search-page-categories li a:hover {
    border-bottom: 2px solid #5ebf87;
    cursor: pointer
}

body.blog #news-categories li,
body.blog #news-page-categories li,
body.blog #search-page-categories li {
    display: inline;
    list-style: none
}

body.blog #news-categories li a,
body.blog #news-page-categories li a,
body.blog #search-page-categories li a {
    color: black;
    text-decoration: none
}

body.blog #news-page-categories {
    line-height: 30px
}

body.blog section#news,
body.blog #categories-page {
    padding-top: 0px;
    background: url("graphics/handmadepaper.png")
}

body.blog section#news .wwines-container-xl,
body.blog #categories-page .wwines-container-xl {
    padding-bottom: 10px
}

body.blog section#news h1,
body.blog #categories-page h1 {
    font-family: 'Trocchi';
    color: #2b2b2b;
    padding-top: 35px
}

body.blog section#news #container-3,
body.blog #categories-page #container-3 {
    margin-top: 68px
}

body.blog section#news .post,
body.blog #categories-page .post {
    display: inline-block;
    position: relative;
    margin-bottom: 60px
}

body.blog section#news .post img,
body.blog #categories-page .post img {
    width: 100%;
    height: auto
}

body.blog section#news .post div.hover-on-top,
body.blog #categories-page .post div.hover-on-top {
    display: none;
    position: absolute;
    width: 300px;
    height: 100%;
    background: black;
    opacity: 0.75
}

body.blog section#news .post div.hover-on-top-text,
body.blog #categories-page .post div.hover-on-top-text {
    display: none;
    position: absolute;
    color: white;
    width: 300px;
    height: 264px;
    font-family: 'Roboto';
    text-align: center
}

body.blog section#news .post div.hover-on-top-text>span,
body.blog #categories-page .post div.hover-on-top-text>span {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

body.blog section#news .post:hover div.hover-on-top,
body.blog section#news .post:hover div.hover-on-top-text,
body.blog #categories-page .post:hover div.hover-on-top,
body.blog #categories-page .post:hover div.hover-on-top-text {
    display: block
}

body.blog section#news .post .inner,
body.blog #categories-page .post .inner {
    height: 240px;
    width: 100%;
    background: white;
    padding: 15px 22px 0 22px;
    font-family: 'Roboto';
    text-align: left
}

body.blog section#news .post .inner .content,
body.blog #categories-page .post .inner .content {
    height: 154px;
    overflow-y: hidden;
    position: relative;
    display: inline-block
}

body.blog section#news .post .inner .content .title,
body.blog #categories-page .post .inner .content .title {
    font-size: 18px;
    color: #7f183d
}

body.blog section#news .post .inner .content>.date-wrapper,
body.blog #categories-page .post .inner .content>.date-wrapper {
    font-size: 11px;
    padding-top: 10px;
    width: 100%;
    height: 40px
}

body.blog section#news .post .inner .content>.date-wrapper .date,
body.blog #categories-page .post .inner .content>.date-wrapper .date {
    float: left;
    width: 31%;
    color: #636363
}

body.blog section#news .post .inner .content>.date-wrapper .line,
body.blog #categories-page .post .inner .content>.date-wrapper .line {
    float: left;
    width: 7%;
    color: #636363;
    list-style: none
}

body.blog section#news .post .inner .content>.date-wrapper ul,
body.blog #categories-page .post .inner .content>.date-wrapper ul {
    width: 100%;
    height: 40px;
    padding-left: 84px
}

body.blog section#news .post .inner .content>.date-wrapper ul li,
body.blog #categories-page .post .inner .content>.date-wrapper ul li {
    list-style: none
}

body.blog section#news .post .inner .content>.date-wrapper ul li a,
body.blog #categories-page .post .inner .content>.date-wrapper ul li a {
    float: left;
    padding-right: 5px;
    color: #7f183d;
    text-transform: uppercase
}

body.blog section#news .post .inner .content .text-wrapper,
body.blog #categories-page .post .inner .content .text-wrapper {
    height: 75px
}

body.blog section#news .post .inner .content .text-wrapper:after,
body.blog #categories-page .post .inner .content .text-wrapper:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    content: '';
    box-shadow: inset 0 -52px 26px -26px rgba(255, 255, 255, 0.9)
}

body.blog section#news .post .inner .content .text-wrapper>p,
body.blog #categories-page .post .inner .content .text-wrapper>p {
    font-size: 14px;
    line-height: 1.8;
    height: 100%;
    margin: 0
}

body.blog section#news .post .inner .link-wrapper p,
body.blog section#news .post .inner .link-wrapper a,
body.blog #categories-page .post .inner .link-wrapper p,
body.blog #categories-page .post .inner .link-wrapper a {
    color: #7f183d;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    width: 100%
}

body.blog section#news .post .inner .link-wrapper p>a,
body.blog section#news .post .inner .link-wrapper a>a,
body.blog #categories-page .post .inner .link-wrapper p>a,
body.blog #categories-page .post .inner .link-wrapper a>a {
    text-decoration: none
}

body.blog section#news #button-wrapper,
body.blog #categories-page #button-wrapper {
    padding: 26px 0 35px 0
}

body.blog section#news #button-wrapper button,
body.blog #categories-page #button-wrapper button {
    width: 150px;
    height: 37px;
    background-color: #5ebf87;
    font-size: 14px;
    color: white
}

body.blog section#news #load-more-button,
body.blog #categories-page #load-more-button {
    background-color: #5ebf87;
    color: white;
    border: none;
    outline: none;
    margin-bottom: 60px
}

body.blog section#news .no-posts-message,
body.blog #categories-page .no-posts-message {
    font-family: 'Trocchi'
}

/* FILE: _front_page.scss */

body.home #slide-img {
    height: auto;
    width: 100%
}

@media (max-width: 767px) {
    body.home .mobile-section-separator {
        background-repeat: repeat-x;
        background-image: url("graphics/arrow_updown_w_9x21.jpg");
        width: 100%;
        height: 70px
    }
}

body.home section#lat-dig-inspireras {
    background: white;
    display: inline-block
}

@media (min-width: 1200px) {
    body.home section#lat-dig-inspireras {
        display: block
    }
}

body.home section#lat-dig-inspireras h1 {
    color: #2b2b2b;
    font-family: 'Trocchi';
    margin: 0px 0 0px 0;
    padding-bottom: 35px;
    padding-top: 35px
}

body.home section#lat-dig-inspireras>#inner {
    padding-bottom: 10px;
    max-width: 1200px
}

body.home section#lat-dig-inspireras>#inner>div.row {
    padding: 6px 6px;
    margin-left: 8px
}

body.home section#lat-dig-inspireras>#inner>div.row>div {
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px
}

body.home section#lat-dig-inspireras>#inner>div.row>div>img {
    width: 100%;
    height: auto
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper {
    display: none;
    height: 320px;
    background: url("graphics/handmadepaper.png")
}

@media (min-width: 992px) {
    body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper {
        display: block
    }
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content {
    color: #393939;
    font-family: 'Roboto';
    margin: 0 auto 0 auto;
    padding: 2% 0 0 0;
    width: 90%
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content .icon-wrapper {
    padding-top: 11px
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content .icon-wrapper #flaskor-ikon {
    width: 157%;
    margin-top: -28.5%;
    margin-left: -28.5%
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content>h2 {
    font-weight: 300;
    margin-top: 25px
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content>.bread {
    padding: 4% 0 11% 0
}

body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content a>.lat-dig-inspireras-button {
    background: #5ebf87;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 60px;
    outline: none;
    width: 100%
}

@media (min-width: 992px) {
    body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content a>.lat-dig-inspireras-button {
        width: 200px;
        height: 45px;
        font-size: 15px
    }
}

@media (min-width: 1200px) {
    body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content a>.lat-dig-inspireras-button {
        width: 200px;
        height: 45px;
        font-size: 15px
    }
}

@media (min-width: 1690px) {
    body.home section#lat-dig-inspireras>#inner>div.row>div .wrapper>.content a>.lat-dig-inspireras-button {
        width: 235px
    }
}

body.home form>section.search-small,
body.home form>section.search-large {
    display: block;
    max-height: 485px;
    overflow: hidden;
    position: relative
}

body.home form>section.search-small>img,
body.home form>section.search-large>img {
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    body.home form>section.search-small>img,
    body.home form>section.search-large>img {
        min-height: 260px;
        min-width: 856px
    }
}

body.home form>section.search-small>div,
body.home form>section.search-large>div {
    position: absolute;
    top: calc(50% - 95px);
    width: 100%;
    text-align: center;
    font-family: 'Roboto';
    color: white
}

@media (max-width: 991px) {
    body.home form>section.search-small>div,
    body.home form>section.search-large>div {
        top: 20%
    }
}

body.home form>section.search-small>div h1,
body.home form>section.search-large>div h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'Trocchi';
    text-shadow: 0 0 8px black
}

body.home form>section.search-small>div input,
body.home form>section.search-large>div input {
    font-size: 17px;
    height: 70px;
    margin-bottom: 20px;
    width: 635px
}

body.home form>section.search-small>div input::-moz-placeholder,
body.home form>section.search-large>div input::-moz-placeholder {
    font-style: italic
}

body.home form>section.search-small>div input:-moz-placeholder,
body.home form>section.search-large>div input:-moz-placeholder {
    font-style: italic
}

body.home form>section.search-small>div input:-ms-input-placeholder,
body.home form>section.search-large>div input:-ms-input-placeholder {
    font-style: italic
}

body.home form>section.search-small>div input::-webkit-input-placeholder,
body.home form>section.search-large>div input::-webkit-input-placeholder {
    font-style: italic
}

body.home form>section.search-small>div input:focus,
body.home form>section.search-large>div input:focus {
    outline: none
}

@media (max-width: 1200px) {
    body.home form>section.search-small>div input,
    body.home form>section.search-large>div input {
        width: 87%;
        height: 42px;
        max-width: 500px
    }
}

@media (max-width: 1199px) {
    body.home form>section.search-small>div input,
    body.home form>section.search-large>div input {
        margin-bottom: 10px
    }
}

body.home form>section.search-small>div button,
body.home form>section.search-large>div button {
    width: 150px;
    height: 50px;
    background-color: #5ebf87;
    color: white;
    font-size: 17px;
    outline: none
}

body.home form>section.search-small>div button:active,
body.home form>section.search-small>div button:focus,
body.home form>section.search-small>div button:hover,
body.home form>section.search-large>div button:active,
body.home form>section.search-large>div button:focus,
body.home form>section.search-large>div button:hover {
    color: white
}

@media (max-width: 1200px) {
    body.home form>section.search-small>div button,
    body.home form>section.search-large>div button {
        height: 35px;
        width: 87%;
        max-width: 500px
    }
}

body.home section#veckans-topplista {
    display: inline-block;
    width: 100%;
    background: white
}

body.home section#veckans-topplista>h1 {
    color: #2b2b2b;
    font-family: 'Trocchi';
    font-size: 27px;
    margin: 66px 0 75px 0
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>h1 {
        font-size: 36px
    }
}

body.home section#veckans-topplista>div.inner {
    margin-bottom: 70px
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .image-wrapper {
    height: 290px;
    width: 100%
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .image-wrapper img {
    margin: auto;
    width: 80px
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .image-wrapper img {
        width: 112px
    }
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .image-wrapper {
        height: 420px
    }
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .text-wrapper {
    height: 40px;
    line-height: 115%
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .name {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    padding: 0
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .name a {
    color: black
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .line {
    background: #d0d0d0;
    width: 65px;
    height: 1px
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .line {
        width: 124px
    }
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .the-price {
    font-family: 'Roboto';
    font-size: 16px;
    padding-top: 12px
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .the-price {
        font-size: 23px
    }
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista .link-wrapper {
        text-align: center
    }
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista a.link {
    color: #7f183d;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista>button {
    background-color: #5ebf87;
    color: white;
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    text-align: center;
    width: 81px
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista>button {
        width: 132px;
        font-size: 14px
    }
}

body.home section#veckans-topplista>div.inner .slick-slide:focus {
    outline: none
}

body.home section#veckans-topplista>div.inner>button.slick-arrow {
    z-index: 2
}

body.home section#veckans-topplista>div.inner>button.slick-arrow:before {
    color: #5a5a5a
}

body.home section#veckans-topplista>div.inner>button.slick-prev {
    left: 25px
}

body.home section#veckans-topplista>div.inner>button.slick-next {
    right: 25px
}

@media (max-width: 767px) {
    body.home section#veckans-topplista>div.inner>button.slick-prev {
        left: 0
    }
    body.home section#veckans-topplista>div.inner>button.slick-next {
        right: 0
    }
}

body.home .dropdown {
    text-align: center
}

body.home section#news {
    background: url("graphics/handmadepaper.png")
}

body.home section#news .news-container {
    background: white
}

@media (min-width: 768px) {
    body.home section#news .news-container {
        background: none
    }
}

body.home section#news .news-container h1 {
    font-size: 27px
}

@media (min-width: 768px) {
    body.home section#news .news-container h1 {
        font-size: 36px
    }
}

body.home section#news h1 {
    font-family: 'Trocchi';
    color: #2b2b2b;
    padding-top: 35px
}

body.home section#news #news-categories {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    line-height: 180%;
    padding-bottom: 60px;
    padding-top: 32px;
    word-spacing: -17px
}

body.home section#news #news-categories>a {
    margin-right: 20px;
    padding: 0 5px 5px 5px;
    text-decoration: none;
    color: black
}

body.home section#news #news-categories>a:last-child {
    margin-right: 0
}

body.home section#news #news-categories>a.active,
body.home section#news #news-categories>a:hover {
    border-bottom: 2px solid #5ebf87
}

@media (min-width: 768px) {
    body.home section#news #news-categories {
        word-spacing: 0px;
        font-size: 12px
    }
}

@media (min-width: 992px) {
    body.home section#news #news-categories {
        font-size: 15px
    }
}

body.home section#news #container-3 {
    margin-top: 68px
}

body.home section#news .twenty-parts-2 {
    height: 504px
}

body.home section#news .single-news-container {
    padding: 0;
    padding: 0;
    background: white;
    border-bottom: 1px solid gray;
    padding-bottom: 18px;
    padding-top: 18px;
    margin-bottom: 0px;
    position: relative
}

@media (min-width: 767px) {
    body.home section#news .single-news-container {
        background: none;
        border-bottom: none;
        padding: 3px
    }
}

body.home section#news .single-news-container div.hover-on-top {
    display: none;
    background: black;
    height: 100%;
    opacity: 0.75;
    position: absolute;
    width: 300px
}

body.home section#news .single-news-container div.hover-on-top-text {
    display: none;
    color: white;
    font-family: 'Roboto';
    height: 264px;
    position: absolute;
    text-align: center;
    width: 300px
}

body.home section#news .single-news-container div.hover-on-top-text>span {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

body.home section#news .single-news-container:hover div.hover-on-top,
body.home section#news .single-news-container:hover div.hover-on-top-text {
    display: block
}

body.home section#news .single-news-container img {
    width: 100%
}

@media (min-width: 1200px) {
    body.home section#news .single-news-container img {
        width: 270px
    }
}

body.home section#news .single-news-container .nyhetsbild-container {
    width: 50%;
    display: inline-block;
    float: left
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .nyhetsbild-container {
        width: 100%
    }
}

body.home section#news .single-news-container .inner {
    background: white;
    display: inline-block;
    font-family: 'Roboto';
    height: auto;
    padding: 0px 0px 0px 3%;
    width: 100%;
    width: 50% !important
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner {
        padding: 25px 22px 0 22px;
        text-align: left;
        width: 100% !important
    }
}

@media (min-width: 1200px) {
    body.home section#news .single-news-container .inner {
        width: 270px !important;
        height: 240px
    }
}

body.home section#news .single-news-container .inner .content {
    display: inline-block;
    height: auto;
    overflow-y: hidden;
    position: relative
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .content {
        height: 146px
    }
}

body.home section#news .single-news-container .inner .content .title {
    font-size: 15px;
    color: #7f183d
}

@media (min-width: 992px) {
    body.home section#news .single-news-container .inner .content .title {
        font-size: 18px
    }
}

@media (min-width: 600px) {
    body.home section#news .single-news-container .inner .content .title {
        font-size: 18px
    }
}

body.home section#news .single-news-container .inner .content>.date-wrapper {
    font-size: 8px;
    padding-top: 10px;
    width: 100%;
    height: 21px
}

@media (min-width: 400px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper {
        font-size: 10px
    }
}

@media (min-width: 600px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper {
        font-size: 13px
    }
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper {
        font-size: 8px;
        padding-top: 10px;
        width: 100%;
        height: 21px
    }
}

@media (min-width: 992px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper {
        font-size: 9px
    }
}

@media (min-width: 1200px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper {
        font-size: 11px
    }
}

body.home section#news .single-news-container .inner .content>.date-wrapper ul {
    padding-left: 65px
}

@media (min-width: 400px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper ul {
        padding-left: 80px
    }
}

@media (min-width: 600px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper ul {
        padding-left: 140px
    }
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper ul {
        padding-left: 84px;
        width: 100%;
        height: 40px
    }
}

body.home section#news .single-news-container .inner .content>.date-wrapper .date {
    float: left;
    width: 28%;
    color: #636363
}

@media (min-width: 600px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper .date {
        width: 30%
    }
}

@media (min-width: 992px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper .date {
        width: 28%
    }
}

body.home section#news .single-news-container .inner .content>.date-wrapper .line {
    color: #636363;
    float: left;
    list-style: none;
    width: 7%
}

body.home section#news .single-news-container .inner .content>.date-wrapper ul {
    padding-left: 79px;
    width: 100%;
    height: 40px
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .content>.date-wrapper ul {
        padding-left: 55px
    }
}

body.home section#news .single-news-container .inner .content>.date-wrapper ul li {
    list-style: none
}

body.home section#news .single-news-container .inner .content>.date-wrapper ul li a {
    color: #7f183d;
    float: left;
    padding-right: 5px;
    text-transform: uppercase
}

body.home section#news .single-news-container .inner .content .text-wrapper {
    height: 75px
}

@media (max-width: 767px) {
    body.home section#news .single-news-container .inner .content .text-wrapper {
        display: none
    }
}

body.home section#news .single-news-container .inner .content .text-wrapper:after {
    bottom: 0;
    content: '';
    display: block;
    height: 40%;
    position: absolute;
    width: 100%;
    box-shadow: inset 0 -52px 26px -26px rgba(255, 255, 255, 0.9)
}

body.home section#news .single-news-container .inner .content .text-wrapper>p {
    font-size: 14px;
    height: 100%;
    line-height: 1.8;
    margin: 0;
    padding-top: 14px
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .link-wrapper {
        text-align: center
    }
}

body.home section#news .single-news-container .inner .link-wrapper p,
body.home section#news .single-news-container .inner .link-wrapper a {
    color: #7f183d;
    font-size: 10px;
    font-weight: 500;
    width: 100%;
    height: 100%
}

body.home section#news .single-news-container .inner .link-wrapper p>a,
body.home section#news .single-news-container .inner .link-wrapper a>a {
    text-decoration: none
}

@media (min-width: 400px) {
    body.home section#news .single-news-container .inner .link-wrapper p,
    body.home section#news .single-news-container .inner .link-wrapper a {
        font-size: 12px
    }
}

@media (min-width: 768px) {
    body.home section#news .single-news-container .inner .link-wrapper p,
    body.home section#news .single-news-container .inner .link-wrapper a {
        text-align: center;
        font-size: 10px
    }
}

@media (min-width: 992px) {
    body.home section#news .single-news-container .inner .link-wrapper p,
    body.home section#news .single-news-container .inner .link-wrapper a {
        text-align: center;
        font-size: 12px
    }
}

@media (min-width: 1200px) {
    body.home section#news .single-news-container:nth-child(n+5) {
        margin-top: 17px
    }
}

body.home section#news #button-wrapper {
    background: white;
    padding: 26px 0 36px 0
}

@media (min-width: 768px) {
    body.home section#news #button-wrapper {
        background: none
    }
}

body.home section#news #button-wrapper a {
    text-decoration: none;
    color: white;
    font-size: 14px
}

body.home section#news #button-wrapper a button {
    width: 150px;
    height: 37px;
    outline: none;
    background-color: #5ebf87
}

body.home section#manadens-favoriter {
    display: block;
    background: white
}

body.home section#manadens-favoriter .producer-title {
    color: #555
}

body.home section#manadens-favoriter h1 {
    font-family: 'Trocchi';
    color: #2b2b2b;
    padding: 25px 0 0 0;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    body.home section#manadens-favoriter h1 {
        font-size: 26px
    }
}

body.home section#manadens-favoriter div.image-and-text {
    top: 42.5%
}

body.home section#manadens-favoriter #wine-categories {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 60px;
    padding-top: 20px;
    word-spacing: -12px
}

@media (min-width: 768px) {
    body.home section#manadens-favoriter #wine-categories {
        font-size: 14px
    }
}

body.home section#manadens-favoriter #wine-categories>div {
    color: black;
    display: inline-block;
    margin-right: 20px;
    text-decoration: none
}

body.home section#manadens-favoriter #wine-categories>div:last-child {
    margin-right: 0
}

body.home section#manadens-favoriter .fifths-1>div {
    border-color: #e5e5e5;
    border-width: 1px;
    border: solid;
    height: 100%;
    margin: 6px
}

body.home section#manadens-favoriter .fifths-1>div img {
    width: 20px
}

@media (min-width: 768px) {
    body.home section#manadens-favoriter .fifths-1>div {
        height: 300px
    }
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1 {
    height: 80%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-1>.img {
    margin-top: 47px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 {
    font-family: 'Roboto'
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.content-width {
    width: 90%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.name {
    margin-top: 56px;
    font-size: 13.5px;
    font-weight: 500
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.name a {
    color: black
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.price {
    font-size: 24px;
    font-weight: 500;
    padding-top: 2px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper {
    font-size: 12px;
    padding-top: 3px;
    width: 59%;
    height: 20px
}

@media (min-width: 992px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper {
        width: 76%
    }
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.category {
    float: left;
    width: 19.5%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper {
    float: right;
    width: 80.5%;
    height: 100%
}

@media (min-width: 768px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper {
        width: 69.5%
    }
}

@media (min-width: 992px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper {
        width: 79.5%
    }
}

@media (min-width: 1200px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper {
        width: 64.5%
    }
}

@media (min-width: 1690px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper {
        width: 77.5%
    }
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper {
    float: left;
    width: 7px;
    height: 100%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper>.circle {
    background: green;
    border-radius: 50%;
    float: left;
    margin-top: 5px;
    width: 6px;
    height: 6px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper .red-wine {
    background: #82153a
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper .rose-wine {
    background: #ed917b
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper .sparkling-wine {
    background: #dfd0bd
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper>.circle-wrapper .white-wine {
    background: #cacb72
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper .text-wrapper {
    float: right;
    width: 96px
}

@media (min-width: 768px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper .text-wrapper {
        width: 59px
    }
}

@media (min-width: 1200px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper .text-wrapper {
        width: 83%
    }
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3>.category-wrapper>.wrapper .text-wrapper>.category-name {
    float: left
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .volume-wrapper {
    font-size: 12px;
    padding-top: 8px;
    width: 84px;
    height: 20px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .volume-wrapper .volume {
    width: 47%;
    float: left
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .volume-wrapper .volume-number {
    width: 53%;
    float: right
}

@media (min-width: 992px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .volume-wrapper .volume-number {
        width: 53%
    }
}

@media (min-width: 1690px) {
    body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .volume-wrapper .volume-number {
        width: 53%
    }
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .read-more {
    padding-top: 5px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-1>.fourths-3 .link {
    color: #7f183d;
    font-size: 12px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2 {
    height: 20%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-1 {
    width: 24%;
    height: 100%
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-1 div {
    display: inline-block;
    width: 60%;
    padding-top: 8px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-1 div .star-icon {
    float: left
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-1 div .bottles-icon {
    float: right;
    padding-top: 2px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-1 input {
    font-size: 10px;
    margin-top: 8px;
    outline: none;
    text-align: center;
    width: 37px;
    height: 24px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown {
    width: 184px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown button {
    background-color: #5ebf87;
    border: none;
    color: white;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    outline: none;
    width: 184px;
    height: 37px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    padding: 0;
    width: 184px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a {
    text-decoration: none;
    color: black
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a .thirds-1 {
    line-height: 35px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a #size,
body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a #price {
    font-size: 12px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a #order {
    border-left: solid 1px #e5e5e5;
    font-size: 11px
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a:hover {
    color: white
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a:hover #order {
    background: #5ebf87
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a:hover #price {
    background: #4d4d4d
}

body.home section#manadens-favoriter .fifths-1>div>div.part-2>.fourths-3 div.dropdown ul.dropdown-menu a:hover #size {
    background: #4d4d4d
}

body.home div.news-letter section.bli-var-van {
    overflow: hidden;
    padding-bottom: 0;
    position: relative
}

body.home div.news-letter section.bli-var-van div.frame {
    padding-left: 6%;
    padding-right: 6%;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 432px;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

body.home div.news-letter section.bli-var-van div.frame>div {
    background: white;
    margin: 0 auto 0 auto;
    width: 100%;
    height: 432px
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div {
        width: 100%;
        max-width: 1100px
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .frame-content {
    height: 100%;
    width: 100%
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div .frame-content {
        width: 48.9%
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text {
    float: left
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text .news-letter-icon {
    margin-top: 10px
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text {
        margin-top: 0px
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.title {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    padding-top: 20px
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.title {
        padding-left: 20%;
        padding-right: 20%
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.bread {
    font-family: 'Roboto';
    font-size: 14px;
    padding: 4px 0px 0 0px;
    text-decoration: underline
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.bread {
        padding: 0 20px 0 20px;
        text-align: center;
        text-decoration: none
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text #contact-container {
    padding-left: 8%;
    padding-right: 8%
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.dotts {
    padding-top: 5px;
    font-size: 14px;
    font-family: 'Roboto'
}

@media (min-width: 992px) {
    body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.dotts {
        padding-top: 0
    }
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.dotts a {
    color: black
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text p.dotts a:hover {
    text-decoration: none
}

body.home div.news-letter section.bli-var-van div.frame>div .news-letter-text .link {
    color: black;
    font-family: 'Roboto';
    font-size: 14px;
    padding-top: 17px;
    text-decoration: underline
}

body.home div.news-letter section.bli-var-van div.frame>div img#dotted-line {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field {
    float: right;
    padding: 0 55px
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field p.title {
    font-family: 'Roboto';
    font-weight: 300;
    padding-top: 110px
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group {
    margin-bottom: 22px
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field {
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    -webkit-box-shadow: inset 0px 1px 26px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 1px 26px -12px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 1px 26px -12px rgba(0, 0, 0, 0.75)
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field::-moz-placeholder {
    font-style: italic
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field:-moz-placeholder {
    font-style: italic
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field:-ms-input-placeholder {
    font-style: italic
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field::-webkit-input-placeholder {
    font-style: italic
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .field:focus {
    outline: none
}

body.home div.news-letter section.bli-var-van div.frame>div #news-letter-field .form-group .form-control {
    height: 42px
}

body.home div.news-letter section.bli-var-van div.frame>div button {
    background-color: #5ebf87;
    color: white;
    font-size: 16px;
    width: 100%;
    height: 45px
}

body.home .news-letter-image {
    display: none;
    width: 100%
}

@media (min-width: 1200px) {
    body.home .news-letter-image {
        display: block;
        width: 100%
    }
}

body.home .news-letter-image-all-devices {
    background: url(graphics/citronerna.jpg) no-repeat center;
    background-size: cover;
    color: red;
    height: 550px;
    width: 100%
}

@media (min-width: 1200px) {
    body.home .news-letter-image-all-devices {
        display: none
    }
}

@media (min-width: 992px) {
    body.home .small_device_signup_container {
        display: none
    }
}

body.home .large_device_signup_container {
    display: none
}

@media (min-width: 992px) {
    body.home .large_device_signup_container {
        display: block
    }
}

@media (min-width: 768px) {
    body.home .topplista {
        display: inline-block;
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    body.home .topplista {
        width: 20%
    }
}

body.home .search-large {
    display: none !important
}

@media (min-width: 992px) {
    body.home .search-large {
        display: block !important
    }
}

@media (min-width: 992px) {
    body.home .search-small {
        display: none !important
    }
}

body.home div.wpcf7-validation-errors {
    border: 0px solid #f7e700
}

body.home div.wpcf7-response-output {
    margin: 2em 2.5em 0em;
    padding: 0em 0em
}

body.home div.wpcf7-mail-sent-ok {
    border: none !important
}

body.home .fifths-1 {
    width: 100%
}

@media (min-width: 768px) {
    body.home .fifths-1 {
        width: 50%;
        float: left
    }
}

@media (min-width: 992px) {
    body.home .fifths-1 {
        width: 33.333333%
    }
}

@media (min-width: 1200px) {
    body.home .fifths-1 {
        width: 25%
    }
}

@media (min-width: 1400px) {
    body.home .fifths-1 {
        width: 20%
    }
}

body.home .fourths-1 {
    width: 50%;
    float: left;
    position: relative
}

body.home .fourths-1 div.mobile-puff-container {
    bottom: 0px;
    left: 0px;
    margin: 1% 1% 0% 0.5%;
    position: absolute;
    text-align: center;
    width: 94%;
    background-color: black;
    color: white;
    filter: alpha(opacity=60);
    opacity: 0.8
}

@media (min-width: 440px) {
    body.home .fourths-1 div.mobile-puff-container {
        width: 95%
    }
}

@media (min-width: 550px) {
    body.home .fourths-1 div.mobile-puff-container {
        width: 96%
    }
}

@media (min-width: 760px) {
    body.home .fourths-1 div.mobile-puff-container {
        width: 95%
    }
}

@media (min-width: 900px) {
    body.home .fourths-1 div.mobile-puff-container {
        width: 95.3%
    }
}

@media (min-width: 992px) {
    body.home .fourths-1 div.mobile-puff-container {
        display: none
    }
}

@media (max-width: 480px) {
    body.home .fourths-1 div.mobile-puff-container>a>p {
        font-size: 11px
    }
}

body.home .fourths-1 p h3 {
    padding: 10px;
    margin: 0px;
    font-size: 30px
}

@media (min-width: 1200px) {
    body.home .fourths-1 p h3 {
        display: none
    }
}

@media (min-width: 768px) {
    body.home .fourths-1 {
        width: 25%;
        float: left
    }
}

@media (min-width: 992px) {
    body.home .fourths-1 {
        width: 25%
    }
}

body.home .fourths-2 {
    width: 100%
}

@media (min-width: 768px) {
    body.home .fourths-2 {
        width: 50%;
        float: left
    }
}

body.home .fourths-3 {
    width: 100%
}

@media (min-width: 768px) {
    body.home .fourths-3 {
        width: 50%;
        float: left
    }
}

body.home .news-container {
    text-align: center
}

body.home body.home section#manadens-favoriter .fifths-1>div {
    background: #fff;
    height: 100% !important
}

body.home .ww-container {
    background: white;
    max-width: 1200px
}

@media (max-width: 992px) {
    body.home .ww-container {
        padding: 0 !important
    }
}

@media (min-width: 768px) {
    body.home .ww-container {
        background: none
    }
}

body.home .row {
    margin-left: 0;
    margin-right: 0
}


/* Template: Vinklubben ----------------------------------- */

/* Element Base -------------------------- */

/* TYPOGRAPHY */

.singular-alt h1 { font-size: 48px; }
.singular-alt h2 { font-size: 42px; }
.singular-alt h3 { font-size: 36px; }
.singular-alt h4 { font-size: 32px; }
.singular-alt h5 { font-size: 24px; }
.singular-alt h6 { font-size: 20px; }

.singular-alt h1,
.singular-alt h2,
.singular-alt h3,
.singular-alt h4,
.singular-alt h5,
.singular-alt h6 {
    font-family: 'Trocchi';
    font-weight: 500;
}

.singular-alt .faux-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.singular-alt .faux-image:after {
	content: "";
	display: block;
	padding-top: 62.5%;
	width: 100%;
}

.singular-alt .faux-image.half:after { padding-top: 440px; }


/* --------- */

.singular-alt .page-header {
    border: none;
}

.singular-alt h1 {
    margin: 0 auto;
    margin-top: 4rem;
    margin-bottom: 4.6rem;
    max-width: 550px;
    text-align: center;
}

.singular-alt h2 {
    font-size: 32px;
}

.singular-alt .entry-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 580px;
}

.singular-alt .entry-content p {
    margin-bottom: 18px;
}

.singular-alt .page-header {
    height: 440px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: -1;
}

.singular-alt .content-wrapper {
    background: #FFF;
    margin: 0 auto;
    margin-top: -100px;
    max-width: calc( 1140px - 100px );
    padding: 75px 50px 80px;
}

.singular-alt .content-wrapper #breadcrumbs {
    font-size: 14px;
    text-align: center;
}
.singular-alt .content-wrapper #breadcrumbs a {
    color: #000;
}

.singular-alt .content-wrapper #breadcrumbs .glyphicon-triangle-right {
    font-size: 10px;
    top: 0;
}

.singular-alt .content-wrapper-header p.preamble {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 auto;
    margin-bottom: 54px;
    max-width: 800px;
    text-align: center;
}

.singular-alt .club-list-benefits ul li {
    list-style: none;
    text-align: left;
}

.singular-alt .club-list-benefits ul li p:before{
    background: url(./img/list-element.svg) no-repeat center; 
	background-size: contain;
	content: "";
	display: inline-block;
	height: 22px;
    margin-right: 12px;
    position: absolute;
        left: 0;
        top: 5px;
	transition: transform .15s linear;
	vertical-align: middle;
    width: 22px;
}

.singular-alt .club-list-benefits ul li p{
    color: #8F040A;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.15px;
    line-height: 1.7;
    margin: 0;
    opacity: 0.9;
    padding-left: 32px;
    position: relative;
}

.singular-alt .club-list-benefits ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200px;
    justify-content: center;
    margin-bottom: 50px;
    max-height: 200px;
    padding-left: 0;
    position: relative;
}

.singular-alt .club-list-benefits {
    max-width: 1040px;
    padding: 45px 0 80px 0;
    position: relative;
        left: calc( -50% + 60px);
    text-align: center;
    width: 100vw;
}

.singular-alt .club-list-benefits:after {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    width: 100%;
}

.singular-alt .club-list-benefits h2 {
    background-color: #FFF;
    display: inline-block;
    margin: auto;
    margin-bottom: 40px;
    padding: 0 30px;
    position: relative;
}

.singular-alt .club-list-benefits:before {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    content: '';
    display: inline-block;
    height: 6px;
    position: absolute;
        left: 0;
        top: 58px;
    width: 100%;
}

/* Form -- */

.singular-alt .signup-form {
    background-color: rgb(248, 248, 248);
    color: #000;
    margin-top: 35px;
    position: relative;
}

.singular-alt .signup-form.bg-black {
    background-color: #000;
    color: #FFF;
}

.singular-alt .signup-form:before {
    border: 1px solid rgb(160, 160, 160);
    opacity: 0.25;
    content: '';
    display: block;
    height: calc( 100% - 20px );
    position: absolute;
        left: 10px;
        top: 10px;
    width: calc( 100% - 20px );
}

.singular-alt .signup-form.bg-black:before {
    border: 1px solid #FFF;
}

.singular-alt .signup-form h2{
    font-size: 32px;
    text-align: center;
}

.singular-alt .signup-form-inner p {
    text-align: center;
    padding-bottom: 10px;
}

.singular-alt .signup-form-inner {
    margin: 0 auto;
    max-width: 440px;
    padding: 45px 0 45px 0;
    position: relative;
}

.singular-alt .signup-form-inner input.email {
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.25);
    color: #676767;
    font-size: 16px;
    height: 53px;
    padding: 12px;
    text-align: center;
    width: 100%;
}

.singular-alt .signup-form-inner #mc-embedded-subscribe {
    background: #5EBF87;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin: 0 auto;
    max-width: 230px;
    padding: 14px 16px 15px;
    text-align: center;
    text-transform: uppercase;
}
.singular-alt .signup-form-inner #mc_embed_signup_scroll {
    text-align: center;
}

.singular-alt .signup-form-inner .form-group:first-child {
    width: 100%;
}

.singular-alt .signup-form-inner .form-group {
    margin-bottom: 30px;
}

.singular-alt .signup-form-inner .gdpr-link,
.singular-alt .signup-form-inner .form-group,
.singular-alt .signup-form-inner .form-group label input {
    display: inline-block;
}

.singular-alt .signup-form-inner .gdpr-link a {
    color: #979790;
    font-size: 16px;
    text-decoration: underline;
}

.singular-alt .signup-form-inner .form-group label span {
    font-weight: 400;
    font-size: 16px;
}

.singular-alt .signup-form-inner .form-group .terms-and-conditions {
    font-size: 16px;
    height: 14px;
    margin-right: 8px;
    width: 14px;
}

@media ( max-width: 1200px ) {

    .singular-alt .club-list-benefits {
        left: 0;
        padding: 30px 0 55px 0;
        width: 100%;
    }

    .singular-alt .club-list-benefits ul {
        height: 100%;
        max-height: initial;
    }
    
}

@media ( max-width: 1040px ) {

    .singular-alt .content-wrapper {
        margin-top: 0;
    }

}

@media ( max-width: 1000px ) {

	/* TYPOGRAPHY */

	.singular-alt h1 { font-size: 36px; }
	.singular-alt h2 { font-size: 32px; }
	.singular-alt h3 { font-size: 28px; }
	.singular-alt h4 { font-size: 24px; }
	.singular-alt h5 { font-size: 21px; }
    .singular-alt h6 { font-size: 20px; }

    .singular-alt .signup-form h2 {
        font-size: 28px;
    }

    .singular-alt .content-wrapper-header p.preamble {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .singular-alt .content-wrapper {
        padding: 60px 30px;
    }

}

@media ( max-width: 700px ) {

    .singular-alt .faux-image.half:after {
        padding-top: 60%;
    }

    /* TYPOGRAPHY */

    .singular-alt h1 { font-size: 28px; }
    .singular-alt h2 { font-size: 25px; }
    .singular-alt h3 { font-size: 22px; }
    .singular-alt h4 { font-size: 20px; }
    .singular-alt h5 { font-size: 18px; }
    .singular-alt h6 { font-size: 18px; }

    .singular-alt h1 { 
        font-size: 28px;
        margin: 30px 0 25px;
    }

    .singular-alt .signup-form h2 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .singular-alt .entry-content {
        font-size: 16px; 
    }

    .singular-alt .content-wrapper-header p.preamble {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .singular-alt .signup-form-inner {
        margin: 0 auto;
        max-width: calc(440px + 60px);
        padding: 40px 30px 40px 30px;
    }

    .singular-alt .content-wrapper {
        padding: 40px 25px;
    }

    .singular-alt .page-header {
        height: 60% !important;
    }

    .singular-alt .club-list-benefits {
        padding: 30px 0;
    }

    .singular-alt .signup-form {
        margin-top: 30px;
    }

    .singular-alt .club-list-benefits ul {
        margin-bottom: 30px;
    }

    .singular-alt .club-list-benefits ul li p {
        font-size: 16px; 
    }

    .singular-alt .club-list-benefits h2 {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .singular-alt .club-list-benefits:before {
        top: 40px;
    }

    .singular-alt .content-wrapper #breadcrumbs {
        font-size: 12px;
    }
    .singular-alt .signup-form-inner .gdpr-link a,
    .singular-alt .signup-form-inner .form-group label span {
        font-size: 14px;
    }
    
    .singular-alt .signup-form-inner .form-group {
        margin-bottom: 0;
    }

    .singular-alt .signup-form-inner .gdpr-link,
    .singular-alt .signup-form-inner .form-group:first-child {
        margin-bottom: 30px;
    }

    .singular-alt .club-list-benefits ul li p {
        padding-left: 30px;
    }

    .singular-alt .club-list-benefits ul li p:before {
        height: 20px;
        top: 5px;
        width: 20px;
    }
    

}

@media ( max-width: 374px ) { 

    .singular-alt .signup-form h2 {
        font-size: 18px;
    }

}
    

/* -------------------------------------------------------- */

/* FILE: _page.scss */

body.page-template-default main {
    background: white;
    font-family: 'Roboto';
    padding-bottom: 195px
}

body.page-template-default main div#breadcrumbs-et-cetera {
    padding-top: 10px
}

body.page-template-default main div#breadcrumbs-et-cetera #back,
body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs {
    font-size: 14px
}

body.page-template-default main div#breadcrumbs-et-cetera #back a,
body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs a {
    color: black
}

body.page-template-default main div#breadcrumbs-et-cetera #back>span {
    top: 2px
}

body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs>span {
    top: -1px
}

body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs>span:before {
    font-size: 7px
}

@media (max-width: 767px) {
    body.page-template-default main div#breadcrumbs-et-cetera #back {
        padding-right: 0
    }
    body.page-template-default main div#breadcrumbs-et-cetera #back,
    body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.page-template-default main div#breadcrumbs-et-cetera #breadcrumbs:not(.single_post_multiple_categories) {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    body.page-template-default main div#breadcrumbs-et-cetera {
        padding-top: 60px
    }
    body.page-template-default main div#breadcrumbs-et-cetera #back {
        text-align: right
    }
}

body.page-template-default main div#breadcrumbs-et-cetera a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.page-template-default main div#breadcrumbs-et-cetera a.product-sheet {
    margin-left: 13px
}

body.page-template-default main div#breadcrumbs-et-cetera a.facebook-share>span {
    margin-right: 10px
}

body.page-template-default main div#breadcrumbs-et-cetera a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.page-template-default main div#breadcrumbs-et-cetera a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.page-template-default main div#breadcrumbs-et-cetera a.product-sheet {
        margin-left: 10px
    }
    body.page-template-default main div#breadcrumbs-et-cetera a.facebook-share>span {
        margin-right: 7px
    }
    body.page-template-default main div#breadcrumbs-et-cetera a.facebook-share>img {
        width: 12px
    }
}

body.page-template-default main div#facebook-share-xs {
    margin-bottom: 46px;
    z-index: 1
}

body.page-template-default main div#facebook-share-xs a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.page-template-default main div#facebook-share-xs a.product-sheet {
    margin-left: 13px
}

body.page-template-default main div#facebook-share-xs a.facebook-share>span {
    margin-right: 10px
}

body.page-template-default main div#facebook-share-xs a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.page-template-default main div#facebook-share-xs a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.page-template-default main div#facebook-share-xs a.product-sheet {
        margin-left: 10px
    }
    body.page-template-default main div#facebook-share-xs a.facebook-share>span {
        margin-right: 7px
    }
    body.page-template-default main div#facebook-share-xs a.facebook-share>img {
        width: 12px
    }
}

body.page-template-default main>div#inner-main {
    padding-top: 40px
}

@media (min-width: 768px) {
    body.page-template-default main>div#inner-main {
        padding-top: 80px
    }
}

body.page-template-default main>div#inner-main .content h1,
body.page-template-default main>div#inner-main .content h2,
body.page-template-default main>div#inner-main .content h3,
body.page-template-default main>div#inner-main .content h4,
body.page-template-default main>div#inner-main .content h5,
body.page-template-default main>div#inner-main .content h6 {
    font-family: 'Trocchi'
}

body.page-template-default main>div#inner-main .content h1 {
    margin-top: 0;
    margin-bottom: 29px
}

body.page-template-default main>div#inner-main .content h1>span {
    font-size: 0.35em
}

body.page-template-default main>div#inner-main .content>p {
    margin-bottom: 50px;
    font-size: 17px
}

body.page-template-default main>div#inner-main .content div.text {
    margin-top: 45px
}

body.page-template-default main>div#inner-main .content div.text p {
    margin-bottom: 22px;
    line-height: 1.5
}

body.page-template-default main>div#inner-main .content img {
    height: auto;
    max-width: 100%;
    height: auto
}

body.page-template-default main>div#inner-main .content a {
    color: #972747
}

body.page-template-default main>div#inner-main .content hr {
    height: 1px;
    background: #b8b8b8;
    margin-top: 27px;
    margin-bottom: 32px
}

body.page-template-default main>div#inner-main .related-articles h3 {
    font-family: 'Trocchi';
    font-size: 19px;
    margin-top: 0;
    border-bottom: solid 2px black;
    padding-bottom: 20px;
    margin-bottom: 38px;
    text-align: center
}

@media (min-width: 1200px) {
    body.page-template-default main>div#inner-main .related-articles h3 {
        text-align: left
    }
}

body.page-template-default main>div#inner-main .related-articles div.article {
    width: 100%;
    margin-bottom: 40px;
    font-family: 'Roboto'
}

@media (min-width: 768px) {
    body.page-template-default main>div#inner-main .related-articles div.article {
        width: 50%
    }
}

@media (min-width: 1200px) {
    body.page-template-default main>div#inner-main .related-articles div.article {
        width: 100%
    }
}

body.page-template-default main>div#inner-main .related-articles div.article img {
    width: 100%
}

body.page-template-default main>div#inner-main .related-articles div.article div.sub-field-content p {
    line-height: 1.5
}

body.page-template-default main>div#inner-main .related-articles div.article p {
    padding: 0 20px
}

body.page-template-default main>div#inner-main .related-articles div.article p.title {
    font-size: 17px;
    margin-top: 15px
}

body.page-template-default main>div#inner-main .related-articles div.article p.date {
    font-size: 12px
}

body.page-template-default main>div#inner-main .related-articles div.article p.text,
body.page-template-default main>div#inner-main .related-articles div.article a {
    font-size: 14px
}

body.page-template-default main>div#inner-main .related-articles div.article a {
    color: black
}

body.page-template-default main>div#inner-main .related-articles div.article a span {
    padding-left: 3px
}

body.page-template-default main>div#inner-main h3#related-products-title {
    font-family: 'Trocchi';
    margin-bottom: 70px
}

/* FILE: _page_about.scss */

body.page-template-page_about main {
    background: white;
    padding-bottom: 195px;
    font-family: 'Roboto'
}

body.page-template-page_about main div#breadcrumbs-et-cetera {
    padding-top: 10px
}

body.page-template-page_about main div#breadcrumbs-et-cetera #back,
body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs {
    font-size: 14px
}

body.page-template-page_about main div#breadcrumbs-et-cetera #back a,
body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs a {
    color: black
}

body.page-template-page_about main div#breadcrumbs-et-cetera #back>span {
    top: 2px
}

body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs>span {
    top: -1px
}

body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs>span:before {
    font-size: 7px
}

@media (max-width: 767px) {
    body.page-template-page_about main div#breadcrumbs-et-cetera #back {
        padding-right: 0
    }
    body.page-template-page_about main div#breadcrumbs-et-cetera #back,
    body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.page-template-page_about main div#breadcrumbs-et-cetera #breadcrumbs:not(.single_post_multiple_categories) {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    body.page-template-page_about main div#breadcrumbs-et-cetera {
        padding-top: 60px
    }
    body.page-template-page_about main div#breadcrumbs-et-cetera #back {
        text-align: right
    }
}

body.page-template-page_about main div#breadcrumbs-et-cetera a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.page-template-page_about main div#breadcrumbs-et-cetera a.product-sheet {
    margin-left: 13px
}

body.page-template-page_about main div#breadcrumbs-et-cetera a.facebook-share>span {
    margin-right: 10px
}

body.page-template-page_about main div#breadcrumbs-et-cetera a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.page-template-page_about main div#breadcrumbs-et-cetera a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.page-template-page_about main div#breadcrumbs-et-cetera a.product-sheet {
        margin-left: 10px
    }
    body.page-template-page_about main div#breadcrumbs-et-cetera a.facebook-share>span {
        margin-right: 7px
    }
    body.page-template-page_about main div#breadcrumbs-et-cetera a.facebook-share>img {
        width: 12px
    }
}

body.page-template-page_about main div#facebook-share-xs {
    margin-bottom: 46px;
    z-index: 1
}

body.page-template-page_about main div#facebook-share-xs a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.page-template-page_about main div#facebook-share-xs a.product-sheet {
    margin-left: 13px
}

body.page-template-page_about main div#facebook-share-xs a.facebook-share>span {
    margin-right: 10px
}

body.page-template-page_about main div#facebook-share-xs a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.page-template-page_about main div#facebook-share-xs a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.page-template-page_about main div#facebook-share-xs a.product-sheet {
        margin-left: 10px
    }
    body.page-template-page_about main div#facebook-share-xs a.facebook-share>span {
        margin-right: 7px
    }
    body.page-template-page_about main div#facebook-share-xs a.facebook-share>img {
        width: 12px
    }
}

body.page-template-page_about main div#inner-main {
    padding-top: 40px
}

@media (min-width: 768px) {
    body.page-template-page_about main div#inner-main {
        padding-top: 80px
    }
}

body.page-template-page_about main div#inner-main .content h1 {
    font-family: 'Trocchi';
    margin-top: 0;
    margin-bottom: 29px
}

body.page-template-page_about main div#inner-main .content h1>span {
    font-size: 0.35em
}

body.page-template-page_about main div#inner-main .content>p {
    margin-bottom: 22px;
    font-size: 17px;
    line-height: 1.5
}

body.page-template-page_about main div#inner-main .content div.text {
    margin-top: 45px
}

body.page-template-page_about main div#inner-main .content div.text p {
    margin-bottom: 25px
}

body.page-template-page_about main div#inner-main .content img {
    width: 100%;
    height: auto;
    max-width: 100%
}

body.page-template-page_about main div#inner-main .content h2 {
    font-family: 'Trocchi';
    margin-top: 80px
}

body.page-template-page_about main div#inner-main .content hr {
    height: 1px;
    background: #b8b8b8;
    margin-top: 27px;
    margin-bottom: 32px
}

body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post {
        margin-bottom: 70px;
        height: 400px
    }
}

@media (min-width: 1200px) {
    body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post {
        margin-bottom: 70px
    }
}

body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post img {
    height: auto;
    width: 150%;
    margin-bottom: 20px
}

body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .work-title,
body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .name {
    font-size: 14px
}

body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .work-title {
    margin-bottom: 5px
}

body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .email,
body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .phone,
body.page-template-page_about main div#inner-main .content div.contact-wrapper div.post .mobile {
    font-size: 11px
}

body.page-template-page_about main div#inner-main .related-articles h3 {
    font-family: 'Trocchi';
    font-size: 19px;
    margin-top: 0;
    border-bottom: solid 2px black;
    padding-bottom: 20px;
    margin-bottom: 38px
}

body.page-template-page_about main div#inner-main .related-articles div.article {
    width: 100%;
    margin-bottom: 40px;
    font-family: 'Roboto'
}

@media (min-width: 768px) {
    body.page-template-page_about main div#inner-main .related-articles div.article {
        display: inline-block;
        width: 50%
    }
}

@media (min-width: 1200px) {
    body.page-template-page_about main div#inner-main .related-articles div.article {
        display: block;
        width: 100%
    }
}

body.page-template-page_about main div#inner-main .related-articles div.article img {
    width: 100%
}

body.page-template-page_about main div#inner-main .related-articles div.article p {
    padding: 0 20px
}

body.page-template-page_about main div#inner-main .related-articles div.article p.title {
    font-size: 17px;
    margin-top: 15px
}

body.page-template-page_about main div#inner-main .related-articles div.article p.date {
    font-size: 12px
}

body.page-template-page_about main div#inner-main .related-articles div.article p.text,
body.page-template-page_about main div#inner-main .related-articles div.article a {
    font-size: 14px
}

body.page-template-page_about main div#inner-main .related-articles div.article a {
    color: black
}

body.page-template-page_about main div#inner-main .related-articles div.article a span {
    padding-left: 3px
}

body.page-template-page_about main div#inner-main h3#related-products-title {
    font-family: 'Trocchi';
    margin-bottom: 70px
}

/* FILE: _search.scss */

body.search main#main-search {
    padding-bottom: 120px;
    background: white
}

body.search main#main-search div#breadcrumbs-et-cetera {
    padding-top: 10px
}

body.search main#main-search div#breadcrumbs-et-cetera #back,
body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs {
    font-size: 14px
}

body.search main#main-search div#breadcrumbs-et-cetera #back a,
body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs a {
    color: black
}

body.search main#main-search div#breadcrumbs-et-cetera #back>span {
    top: 2px
}

body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs>span {
    top: -1px
}

body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs>span:before {
    font-size: 7px
}

@media (max-width: 767px) {
    body.search main#main-search div#breadcrumbs-et-cetera #back {
        padding-right: 0
    }
    body.search main#main-search div#breadcrumbs-et-cetera #back,
    body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.search main#main-search div#breadcrumbs-et-cetera #breadcrumbs:not(.single_post_multiple_categories) {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    body.search main#main-search div#breadcrumbs-et-cetera {
        padding-top: 60px
    }
    body.search main#main-search div#breadcrumbs-et-cetera #back {
        text-align: right
    }
}

body.search main#main-search div#breadcrumbs-et-cetera a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.search main#main-search div#breadcrumbs-et-cetera a.product-sheet {
    margin-left: 13px
}

body.search main#main-search div#breadcrumbs-et-cetera a.facebook-share>span {
    margin-right: 10px
}

body.search main#main-search div#breadcrumbs-et-cetera a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.search main#main-search div#breadcrumbs-et-cetera a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.search main#main-search div#breadcrumbs-et-cetera a.product-sheet {
        margin-left: 10px
    }
    body.search main#main-search div#breadcrumbs-et-cetera a.facebook-share>span {
        margin-right: 7px
    }
    body.search main#main-search div#breadcrumbs-et-cetera a.facebook-share>img {
        width: 12px
    }
}

body.search main#main-search div#facebook-share-xs {
    margin-top: 42px
}

body.search main#main-search div#facebook-share-xs a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.search main#main-search div#facebook-share-xs a.product-sheet {
    margin-left: 13px
}

body.search main#main-search div#facebook-share-xs a.facebook-share>span {
    margin-right: 10px
}

body.search main#main-search div#facebook-share-xs a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.search main#main-search div#facebook-share-xs a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.search main#main-search div#facebook-share-xs a.product-sheet {
        margin-left: 10px
    }
    body.search main#main-search div#facebook-share-xs a.facebook-share>span {
        margin-right: 7px
    }
    body.search main#main-search div#facebook-share-xs a.facebook-share>img {
        width: 12px
    }
}

body.search main#main-search h1.entry-title {
    font-family: 'Trocchi';
    margin-top: 100px
}

body.search main#main-search div {
    font-family: 'Roboto'
}

body.search main#main-search #produkter {
    display: none
}

body.search main#main-search #produkter hr.pre-bar {
    height: 5px;
    background: #2d2d2d
}

body.search main#main-search #nyheter,
body.search main#main-search #sidor {
    display: none
}

body.search main#main-search #nyheter a,
body.search main#main-search #sidor a {
    color: black
}

body.search main#main-search #nyheter p,
body.search main#main-search #sidor p {
    margin-bottom: 25px
}

body.search main#main-search #nyheter hr,
body.search main#main-search #sidor hr {
    background: #dddddd;
    height: 1px;
    margin-bottom: 30px
}

body.search main#main-search #nyheter a#show-more,
body.search main#main-search #sidor a#show-more {
    cursor: pointer;
    display: block;
    text-align: center
}

body.search main#main-search .showSearch {
    display: block !important
}

body.search main#main-search .hideSearch {
    display: none
}

/* FILE: _single.scss */

body.single-post main {
    background: white;
    font-family: 'Roboto'
}

body.single-post main div#breadcrumbs-et-cetera {
    padding-top: 10px
}

body.single-post main div#breadcrumbs-et-cetera #back,
body.single-post main div#breadcrumbs-et-cetera #breadcrumbs {
    font-size: 14px
}

body.single-post main div#breadcrumbs-et-cetera #back a,
body.single-post main div#breadcrumbs-et-cetera #breadcrumbs a {
    color: black
}

body.single-post main div#breadcrumbs-et-cetera #back>span {
    top: 2px
}

body.single-post main div#breadcrumbs-et-cetera #breadcrumbs>span {
    top: -1px
}

body.single-post main div#breadcrumbs-et-cetera #breadcrumbs>span:before {
    font-size: 7px
}

@media (max-width: 767px) {
    body.single-post main div#breadcrumbs-et-cetera #back {
        padding-right: 0
    }
    body.single-post main div#breadcrumbs-et-cetera #back,
    body.single-post main div#breadcrumbs-et-cetera #breadcrumbs {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.single-post main div#breadcrumbs-et-cetera #breadcrumbs:not(.single_post_multiple_categories) {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    body.single-post main div#breadcrumbs-et-cetera {
        padding-top: 60px
    }
    body.single-post main div#breadcrumbs-et-cetera #back {
        text-align: right
    }
}

body.single-post main div#breadcrumbs-et-cetera a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.single-post main div#breadcrumbs-et-cetera a.product-sheet {
    margin-left: 13px
}

body.single-post main div#breadcrumbs-et-cetera a.facebook-share>span {
    margin-right: 10px
}

body.single-post main div#breadcrumbs-et-cetera a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.single-post main div#breadcrumbs-et-cetera a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.single-post main div#breadcrumbs-et-cetera a.product-sheet {
        margin-left: 10px
    }
    body.single-post main div#breadcrumbs-et-cetera a.facebook-share>span {
        margin-right: 7px
    }
    body.single-post main div#breadcrumbs-et-cetera a.facebook-share>img {
        width: 12px
    }
}

body.single-post main div#facebook-share-xs {
    width: 100%;
    margin-bottom: 70px
}

body.single-post main div#facebook-share-xs a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.single-post main div#facebook-share-xs a.product-sheet {
    margin-left: 13px
}

body.single-post main div#facebook-share-xs a.facebook-share>span {
    margin-right: 10px
}

body.single-post main div#facebook-share-xs a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.single-post main div#facebook-share-xs a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.single-post main div#facebook-share-xs a.product-sheet {
        margin-left: 10px
    }
    body.single-post main div#facebook-share-xs a.facebook-share>span {
        margin-right: 7px
    }
    body.single-post main div#facebook-share-xs a.facebook-share>img {
        width: 12px
    }
}

body.single-post main .button-wrapper {
    height: 65px;
    margin-top: 20px
}

body.single-post main .button-wrapper>div.one {
    height: 100%
}

body.single-post main .button-wrapper>div.one>input {
    float: right;
    font-size: 12px;
    height: 25px;
    margin-top: 8px;
    outline: none;
    width: 35px
}

body.single-post main .button-wrapper>div.two {
    height: 100%;
    padding-left: 0
}

body.single-post main .button-wrapper>div.two .dropdown>button {
    background: #5ebf87;
    border: none;
    color: white;
    font-size: 12px;
    height: 39px;
    outline: none;
    width: 184px
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    padding: 0;
    width: 184px
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a {
    text-decoration: none;
    color: black;
    cursor: pointer
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a .col-lg-4 {
    font-size: 12px;
    line-height: 35px;
    padding-left: 0;
    padding-right: 0
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a .thirds-1 {
    font-size: 12px;
    line-height: 35px;
    padding-left: 0;
    padding-right: 0
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a #order,
body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a #price {
    border-left: solid 1px #e5e5e5
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a:hover {
    color: white
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a:hover #volume {
    background: #4d4d4d
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a:hover #price {
    background: #4d4d4d
}

body.single-post main .button-wrapper>div.two .dropdown ul.dropdown-menu a:hover #order {
    background: #5ebf87
}

body.single-post main div#inner-main1 {
    padding-top: 40px
}

@media (min-width: 768px) {
    body.single-post main div#inner-main1 {
        padding-top: 80px
    }
}

body.single-post main div#inner-main1 .content>h1,
body.single-post main div#inner-main1 .content>h2,
body.single-post main div#inner-main1 .content>h3,
body.single-post main div#inner-main1 .content>h4,
body.single-post main div#inner-main1 .content>h5,
body.single-post main div#inner-main1 .content>h6 {
    font-family: 'Trocchi'
}

body.single-post main div#inner-main1 .content>h1 {
    margin-top: 0;
    margin-bottom: 29px
}

body.single-post main div#inner-main1 .content>h1>span {
    font-size: 0.35em
}

body.single-post main div#inner-main1 .content>p {
    font-size: 17px
}

body.single-post main div#inner-main1 .content>p img {
    max-width: 100%;
    height: auto
}

body.single-post main div#inner-main1 .content div#first-paragraph {
    margin-top: 45px
}

body.single-post main div#inner-main1 .content div#first-paragraph p {
    margin-bottom: 25px
}

body.single-post main div#inner-main1 .content .img-text {
    font-size: 14px;
    color: #787878;
    padding-top: 25px
}

body.single-post main div#inner-main1 .content h2 {
    font-family: 'Trocchi';
    margin-top: 60px
}

body.single-post main div#inner-main1 .content hr {
    height: 1px;
    background: #b8b8b8;
    margin-top: 27px;
    margin-bottom: 32px
}

body.single-post main div#inner-main1 .content #wine-highlight {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    border: solid 1px #efefef
}

body.single-post main div#inner-main1 .content #wine-highlight h3 {
    font-family: 'Trocchi';
    margin-top: 50px;
    text-align: center
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row {
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.twenty-parts-6 {
    float: left
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.twenty-parts-6 img {
    height: 310px
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.article-content h4.title a {
    margin-top: 60px;
    color: #921339
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.article-content p.art-nr {
    font-size: 12px
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.article-content div.price-wrapper p {
    margin-top: 40px;
    font-size: 13px
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.article-content div.eights-1 input {
    width: 40px;
    height: 35px;
    margin-top: 23px;
    outline: none
}

body.single-post main div#inner-main1 .related-articles h3 {
    border-bottom: solid 2px black;
    font-family: 'Trocchi';
    font-size: 19px;
    margin-bottom: 38px;
    margin-top: 0;
    padding-bottom: 20px;
    text-align: center
}

body.single-post main div#inner-main1 .related-articles div.article {
    width: 100%;
    margin-bottom: 40px;
    font-family: 'Roboto'
}

body.single-post main div#inner-main1 .related-articles div.article img {
    width: 100%
}

body.single-post main div#inner-main1 .related-articles div.article p {
    padding: 0 20px;
    font-size: 14px
}

body.single-post main div#inner-main1 .related-articles div.article p.title {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px
}

body.single-post main div#inner-main1 .related-articles div.article p.date {
    font-size: 10px
}

body.single-post main div#inner-main1 .related-articles div.article a {
    color: black;
    font-size: 14px
}

body.single-post main div#inner-main1 .related-articles div.article a span {
    padding-left: 3px
}

body.single-post main div#inner-main1 .related-articles div#categories {
    margin-top: 80px
}

body.single-post main div#inner-main1 .related-articles div#categories #categories-inner {
    margin: auto;
    max-width: 350px
}

body.single-post main div#inner-main1 .related-articles div#categories h3 {
    margin-bottom: 20px;
    text-align: center
}

body.single-post main div#inner-main1 .related-articles div#categories .glyphicon-chevron-right {
    font-size: 11px;
    padding-left: 7px
}

body.single-post main div#inner-main1 .related-articles div#categories>div {
    height: 60px
}

body.single-post main div#inner-main1 .related-articles div#categories>div img {
    height: 60px;
    width: 60px
}

body.single-post main div#inner-main1 .related-articles div#categories>div h4 {
    margin-top: 20px;
    font-size: 16px
}

body.single-post main div#inner-main1 .related-articles div#categories>div h4 a {
    color: black
}

body.single-post main #inner-main2 {
    margin-top: 50px
}

body.single-post main #inner-main2 h3#related-products-title {
    font-family: 'Trocchi';
    margin-bottom: 70px
}

body.single-post .twenty-parts-10 img {
    max-width: 100%;
    height: auto
}

body.single-post #ww-categories {
    padding-bottom: 50px
}

body.single-post #ww-categories #categories-inner {
    max-width: 320px;
    margin: auto
}

body.single-post #ww-categories #mobile_category {
    border-bottom: solid 2px black;
    font-family: 'Trocchi';
    font-size: 19px;
    margin-top: 0;
    padding-bottom: 20px;
    text-align: center
}

body.single-post #ww-categories #categories-inner {
    margin: auto;
    max-width: 320px
}

body.single-post #ww-categories #categories-inner h4 {
    line-height: 3.1
}

body.single-post #ww-categories #categories-inner a {
    color: #000
}

body.single-post #ww-categories .glyphicon,
body.single-post #ww-categories body.page div#related-products>button.slick-arrow:before,
body.single-post #ww-categories div#related-products>button.slick-arrow:before,
body.single-post #ww-categories body.single-wwines_products div#related-products>button.slick-arrow:before,
body.single-post #ww-categories body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
body.home body.single-post #ww-categories section#veckans-topplista>div.inner>button.slick-arrow:before,
body.single-post #ww-categories body.page-template-archive-wwines_products main span.loading-icon,
body.page-template-archive-wwines_products main body.single-post #ww-categories span.loading-icon {
    font-size: 13px;
    padding-left: 7px
}

body.single-post #ww-categories .fourths-1 img {
    height: 72px;
    width: 115px
}

body.single-post .desktop-category-container {
    display: none
}

body.single-post .footer-triangle-bar {
    height: 14px
}

body.single-post .mobile-share #share {
    margin-bottom: 70px;
    float: right
}

@media (min-width: 768px) {
    body.single-post main div#inner-main1 .related-articles div.article {
        width: 50%
    }
    body.single-post main div#inner-main1 .related-articles div#categories #categories-inner {
        max-width: 100%
    }
    body.single-post main div#inner-main1 .related-articles div#categories>div h4 {
        font-size: 18px
    }
    body.single-post #ww-categories #categories-inner {
        max-width: 100%
    }
    body.single-post .mobile-share {
        display: none
    }
    body.single-post .eights-1,
    body.single-post .eights-2,
    body.single-post .eights-5 {
        display: inline-block
    }
}

@media (min-width: 992px) {
    body.single-post main div#inner-main1 .content #wine-highlight {
        height: 497px
    }
}

@media (max-width: 1199px) {
    body.single-post #ww-categories {
        padding-top: 50px
    }
    body.single-post #ww-categories .twenty-parts-16,
    body.single-post #ww-categories .fourths-3 {
        padding: 0
    }
}

@media (min-width: 1200px) {
    body.single-post main {
        padding-bottom: 195px
    }
    body.single-post main div#inner-main1 .related-articles h3 {
        text-align: left
    }
    body.single-post main div#inner-main1 .related-articles div.article {
        width: 100%
    }
    body.single-post main div#inner-main1 .related-articles div#categories h3 {
        text-align: left
    }
    body.single-post .desktop-category-container {
        display: block !important
    }
    body.single-post #ww-categories {
        display: none
    }
}

/* FILE: _archive_wwines_products.scss */

body.page-template-archive-wwines_products a.button {
    display: block;
    padding-top: 6.5px;
    border-radius: 5px;
    height: 28px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 11px
}

body.page-template-archive-wwines_products hr.triangle-bar.gray-b {
    display: block
}

body.page-template-archive-wwines_products h1.products-head ~ hr.triangle-bar.dark-gray {
    display: block
}

body.page-template-archive-wwines_products section#filters-and-search {
    background: #f7f7f7;
    font-family: 'Trocchi'
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner hr {
    margin: 2px 0 6px 0;
    background: #dcdcdc;
    height: 1px
}

@media (min-width: 1200px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters>div:first-child {
        padding-left: 0
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters>div:last-child {
        padding-right: 0
    }
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters #clear-filters {
    position: absolute;
    right: 0;
    text-decoration: underline;
    font-family: 'Roboto';
    font-size: 12px;
    cursor: pointer
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters div#buttons a.button {
    background: #bfbfbf;
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
    min-width: 75px;
    padding-left: 8px;
    padding-right: 8px
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner span.title {
    display: block
}

@media (min-width: 1200px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter>div.row>div:first-child,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search>div.row>div:first-child {
        padding-left: 0
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter>div.row>div:last-child,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search>div.row>div:last-child {
        padding-right: 0
    }
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter>hr,
body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search>hr {
    margin-left: -15px;
    margin-right: -15px
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown {
    display: inline-block;
    width: 28%;
    font-family: 'Roboto'
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown:not(:last-of-type) {
    margin-right: 2%
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown>ul.dropdown-menu {
    width: 100%;
    max-height: 180px;
    overflow-y: scroll
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown>button.dropdown-toggle {
    width: 100%;
    height: 28px;
    padding: 4px 7px;
    font-size: 14px;
    text-align: left
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown>button.dropdown-toggle>span.title {
    float: left
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown>button.dropdown-toggle>span.caret {
    margin-top: 8px;
    float: right
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div.dropdown>ul.dropdown-menu>li>a {
    cursor: pointer;
    font-size: 15px
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter #price>div {
    display: inline-block
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter #price>div>a.button {
    float: left;
    width: 90px;
    background: #bfbfbf;
    text-transform: none;
    cursor: pointer
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter #price>div:last-child>a.button {
    float: right
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner .highlight {
    background: #2d2d2d !important
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search {
    padding-top: 12px
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#select-a-category a.button {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    background: #5ebf87;
    cursor: pointer;
    margin: 2px
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input,
body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs a.button {
    display: inline-block
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input {
    padding-left: 6px;
    height: 28px;
    font-family: 'Roboto'
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input::-moz-placeholder {
    font-style: italic
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input:-moz-placeholder {
    font-style: italic
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input:-ms-input-placeholder {
    font-style: italic
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input::-webkit-input-placeholder {
    font-style: italic
}

body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs a.button {
    float: right;
    width: 90px;
    background: #5ebf87;
    cursor: pointer
}

body.page-template-archive-wwines_products main {
    position: relative;
    padding-top: 32px;
    padding-bottom: 120px
}

body.page-template-archive-wwines_products main h1 {
    position: relative;
    font-family: 'Trocchi'
}

body.page-template-archive-wwines_products main h1 span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto';
    text-transform: uppercase
}

body.page-template-archive-wwines_products main hr.pre-bar {
    height: 5px;
    background: #2d2d2d
}

body.page-template-archive-wwines_products main hr.pre-bar+hr.triangle-bar {
    margin-bottom: 10px
}

body.page-template-archive-wwines_products main span.loading-icon {
    display: none;
    position: absolute;
    top: 174px;
    left: calc(50% - 16px);
    font-size: 32px;
    color: #666
}

body.page-template-archive-wwines_products main.loading>div.container {
    opacity: 0.25
}

body.page-template-archive-wwines_products main.loading span.loading-icon {
    display: block
}

@media (min-width: 1200px) {
    body.page-template-archive-wwines_products main>div.container {
        padding-left: 0;
        padding-right: 0
    }
}

body.page-template-archive-wwines_products main>div.container div.products>div {
    display: inline-flex;
    padding: 0;
    height: 225px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner {
    width: 228px;
    height: 221px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text>a>img {
    height: 90%
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text .title {
    overflow: hidden;
    margin-bottom: 3px;
    min-height: 1em;
    max-height: 2.2em
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text .producer-title {
    margin-bottom: 7px;
    color: #555;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text .price {
    margin-bottom: 1px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text .product-types,
body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.image-and-text .volume {
    font-size: 12px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.order-et-cetera {
    bottom: 3%
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.order-et-cetera input {
    margin-left: 21px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.order-et-cetera div.order.dropdown {
    margin-left: 12px
}

body.page-template-archive-wwines_products main>div.container div.products>div>div.inner div.order-et-cetera div.order.dropdown>button {
    margin-top: 3px;
    width: 138px;
    height: 30px
}

/* FILE: _archive_wwines_products_responsive.scss */

@media (max-width: 767px) {
    body.page-template-archive-wwines_products section#filters-and-search {
        background: white
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner {
        font-size: 13px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner hr {
        margin-left: -15px;
        margin-right: -15px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner>div#open-close-above-xs>div {
        padding-top: 13.5px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs {
        background: #d8d8d8
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count {
        display: none;
        position: relative;
        margin: 10px 0;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Roboto'
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count .glyphicon,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count body.page div#related-products>button.slick-arrow:before,
    body.page body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count body.single-post div#related-products>button.slick-arrow:before,
    body.single-post body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count body.single-wwines_products div#related-products>button.slick-arrow:before,
    body.single-wwines_products body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.home body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count main span.loading-icon,
    body.page-template-archive-wwines_products main section#filters-and-search>div.inner div#search-xs>p#products-count span.loading-icon {
        vertical-align: top;
        font-size: 14px;
        color: #777777
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count>.pc-close {
        position: absolute;
        cursor: pointer;
        left: 9px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs>p#products-count>span.scroll-to-main {
        display: none;
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 9px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs input {
        border: none;
        outline: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 20px;
        padding-left: 13px;
        width: calc(100% - 18px);
        height: 30px;
        font-family: 'Roboto'
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs input::-moz-placeholder {
        font-style: italic
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs input:-moz-placeholder {
        font-style: italic
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs input:-ms-input-placeholder {
        font-style: italic
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#search-xs input::-webkit-input-placeholder {
        font-style: italic
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters #clear-filters {
        font-size: 10px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters div#buttons {
        margin-bottom: -7px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters div#buttons a.button {
        padding-top: 6.5px;
        height: 26px;
        font-size: 9px;
        margin-bottom: 7px;
        min-width: 52px !important
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice>hr {
        margin-bottom: 10px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice div.dropdown {
        display: block;
        margin-right: 0;
        width: 100%
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice div.dropdown:not(last-child) {
        margin-bottom: 8px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price>div>a.button {
        padding-top: 6.5px;
        height: 26px;
        font-size: 9px;
        max-width: 62px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search a.button {
        padding-top: 6.5px;
        height: 26px;
        font-size: 9px;
        margin-bottom: 7px
    }
    body.page-template-archive-wwines_products main .products-head {
        font-size: 27px
    }
    body.page-template-archive-wwines_products main .products-head span {
        position: relative;
        display: block;
        top: 4px
    }
}

@media (max-width: 767px) {
    body.page-template-archive-wwines_products section#filters-and-search {
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s;
        max-height: 600px;
        overflow: hidden
    }
    body.page-template-archive-wwines_products section#filters-and-search.closed-xs {
        max-height: 0
    }
    body.page-template-archive-wwines_products section#filters-and-search.closed-xs ~ section#filters-and-search-close-xs #icon-is-closed {
        display: inline-block
    }
    body.page-template-archive-wwines_products section#filters-and-search.closed-xs ~ section#filters-and-search-close-xs #icon-is-open {
        display: none
    }
    body.page-template-archive-wwines_products section#filters-and-search.closed-xs ~ section#filters-and-search-close-xs:before {
        content: "Öppna filtrering"
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs #icon-is-closed {
        display: none
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs:before {
        margin-left: 15px;
        content: "Stäng filter"
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs {
        position: relative;
        cursor: pointer;
        padding: 14px 0;
        background: #d8d8d8;
        font-size: 12px;
        font-weight: 500;
        color: #777777
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs .glyphicon,
    body.page-template-archive-wwines_products section#filters-and-search-close-xs body.page div#related-products>button.slick-arrow:before,
    body.page body.page-template-archive-wwines_products section#filters-and-search-close-xs div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search-close-xs body.single-post div#related-products>button.slick-arrow:before,
    body.single-post body.page-template-archive-wwines_products section#filters-and-search-close-xs div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search-close-xs body.single-wwines_products div#related-products>button.slick-arrow:before,
    body.single-wwines_products body.page-template-archive-wwines_products section#filters-and-search-close-xs div#related-products>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search-close-xs body.home section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.home body.page-template-archive-wwines_products section#filters-and-search-close-xs section#veckans-topplista>div.inner>button.slick-arrow:before,
    body.page-template-archive-wwines_products section#filters-and-search-close-xs main span.loading-icon,
    body.page-template-archive-wwines_products main section#filters-and-search-close-xs span.loading-icon {
        font-size: 14px;
        font-weight: 900
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs #icon-is-closed {
        float: right;
        right: 14px
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-xs #icon-is-open {
        vertical-align: top
    }
}

@media (min-width: 768px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner {
        padding-bottom: 9px;
        font-size: 14px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner>div#open-close-above-xs>div {
        padding-top: 18px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner>div#open-close-above-xs>div:first-child {
        padding-top: 13.5px
    }
}

@media (min-width: 768px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner {
        -webkit-transition: padding-bottom 0.25s;
        -moz-transition: padding-bottom 0.25s;
        transition: padding-bottom 0.25s
    }
    body.page-template-archive-wwines_products section#filters-and-search div#open-close-above-xs {
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s;
        max-height: 400px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px
    }
    body.page-template-archive-wwines_products section#filters-and-search div#open-close-above-xs.ocax-overflow-y-hidden {
        overflow-y: hidden
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search {
        -webkit-transition: padding-top 0.25s;
        -moz-transition: padding-top 0.25s;
        transition: padding-top 0.25s
    }
    body.page-template-archive-wwines_products section#filters-and-search.only-sac-and-search-above-xs div#open-close-above-xs {
        max-height: 0
    }
    body.page-template-archive-wwines_products section#filters-and-search.only-sac-and-search-above-xs>div.inner div#select-a-category-and-search {
        padding-top: 9px
    }
    body.page-template-archive-wwines_products section#filters-and-search.only-sac-and-search-above-xs ~ section#filters-and-search-close-above-xs #inner a.button:before {
        content: 'Filtrera din sökning'
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-above-xs #inner a.button:before {
        content: 'Stäng filtrering'
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-above-xs {
        background: white
    }
    body.page-template-archive-wwines_products section#filters-and-search-close-above-xs #inner {
        margin-top: -5px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    body.page-template-archive-wwines_products section#filters-and-search-close-above-xs #inner {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    body.page-template-archive-wwines_products section#filters-and-search-close-above-xs #inner a.button {
        float: right;
        display: inline-block;
        width: 142px;
        height: 30px;
        padding-top: 7.5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: #bfbfbf;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice {
        text-align: center
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs {
        text-align: center
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs input {
        margin-right: 3px;
        width: 50%
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#search-above-xs a.button {
        float: none
    }
}

@media (max-width: 1199px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner span.title {
        text-align: center
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner hr {
        margin-bottom: 6px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#goes-with-and-clear-filters #clear-filters {
        right: 15px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice {
        margin-bottom: 8px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price {
        text-align: center
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price>div:not(last-child) {
        margin-right: 6px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#select-a-category {
        margin-bottom: 8px;
        text-align: center
    }
    body.page-template-archive-wwines_products main div.container div.products {
        text-align: center
    }
}

@media (min-width: 1200px) {
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#choice>hr {
        margin-right: -30px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price>div {
        width: 25%
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price>div:nth-of-type(2) {
        padding-left: 1px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#choices-and-price-filter div#price>div:nth-of-type(3) {
        padding-left: 3px
    }
    body.page-template-archive-wwines_products section#filters-and-search>div.inner div#select-a-category-and-search div#select-a-category>hr {
        margin-right: -30px
    }
    body.page-template-archive-wwines_products main div.container div.products>div:nth-child(5n+1),
    body.page-template-archive-wwines_products main div.container div.products>div:nth-child(5n+2) {
        width: 232px
    }
    body.page-template-archive-wwines_products main div.container div.products>div:nth-child(5n+3),
    body.page-template-archive-wwines_products main div.container div.products>div:nth-child(5n+4) {
        width: 231px
    }
}

/* FILE: _single_wwines_products.scss */

body.single-wwines_products main {
    background: white;
    padding-bottom: 195px;
    font-family: 'Roboto'
}

body.single-wwines_products main h1,
body.single-wwines_products main h2 {
    font-family: 'Trocchi'
}

body.single-wwines_products main h2 {
    font-size: 26px
}

body.single-wwines_products main h1 {
    font-size: 20px
}

@media (min-width: 768px) {
    body.single-wwines_products main h1 {
        font-size: 36px
    }
}

body.single-wwines_products main h2 {
    font-size: 22px
}

@media (min-width: 768px) {
    body.single-wwines_products main h2 {
        font-size: 26px
    }
}

body.single-wwines_products main div#breadcrumbs-et-cetera {
    padding-top: 10px
}

body.single-wwines_products main div#breadcrumbs-et-cetera #back,
body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs {
    font-size: 14px
}

body.single-wwines_products main div#breadcrumbs-et-cetera #back a,
body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs a {
    color: black
}

body.single-wwines_products main div#breadcrumbs-et-cetera #back>span {
    top: 2px
}

body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs>span {
    top: -1px
}

body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs>span:before {
    font-size: 7px
}

@media (max-width: 767px) {
    body.single-wwines_products main div#breadcrumbs-et-cetera #back {
        padding-right: 0
    }
    body.single-wwines_products main div#breadcrumbs-et-cetera #back,
    body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs {
        font-size: 11px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.single-wwines_products main div#breadcrumbs-et-cetera #breadcrumbs:not(.single_post_multiple_categories) {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    body.single-wwines_products main div#breadcrumbs-et-cetera {
        padding-top: 60px
    }
    body.single-wwines_products main div#breadcrumbs-et-cetera #back {
        text-align: right
    }
}

body.single-wwines_products main div#breadcrumbs-et-cetera a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.single-wwines_products main div#breadcrumbs-et-cetera a.product-sheet {
    margin-left: 13px
}

body.single-wwines_products main div#breadcrumbs-et-cetera a.facebook-share>span {
    margin-right: 10px
}

body.single-wwines_products main div#breadcrumbs-et-cetera a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.single-wwines_products main div#breadcrumbs-et-cetera a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.single-wwines_products main div#breadcrumbs-et-cetera a.product-sheet {
        margin-left: 10px
    }
    body.single-wwines_products main div#breadcrumbs-et-cetera a.facebook-share>span {
        margin-right: 7px
    }
    body.single-wwines_products main div#breadcrumbs-et-cetera a.facebook-share>img {
        width: 12px
    }
}

body.single-wwines_products main div#facebook-share-product-sheet-xs {
    width: 100%
}

body.single-wwines_products main div#facebook-share-product-sheet-xs a.btn {
    border-radius: 5px;
    border: solid 1px black;
    color: black;
    font-size: 12px;
    height: 40px;
    padding: 11px 18px 0 18px
}

body.single-wwines_products main div#facebook-share-product-sheet-xs a.product-sheet {
    margin-left: 13px
}

body.single-wwines_products main div#facebook-share-product-sheet-xs a.facebook-share>span {
    margin-right: 10px
}

body.single-wwines_products main div#facebook-share-product-sheet-xs a.facebook-share>img {
    vertical-align: top
}

@media (max-width: 991px) {
    body.single-wwines_products main div#facebook-share-product-sheet-xs a.btn {
        font-size: 10px;
        height: 32px;
        padding: 9px 13px 0 13px
    }
    body.single-wwines_products main div#facebook-share-product-sheet-xs a.product-sheet {
        margin-left: 10px
    }
    body.single-wwines_products main div#facebook-share-product-sheet-xs a.facebook-share>span {
        margin-right: 7px
    }
    body.single-wwines_products main div#facebook-share-product-sheet-xs a.facebook-share>img {
        width: 12px
    }
}

body.single-wwines_products main div#inner-main {
    font-family: 'Roboto';
    padding-top: 48px
}

@media (min-width: 768px) {
    body.single-wwines_products main div#inner-main {
        padding-top: 95px
    }
}

body.single-wwines_products main div#inner-main .content #country-symbol {
    margin-left: 10px
}

body.single-wwines_products main div#inner-main .content>a {
    color: black
}

body.single-wwines_products main div#inner-main .content p {
    font-size: 18px
}

body.single-wwines_products main div#inner-main .content div#flavors-wrapper {
    padding-top: 15px;
    padding-bottom: 10px
}

@media (max-width: 768px) {
    body.single-wwines_products main div#inner-main .content div#flavors-wrapper {
        text-align: center
    }
}

body.single-wwines_products main div#inner-main .content div.product-property {
    display: inline-block;
    width: 90px
}

body.single-wwines_products main div#inner-main .content div.product-property>img {
    width: 53px;
    height: 53px;
    margin-bottom: 9px
}

body.single-wwines_products main div#inner-main .content div.product-property>small {
    display: block
}

@media (min-width: 1200px) {
    body.single-wwines_products main div#inner-main .content div.product-property {
        width: 12%
    }
}

body.single-wwines_products main div#inner-main .content ul.list-inline {
    display: inline-block;
    width: 100%;
    border-top: solid 1px #d1d1d1
}

@media (max-width: 1199px) {
    body.single-wwines_products main div#inner-main .content ul.list-inline {
        border-top: none;
        padding-bottom: 11%
    }
}

body.single-wwines_products main div#inner-main .content ul.list-inline li.price {
    font-size: 2em;
    padding-top: 43px;
    padding-right: 15px
}

body.single-wwines_products main div#inner-main .content ul.list-inline .order-li {
    padding-right: 20px
}

body.single-wwines_products main div#inner-main .content ul.list-inline .order-li>input {
    width: 35px;
    font-size: 14px;
    height: 32px
}

body.single-wwines_products main div#inner-main .content ul.list-inline .order-li div.order.dropdown>button {
    width: 184px;
    height: 47px;
    color: white;
    background: #5ebf87;
    font-size: 17px;
    outline: none
}

body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes {
    display: block;
    padding-top: 15px
}

body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes img {
    width: 60px
}

body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes p {
    margin-top: 10px;
    font-size: 15px
}

@media (min-width: 768px) {
    body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes img {
        vertical-align: sub
    }
    body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes p {
        display: inline-block
    }
}

@media (min-width: 992px) {
    body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes {
        float: right;
        padding-top: 41px;
        padding-right: 90px
    }
}

@media (min-width: 1200px) {
    body.single-wwines_products main div#inner-main .content ul.list-inline li.many-volumes {
        padding-right: 55px
    }
}

body.single-wwines_products main div#inner-main .content>#stock-item-wrapper {
    border-left: solid 1px #d1d1d1;
    padding-top: 22px;
    padding-bottom: 19px
}

body.single-wwines_products main div#inner-main .content>#stock-item-wrapper p.title {
    font-weight: 500;
    margin-bottom: 3px
}

body.single-wwines_products main div#inner-main .content>#stock-item-wrapper p {
    font-family: 'Roboto';
    padding-left: 28px;
    font-size: 14px
}

body.single-wwines_products main div#inner-main .content>#stock-item-wrapper p a {
    text-decoration: none;
    color: black;
    font-weight: 500
}

body.single-wwines_products main div#inner-main .content h2#recensioner {
    margin-top: 120px
}

body.single-wwines_products main div#inner-main .content div.review a {
    color: black
}

body.single-wwines_products main div#inner-main .content #about-producer-content {
    overflow-y: hidden;
    height: 165px
}

body.single-wwines_products main div#inner-main .content #about-producer-content #producer-name {
    padding-top: 10px
}

body.single-wwines_products main div#inner-main .content #about-producer-content>.title {
    margin-top: 49px;
    margin-bottom: 0px
}

body.single-wwines_products main div#inner-main .content #about-producer-content h2 {
    margin-top: 55px
}

body.single-wwines_products main div#inner-main .content #about-producer-content>#serving-tip {
    margin-bottom: 69px
}

body.single-wwines_products main div#inner-main .content #about-producer-content div#producer-facts-wrapper>.producer-facts div .title {
    margin-bottom: 0
}

body.single-wwines_products main div#inner-main .content #about-producer-content div#producer-facts-wrapper>.producer-facts div .text {
    margin-bottom: 20px
}

body.single-wwines_products main div#inner-main .content #about-producer-content a#till-systembolaget {
    padding: 40px 0 10px 0;
    text-decoration: none;
    color: #911a3b;
    display: inline-block
}

body.single-wwines_products main div#inner-main .content #about-producer-content a#till-systembolaget:hover {
    text-decoration: underline
}

@media (min-width: 768px) {
    body.single-wwines_products main div#inner-main .content #about-producer-content {
        float: left
    }
}

body.single-wwines_products main div#inner-main .content a#about-producer-content-show-more {
    cursor: pointer;
    padding-top: 20px
}

body.single-wwines_products main div#inner-main .content a#about-producer-content-show-more p#link-text {
    display: inline-block;
    padding-right: 5px
}

body.single-wwines_products main div#inner-main .content a#about-producer-content-show-more span.glyphicon,
body.single-wwines_products body.page-template-archive-wwines_products main div#inner-main .content a#about-producer-content-show-more span.loading-icon,
body.page-template-archive-wwines_products body.single-wwines_products main div#inner-main .content a#about-producer-content-show-more span.loading-icon {
    font-size: 11px
}

body.single-wwines_products main div#inner-main .content hr {
    background: #dcdcdc;
    height: 1px;
    width: 100%
}

body.single-wwines_products main div#inner-main .content #about-producer-hr {
    margin-top: 64px
}

body.single-wwines_products main div#inner-main .content .review-hr {
    margin: 30px 0 30px 0
}

body.single-wwines_products main div#inner-main .related-links a {
    color: black
}

body.single-wwines_products main div#inner-main .related-links>p.title {
    font-family: 'Trocchi';
    font-size: 19px
}

body.single-wwines_products main div#inner-main .related-links div {
    background: black;
    height: 2px;
    margin-bottom: 31px;
    width: 168px
}

body.single-wwines_products main div#inner-main .related-links>p>a>span:before {
    font-size: 10px
}

@-moz-document url-prefix() {
    body.single-wwines_products #about-producer-hr {
        float: right
    }
}

body.single-wwines_products main div.container h2 {
    margin-bottom: 30px
}

body.single-wwines_products main div.container .row>.col-lg-4>p.title {
    margin: 20px 0 28px 0
}

body.single-wwines_products main div.container .row>.col-lg-4>p>a {
    color: black
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.image>img {
    width: 100%
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera {
    padding-top: 1em
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera>p.title {
    font-size: 18px
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera>p:not(.title) {
    line-height: 1.75;
    font-size: 14px
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera>p.date {
    text-transform: uppercase;
    font-size: 11px;
    color: #636363
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera>p.link {
    font-weight: bold
}

body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera>p.link>a {
    color: black
}

body.single-wwines_products main div.container #related-products-h2 {
    margin-top: 100px
}

body.single-wwines_products .mobile-order-section {
    border-top: none !important
}

@media (min-width: 768px) {
    body.single-wwines_products .mobile-order-section {
        display: none !important
    }
}

body.single-wwines_products .desktop-order-section {
    display: none !important
}

@media (min-width: 768px) {
    body.single-wwines_products .desktop-order-section {
        display: block !important
    }
}

body.single-wwines_products .single-product-image img {
    max-width: 100px
}

@media (min-width: 768px) {
    body.single-wwines_products .single-product-image img {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    body.single-wwines_products main {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div {
        float: left;
        width: 50%
    }
    body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.title-et-cetera {
        padding-left: 1em
    }
}

@media (min-width: 768px) {
    body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles>div.image {
        overflow: hidden;
        height: 218px
    }
}

@media (max-width: 1199px) {
    body.single-wwines_products main div.container div#related-urls .wwines_render_related_articles {
        margin-bottom: 21px
    }
}

#news-categories,
#news-page-categories,
#search-page-categories {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    padding-top: 32px;
    padding-bottom: 60px
}

#news-categories>a,
#news-categories li,
#news-categories li a,
#news-page-categories>a,
#news-page-categories li,
#news-page-categories li a,
#search-page-categories>a,
#search-page-categories li,
#search-page-categories li a {
    margin-right: 20px;
    padding: 0 5px 5px 5px;
    text-decoration: none;
    color: black
}

#news-categories>a:last-child,
#news-categories li:last-child,
#news-categories li a:last-child,
#news-page-categories>a:last-child,
#news-page-categories li:last-child,
#news-page-categories li a:last-child,
#search-page-categories>a:last-child,
#search-page-categories li:last-child,
#search-page-categories li a:last-child {
    margin-right: 0
}

#news-categories>a.active,
#news-categories>a:hover,
#news-categories li.active,
#news-categories li:hover,
#news-categories li a.active,
#news-categories li a:hover,
#news-page-categories>a.active,
#news-page-categories>a:hover,
#news-page-categories li.active,
#news-page-categories li:hover,
#news-page-categories li a.active,
#news-page-categories li a:hover,
#search-page-categories>a.active,
#search-page-categories>a:hover,
#search-page-categories li.active,
#search-page-categories li:hover,
#search-page-categories li a.active,
#search-page-categories li a:hover {
    border-bottom: 2px solid #5ebf87;
    cursor: pointer
}

#news-categories li,
#news-page-categories li,
#search-page-categories li {
    display: inline;
    list-style: none
}

#news-categories li a,
#news-page-categories li a,
#search-page-categories li a {
    color: black;
    text-decoration: none
}

#news-page-categories {
    line-height: 30px
}

section#news,
#categories-page {
    padding-top: 0px;
    background: url("graphics/handmadepaper.png")
}

section#news .wwines-container-xl,
#categories-page .wwines-container-xl {
    padding-bottom: 10px
}

section#news h1,
#categories-page h1 {
    font-family: 'Trocchi';
    color: #2b2b2b;
    padding-top: 35px
}

section#news #container-3,
#categories-page #container-3 {
    margin-top: 68px
}

section#news .post,
#categories-page .post {
    display: inline-block;
    position: relative;
    margin-bottom: 60px
}

section#news .post img,
#categories-page .post img {
    width: 100%;
    height: auto
}

section#news .post div.hover-on-top,
#categories-page .post div.hover-on-top {
    display: none;
    position: absolute;
    width: 300px;
    height: 100%;
    background: black;
    opacity: 0.75
}

section#news .post div.hover-on-top-text,
#categories-page .post div.hover-on-top-text {
    display: none;
    position: absolute;
    color: white;
    width: 300px;
    height: 264px;
    font-family: 'Roboto';
    text-align: center
}

section#news .post div.hover-on-top-text>span,
#categories-page .post div.hover-on-top-text>span {
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%)
}

section#news .post:hover div.hover-on-top,
section#news .post:hover div.hover-on-top-text,
#categories-page .post:hover div.hover-on-top,
#categories-page .post:hover div.hover-on-top-text {
    display: block
}

section#news .post .inner,
#categories-page .post .inner {
    height: 240px;
    width: 100%;
    background: white;
    padding: 15px 22px 0 22px;
    font-family: 'Roboto';
    text-align: left
}

section#news .post .inner .content,
#categories-page .post .inner .content {
    height: 154px;
    overflow-y: hidden;
    position: relative;
    display: inline-block
}

section#news .post .inner .content .title,
#categories-page .post .inner .content .title {
    font-size: 18px;
    color: #7f183d
}

section#news .post .inner .content>.date-wrapper,
#categories-page .post .inner .content>.date-wrapper {
    font-size: 11px;
    padding-top: 10px;
    width: 100%;
    height: 40px
}

section#news .post .inner .content>.date-wrapper .date,
#categories-page .post .inner .content>.date-wrapper .date {
    float: left;
    width: 31%;
    color: #636363
}

section#news .post .inner .content>.date-wrapper .line,
#categories-page .post .inner .content>.date-wrapper .line {
    float: left;
    width: 7%;
    color: #636363;
    list-style: none
}

section#news .post .inner .content>.date-wrapper ul,
#categories-page .post .inner .content>.date-wrapper ul {
    width: 100%;
    height: 40px;
    padding-left: 84px
}

section#news .post .inner .content>.date-wrapper ul li,
#categories-page .post .inner .content>.date-wrapper ul li {
    list-style: none
}

section#news .post .inner .content>.date-wrapper ul li a,
#categories-page .post .inner .content>.date-wrapper ul li a {
    float: left;
    padding-right: 5px;
    color: #7f183d;
    text-transform: uppercase
}

section#news .post .inner .content .text-wrapper,
#categories-page .post .inner .content .text-wrapper {
    height: 75px
}

section#news .post .inner .content .text-wrapper:after,
#categories-page .post .inner .content .text-wrapper:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    content: '';
    box-shadow: inset 0 -52px 26px -26px rgba(255, 255, 255, 0.9)
}

section#news .post .inner .content .text-wrapper>p,
#categories-page .post .inner .content .text-wrapper>p {
    font-size: 14px;
    line-height: 1.8;
    height: 100%;
    margin: 0
}

section#news .post .inner .link-wrapper p,
section#news .post .inner .link-wrapper a,
#categories-page .post .inner .link-wrapper p,
#categories-page .post .inner .link-wrapper a {
    color: #7f183d;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    width: 100%
}

section#news .post .inner .link-wrapper p>a,
section#news .post .inner .link-wrapper a>a,
#categories-page .post .inner .link-wrapper p>a,
#categories-page .post .inner .link-wrapper a>a {
    text-decoration: none
}

section#news #button-wrapper,
#categories-page #button-wrapper {
    padding: 26px 0 35px 0
}

section#news #button-wrapper button,
#categories-page #button-wrapper button {
    width: 150px;
    height: 37px;
    background-color: #5ebf87;
    font-size: 14px;
    color: white
}

section#news #load-more-button,
#categories-page #load-more-button {
    background-color: #5ebf87;
    color: white;
    border: none;
    outline: none;
    margin-bottom: 60px
}

section#news .no-posts-message,
#categories-page .no-posts-message {
    font-family: 'Trocchi'
}

div.wpcf7-validation-errors {
    border: 0px solid #f7e700
}

div.wpcf7-response-output {
    margin: 2em 2.5em 0em;
    padding: 0em 0em
}

.news-container {
    text-align: center
}

body.home section#manadens-favoriter .fifths-1>div {
    background: #fff;
    height: auto
}

@media (min-width: 768px) {
    body.home section#manadens-favoriter .fifths-1>div {
        height: 300px
    }
}

@media (max-width: 767px) {
    body.page>main div.content h1,
    body.single-post>main div.content h1 {
        font-size: 24px
    }
    body.page>main div.content h2,
    body.single-post>main div.content h2 {
        font-size: 20px
    }
    body.page>main div.content h3,
    body.single-post>main div.content h3 {
        font-size: 18px
    }
}

body.page .alignleft,
body.single-post .alignleft,
body.single-wwines_products .alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

body.page .alignright,
body.single-post .alignright,
body.single-wwines_products .alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

body.page .aligncenter,
body.single-post .aligncenter,
body.single-wwines_products .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.super-image {
    float: none;
    margin: 65px auto;
    max-width: 200px
}

.super-image-intext {
    display: none
}

@media only screen and (max-width: 1200px) {
    .super-image-intext {
        display: inline-block;
        float: none;
        margin: 20px auto;
        max-width: 200px !important
    }
}

@media only screen and (max-width: 1200px) {
    .super-image {
        display: none
    }
}

body.single-wwines_products main div#inner-main .content ul.list-inline .order-li div.order.dropdown > a {
    width: 184px;
    height: 47px;
    color: white;
    background: #5ebf87;
    font-size: 17px;
    outline: none;
    padding: 12px;
}

body.single-wwines_products .two .order > a {
    color: white;
    background: #5ebf87;
    height: 37px;
    max-width: 113px;
    outline: none;
    padding: 8px;
}

body.single-post #wine-highlight .new-order-btn {
    width: 184px;
    height: 47px;
    color: white;
    background: #5ebf87;
    font-size: 17px;
    outline: none;
    padding: 12px;
}

body.single-post #inner-main2 .two .order > a {
    color: white;
    background: #5ebf87;
    height: 37px;
    max-width: 113px;
    outline: none;
    padding: 8px;
}


/* Butiken */

body.page-template-archive-wwines_products main > div.container div.products > div > div.inner div.order-et-cetera div.order.dropdown {
    margin-left: 23px;
    top: 3px;
}

@media (min-width: 768px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista>a {
        background-color: #5ebf87;
        color: white;
        font-size: 12px;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 10px;
        outline: none;
        text-align: center;
        width: 132px;
    }
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista> a > span {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    body.home section#veckans-topplista>div.inner .wwines_render_veckans_topplista>a {
        background-color: #5ebf87;
        color: white;
        font-size: 12px;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 10px;
        outline: none;
        text-align: center;
        width: 81px;
    }
    body.single-wwines_products .two .order > a {
        max-width: 81px;
    }
    body.single-post #inner-main2 .two .order > a {
        max-width: 81px;
    }
    body.single-post #wine-highlight .new-order-btn {
        max-width: 120px;
    }
}

body.single-wwines_products main div#inner-main .content ul.list-inline .order-li > input {
    display: none;
}

body.single-post main div#inner-main1 .content #wine-highlight>div.row>div.article-content div.eights-1 {
    display: none;
}