/*
Theme Name: GWM 2.0 - Flatsome Child
Theme URI: http://gwm.se/
Description: This is a child theme for Flatsome
Template: flatsome
Version: 0.0.8
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

ul.sub-menu {
    text-indent: 15px;
}

.inner-wrap {
    height: 450px;
}

.bx-wrapper .bx-viewport {
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    left: 0px;
}

.copyright-footer {
    color: #fff;
    opacity: 1;
}

.absolute-footer, .absolute-footer a {
    color: #fff;
    opacity: 1;
}

@media only screen and (min-width: 48.01em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .selected-product .box-image {
        height: 180px;
    }
    .box-image {
        max-height: 180px;
        min-height: 180px;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .box-image {
        width: 100%;
        height: auto;
    }
    .inner-wrap {
        height: 550px;
    }
    .hide-mobile {
        display: none;
    }
}

.category-image {
    margin-bottom: 20px;
}

.category-image__title {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 62px;
    width: 100%;
}

.category-image__title h1 {
    margin-top: 10px;
    margin-left: 50px;
}

.tax-pa_formgivare .category-image__title,
.tax-pa_varumarke .category-image__title {
    display: none;
}

.tax-pa_varumarke .category-image {
    text-align: center;
}

.tax-pa_varumarke .category-image__image {
    max-width: 300px;
    height: auto;
}

.box-text-products .price-wrapper,
.box-text-products p {
    margin-top: .2em;
}

.startpage-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
    text-shadow: 0px 0px 2px #585858;
}

.startpage-item {
    background: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    text-align: center;
    height: 250px;
    margin-bottom: 0;
}

@media all and (min-width: 750px) {
    .startpage-item {
        width: 50%;
    }
}

.startpage-item__content h1 {
    margin-top: 0;
    color: #fff;
}

.startpage-item__content .entry-content {
    padding: 0;
}

.startpage-item a {
    height: 100%;
    display: flex;
    text-decoration: none;
    color: #fff;

    justify-content: center;
    align-items: center;
}

.startpage-item a:hover {
    background-color: rgba(2, 2, 2, 0.3);
}

.newsletter-signup {
    text-align: center;
}

input.newsletter-signup__input {
    width: 250px;
}

div.mce_inline_error { 
    display: none !important; 
}

.social-follow {
    text-align: center;
}

.social-follow__link:first-child {
    margin-right: 1em;
}

.social-follow__icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}


.term-description {
    overflow: hidden;
}

.term-description .image {
    margin-bottom: 19.6px;
}

.term-description .image img {
    max-height: 300px;
    margin: 0 auto;
    display: block;
}

.term-description .information {
    margin-bottom: 15px;
}

.term-description .read-more {
    display: none;
}

.term-description.expandable .read-more {
    display: block;
    margin-top: 5px;
    cursor: pointer;
    font-weight: 600;
}

.term-description.expandable .description {
    overflow: hidden;
    height: 170px;
    /* transition: height 0.15s ease-out; */
    
}


.term-description.expandable.open .description {
    height: auto;
    /* transition: height 0.25s ease-in; */
}

@media only screen and (min-width: 768px) {
    .term-description .image {
        float: left;
        width: 200px;
    }

    .term-description .information {
        float: left;
        width: calc(100% - 219.6px);
        margin-left: 19.6px;
    }
}