/*
 Theme Name:   Shopscape Child
 Theme URI:    http://shopscape.bold-themes.com
 Description:  Shopscape Child Theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     shopscape
 Version:      1.0.0
 Tags:         one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  shopscape-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
 
.btBreadCrumbs {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
    .hide-bg-mobile {
        background-image: none !important;
    }
}

@media (max-width: 991px) {
    .hide-mobile-md {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}

.float-right {
    float: right;
}

.uppercase {
    text-transform: uppercase;
}

.f-montserrat,
.f-montserrat .headline {
    font-family: 'Montserrat';
}

.font-extrabold,
.font-extrabold .headline {
    font-weight: 800;
}

.font-bold,
.font-bold .headline {
    font-weight: 700;
}

.font-600 .btSubTitle {
    font-weight: 600;
}

.font-medium {
    font-weight: 500;
}

.text-orange {
    /* color: #ec6745; /* ??? */
    color: #e67232;
}

.text-accent {
    color: var(--accent-color);
}

.text-alternate {
    color: var(--alternate-color);
}

.text-white {
    color: #ffffff;
}

.header-white-sub-black .btSubTitle{
    color: #eee;
}

.leading-1-1,
.leading-1-1.header .headline {
    line-height: 1.1;
}


#bt-top-content-wrap {
    padding-top: 0px;
}


body.btMenuHorizontal.btStickyHeaderActive.btLightSkin .mainHeader {
    
}

/* mobile hamburger default */
.mainHeader .btIco.btIcoDefaultColor a.btIcoHolder::before {
    color: #eee!important;
}

/* sticky navi not-scrolled */
body.btMenuHorizontal .mainHeader ul.menu li a {
    color: #fff;

}
/* sticky navi scrolled */
body.btMenuHorizontal.btStickyHeaderActive.btLightSkin .mainHeader ul.menu li a {
    color: #333;
}

/* Header with f-wh class should have white text */
section .header.f-wh .headline {
    color: #ffffff;
}

.header.supertitle-gray .btSuperTitle {
    color: #999999;
}

.header.supertitle-white .btSuperTitle {
    color: #ffffff;
}

.header.supertitle-extra-bold .btSuperTitle {
    font-weight: 900;
}

.header .btSuperTitle {
    letter-spacing: 0px!important;
    display: block!important;

}


.btContent strong.ingress {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}

/* height 100vh */
@media (min-width: 800px) and (max-width: 2200px) and (min-height: 800px) and (max-height: 1400px) {
    .home-top-section-1 {
        height:80vh;
    }
}

body .header .dash {
    display: block;
}

body .btDash.bottomDash .dash:after {
    border-width: 5px;
}

body .header.large.bottomDash.list-header .dash:after {
    border-width: 2px;
}

body .header.large.bottomDash.list-header .dash .btSuperTitle {
    margin-bottom: 1.5em;
}

.text-right {
    text-align: right;
}

body .opacity-100 .btSubTitle,
body .header .btSubTitle {
    opacity: 1;
}

.wBackground.bg-top {
    background-position-y: top;
}

.wBackground.bg-bottom {
    background-position-y: bottom;
}

.wBackground.bg-right {
    background-position-x: right;
}

.wBackground.bg-left {
    background-position-x: left;
}

.wBackground.bg-x-center {
    background-position-x: center;
}

section.wBackground.bg-size-auto {
    background-size: auto;
}

@media (max-width: 400px) {
    section.wBackground.bg-size-contain-xxs {
        background-size: contain;
    }
    section.wBackground.bg-size-auto-xxs {
        background-size: auto;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    section.wBackground.bg-pos-y-30-ms {
        background-position-y: 30%;
    }
}

@media (min-width: 1200px) {
    section.wBackground.bg-size-cover-lg {
        background-size: cover;
    }
}

/* orange color headline part */
body.home .headline b.animate,
body.home .headline b.animate.animated {
    color: var(--accent-color);
}

btBtn btBtn btnFilledStyle btnLightColor btnMedium btnNormalWidth btnOrangeBg btnRightPosition btnNoIcon
body .port a.btBtn.btnOrangeBg > span.btnInnerText,
body .port a.btBtn.btnOrangeBg:visited > span.btnInnerText {
    color: #ffffff !important;
}

body .port a.btBtn.btnOrangeBg:hover > span.btnInnerText {
    color: #00A4E2!important;
}


/* etusivun eka sectioni, Headeriin ei saa Html:ää, ei voi olla 2 värinen; */
.frontpage-top-section .headline,
.frontpage-top-section .btSubTitle {
    color: #fff;
}

.btnOrangeBg {
    color: #ffffff!important;
    border-color: #e67232!important;
    background-color: #e67232!important;    
}

.btnOrangeBg:hover {
    color: #00A4E2!important;
    border-color: #00A4E2!important;
    background-color: #ffffff!important;    
}

.btnCustomColor {
    color: #252525;
    border-color: #00A4E1!important;
}

.btnFilledStyle.btnCustomColor {
    background-color: #00A4E1!important;
}

.btLightSkin .btnFilledStyle.btnLightColor.btnCustomColor:hover,
.btLightSkin .btnFilledStyle.btnLightColor.btnCustomColor:hover > span,
.btnFilledStyle.btnCustomColor:hover {
    color: #252525!important;
    background-color: #ffffff!important;
    border: 2px solid #00A4E1!important;
}

.btnFilledStyle.btnCustomColor:hover span {
    color: #ffffff!important;
}

.btnOutlineStyle.btnCustomColor {
    background-color: transparent;
}


/* smartload-sivu */

.sub-page-heade-container .header.huge .btSuperTitle {
    font-size: 56px;
    color: #fff;
}

@media (max-width: 769px) {
    .sub-page-heade-container .header.huge .btSuperTitle {
        font-size: 16px;
    }
}


body:not(.home) h2 .headline {
    color: #252525;
}
body:not(.home) .btContent .header-blue-line > hr {
    border-bottom: 10px solid var(--alternate-color);
}


.headline-dashes .headline {
    padding: 0 0 10px;
    border-bottom: 1px solid var(--accent-color);
}

@media (min-width: 769px) {
    .headline-dashes .headline {
        padding: 18px 0;
         border-top: 1px solid var(--accent-color); 
    }

    .header.frontpage-top-section .headline,
    .header.frontpage-top-section .btSubTitle {
        max-width: 600px;
    }
}



footer.btLightSkin, .btDarkSkin footer.btLightSkin {
    background-color: #000000;
}

footer a.link-item,
footer .btText ul a.link-item:visited,
footer .btText ul a.link-item {
    color: #ffffff!important;
}

footer a.link-item:hover {
    color: var(--accent-color) !important;
}

footer a.link-item:before {
    content: '\f054';
    margin: 0 5px 1px 0;
    vertical-align: text-bottom;
    display: inline-block;
    font-size: 9px;
    font-family: FontAwesome;
    color: var(--accent-color);
}

section.btSiteFooter {
    display:none;
    width: 0;
    height: 0;
}

.btDarkSkin footer.btLightSkin .btSiteFooterWidgets {
    color: #ffffff;
}

footer .btIco.btIcoSmallSize .btIcoHolder:before {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.btDarkSkin footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before {
    box-shadow: 0 0 0 1em var(--accent-color) inset;
}

footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before {
    box-shadow: 0 0 0 1em var(--accent-color) inset;
}

footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder.f-22:before {
    font-size: 22px;
}

footer.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder.f-24:before {
    font-size: 24px;
}

footer .top-margin-30 {
    margin-top: 30px;
}
footer .top-margin-20 {
    margin-top: 20px;
}
footer .top-margin-5 {
    margin-top: 5px;
}
footer .bottom-margin-30 {
    margin-bottom: 30px;
}

footer .copyright {
    font-size: 11px;
    line-height: 1.4;
    color: #999999;
}

footer .f-12 {
    font-size: 12px;
    line-height: 1.4;
}

footer .f-13 {
    font-size: 13px;
    line-height: 1.4;
}

.btBox ul.compact li {
    padding: 2px 0;
}

.btBox ul.bottom-margin-30 {
    margin-bottom: 30px;
}

#boldSiteFooterLowerWidgetsRow {
    border-bottom: 5px solid var(-- alternate-color);
    margin: 0;
}

@media (max-width: 768px) {
    #boldSiteFooterLowerWidgetsRow {
        margin-top: 10px;
    }

    .home-top-section-1-mobile .frontpage-top-section {
        margin-top: 220px;
    }
    .home-top-section-1-mobile .btSuperTitle {
        width: 220px;
    }
    .btBtn.btnFilledStyle.btnMobileCenter {
        display: block;
        text-align: center;
        min-width: 220px;
        min-height: 48px;
        margin-left: auto;
        margin-right: auto;
    }
    .btBtn.btnFilledStyle.btnMobileCenter>span {
        padding-left: inherit;
        padding-right: inherit;
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    footer .btDoubleRowPadding .rowItem {
        padding-right: 0px;
    }
    footer .btDoubleRowPadding .rowItem .btBox.widget_block{
        padding-bottom: 0px;
    }
}

#boldSiteFooterLowerWidgetsRow .btBox.widget_block {
    padding-bottom: 0;
}

/* Cookie notice styles */
.cookie-notice {
    background-color: var(--alternate-color);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em 0;
    position: fixed;
    z-index: 1999;
    display: none;
}
.cookie-notice .port {
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .cookie-notice .port {
        flex-direction: column;
    }
    .cookie-dismiss {
        margin-top: 1em;
    }
}
.cookie-message {
    color: #ddd;
    font-size: 12px;
    line-height: 1.3;
    flex: 1 1 auto;
    margin-right: 1em;
}
.cookie-link {
    color: #eee;
}
.cookie-dismiss {
    background-color: #00424a;
    font-size: 15px;
    color: #eee;
    padding: 0 2em;
    height: 48px;
    line-height: 48px;
    display: flex;
    width: 130px;
    cursor: pointer;
}
.cookie-dismiss:before {
    content: '\e680';
    margin: 0 5px 1px 0;
    vertical-align: middle;
    display: inline-block;
    font-family: Icon7Stroke;
    font-size: 30px;
    font-weight: 700;
}

.carmax-info {
    background-color: #f2f2f2;
    padding: 15px;
    line-height: 1.4;
}

.carmax-info-title {
    font-weight: 700;
    margin-bottom: 15px;
}

.car-selector-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.page .car-selector-wrapper select {
    max-width: 330px;
    border-width: 2px;
}

@media (min-width: 769px) {
    .car-selector-wrapper {
        flex-wrap: nowrap;
    }
}


.header.large .btSubTitle {
    font-size: 18px!important;
}

@media (max-width: 768px) {
    .header.large .btSubTitle {
        font-size: 16px!important;
    }
}

.header.small .btSubTitle,
.header.medium .btSubTitle {
    font-size: 16px!important;
}

@media (max-width: 768px) {
    .header.small .btSubTitle,
    .header.medium .btSubTitle {
        font-size: 16px;
    }
}


@media (max-width: 991px) {
    .img-30 img {
        max-width: 30%!important;
        margin-left: auto;
        margin-right: auto;
    }

    .img-80 img {
        max-width: 80%!important;
        margin-left: auto;
        margin-right: auto;
    }

    .img-50 img {
        max-width: 50%!important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* title line change fix latauskaapeli 2 ... more readable! */
@media (min-width: 1172px) {
    .col-md-4 h4 {
        font-size: 26px;
    }
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}