/*
 Theme Name:   Joulukuusikauppa.fi (child bootScore 5)
 Description:  Joulukuusikauppa.fi bootScore 5 WooCommerce Child Theme
 Author:       Joulukuusikauppa.fi
 Author URI:   https://joulukuusikauppa.fi
 Template:     bootscore-5
 Version:      5.0.2.2
 Text Domain:  bootscore
*/

body {
    font-family: 'Roboto', sans-serif !important;
}

body a {
  color: #008000;  
}

#desktop-navbar li ul li a {
    color: #333;
    text-shadow: 0px 0px 0px #eee;
}

body .btn-success {
    color: #fff;
    background-color: #55AA66;
    border-color: #55AA66;
}

body .btn-primary {
    color: #fff;
    background-color: #008000;
    border-color: #008000;
}

body .btn-primary.disabled,body  .btn-primary:disabled {
    color: #fff;
    background-color: #008000;
    border-color: #008000;
}

body .btn-outline-primary {
    border-color: #008000;
    color: #008000;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #008000;
}

.desktop-buttons .rounded-pill {
    font-size: .5em;
}

#masthead {
    height: 550px;
    background: url(img/tausta.jpg) green;
    background-size: 100% 100%;
}

#masthead .top {
    z-index: 2;
    position: relative;

}

.wpcf7-form label {
    width: 95%;
}

#masthead .container {
    text-align: center;
}

#masthead-mobile .navbar-brand2 img {
    height: 30px;
}

#masthead-mobile .btn-outline-secondary {
    color: white;
    border-color: white;
}


#masthead-mobile .bg-light , #masthead-mobile .navbar-light {
    background: #55AA66;
}

#masthead .navbar-brand2 img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
}

#desktop-navbar {
    padding: 0px;
    margin: 0px !important;
    list-style-type: none;
    margin: 0 auto;
}

#desktop-navbar li {
    display: inline-block;
}

#desktop-navbar li a {
   color: white;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 500;
    text-shadow: 0px 0px 2px #111;
}

#desktop-navbar li a.active {
   color: #0e4a0e;
}

.kuuset {
    background: url(img/kuuset.png?v=2);
    width: 100%;
    height: 550px !important;
    top: 0px;
    z-index: 0;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
}

.tahdet {
    background: url(img/tahdet.png);
    width: 80%;
    height: 400px;
    top: 0px;
    z-index: 0;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    left: 10%;
    right: 10%;
}

.desktop-buttons {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(0,20,0,0.3);
    border-radius: 10px;
}

.top-nav-search .btn {
    background: #000;
}
.top-nav-search {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 400px;
}

.desktop-buttons .btn {
    font-size: 2em;
    color: white;
    text-shadow: 0px 0px 5px #333;
}

.blocktype1 .textwidget {
    text-align: left;
}

.blocktype1 .textwidget h5 {
    text-transform: uppercase;
    font-weight: bold;
}

.blocktype2 .sow-icon-container {
    height: 220px !important;
}

.blocktype2 .sow-features-list .sow-icon-container.sow-container-square:before {
    content: "";
}


.tonttu1 div, .tonttu2 div {
    z-index: 5;
}

.tonttu1:before {
    content: " ";
    height: 300px;
    width: 350px;
    background: url(img/tonttu1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    margin-top: -80px;
}

.tonttu1:after {
    content: " ";
    height: 300px;
    width: 250px;
    background: url(img/tonttu2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    margin-top: -100px;
}

.tonttu1 {
    background: linear-gradient(
179deg, transparent 0, transparent 10%, #55AA66 10.2%,#55AA66 90%,transparent 90.2%),linear-gradient(
181deg, transparent 0, transparent 10%, #ccc 10.2%,#ccc 69%, transparent 69.2%);
    color: white;
    padding-top: 100px;
    padding-bottom: 120px;
    font-weight: 300;
    
}

.tonttu1 strong, .tonttu2 strong {
    font-weight: 500;
}

.tonttu1 a, .tonttu2 a {
    color: white;
}

.tonttu1 h3 {
    text-transform: uppercase;
}


.tonttu2:before {
    content: " ";
    height: 196px;
    width: 231px;
    background: url(img/havu.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    margin-top: -98px;
    transform: rotate(218deg);
}

.tonttu2:after {
    content: " ";
    height: 300px;
    width: 250px;
    background: url(img/tonttu4.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 40px;
}

.tonttu2 {
background: linear-gradient( 
178deg, #ffffff 0, #ffffff 12%, transparent 12.2%,transparent 4%, transparent 81.2%),linear-gradient( 
182deg, transparent 0, transparent 82%, #fff 82.2%,#fff 4%),linear-gradient( 
90deg, #55AA66 0, #55AA66 50%, transparent 00.2%,transparent 80%, transparent 80.2%),linear-gradient( 
178deg, transparent 0, transparent 26%, #7ba05a 10.2%,#7ba05a 82%, transparent 82.2%),linear-gradient( 
181deg, transparent 0, transparent 10%, #7ba05a 10.2%,#7ba05a 67%, transparent 67.2%),linear-gradient( 
178deg, transparent 0, transparent 10%, #afc59e 10.2%,#afc59e 80%, transparent 80.2%),linear-gradient( 
184deg, transparent 0, transparent 14%, #AFC59E 14.2%,#AFC59E 80%, transparent 80.2%);
    color: white;
    padding-top: 130px;
    position: relative;
    padding-bottom: 150px;
    font-weight: 300;
}

.tonttu2 h3 {
    text-transform: uppercase;
}

.image-vino .textwidget {
    position: relative;
    overflow: hidden;
}

.image-vino.showtitle  {
	margin-bottom: 150px;
}

.image-vino.showtitle  .textwidget {
	display: contents;
}

.image-vino.showtitle  .textwidget h5 {
	margin-bottom: 5px !important;
}

.image-vino .textwidget p:first-child:after {
content: " ";
    width: 107%;
    transform: rotate(5deg);
    height: 37px;
    background: white;
    display: inline-block;
    position: absolute;
    left: -13px;
    bottom: -22px;
}

body .image-vino-icon  .sow-icon-container {
    height: 180px !important;
    width: 100% !important;
}

body .image-vino-icon  .sow-icon-container:first-child:after {
content: " ";
    width: 109%;
    transform: rotate(5deg);
    height: 47px;
    background: white;
    display: inline-block;
    position: absolute;
    left: -13px;
    bottom: -22px;
}

body .card > .woocommerce-LoopProduct-link:first-child {
    overflow: hidden;
        position: relative;
}

body .card > .woocommerce-LoopProduct-link:first-child:after {
content: " ";
    width: 107%;
    transform: rotate(5deg);
    height: 57px;
    background: white;
    display: inline-block;
    position: absolute;
    left: -13px;
    bottom: -37px;
}

.kategoriakortti .add-to-cart-container {
    display: none;
}

body .image-vino-icon  .sow-icon-container .sow-icon-image {
   background-size: 100% auto !important;
}

.bootscore-footer {
    position: relative;
    clear: both;
    color: white;
    text-shadow: 0 0 3px #383838;
    padding-top: 115px;
    padding-bottom: 200px;
background: linear-gradient(
183deg,#ffffff 0,white 10%,#55aa6600 10.2%,#55aa6600 100%),linear-gradient(
175deg,transparent 0,transparent 10%,#55AA66 10.2%,#55AA66 100%),linear-gradient(
10deg,transparent 0,transparent 8%,#ccc 8.2%,#ccc 80%,transparent 80.2%);
    z-index: 1;
    font-weight: lighter;
}
.bootscore-footer:after {
    content: " ";
    height: 300px;
    width: 350px;
    background: url(img/tonttu5.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.bootscore-footer h2 {
    text-transform: uppercase;
    font-weight: normal;
}

.bootscore-footer .container { 
    z-index: 2;
}

.fkuuset {
    background: url(img/kuuset.png?v=2);
    width: 100%;
    height: 550px !important;
    bottom: 0;
    z-index: -1;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
}

.ftahdet {
    background: url(img/tahdet.png);
    width: 80%;
    height: 400px;
    bottom: 0;
    z-index: -1;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    left: 10%;
    right: 10%;
}

.sow-tabs-tab-container {
    background-color: #55aa66 !important;
}

@media (max-width: 1024px) {

    .bootscore-footer:after {
        height: 200px;
        width: 100px;
        left: auto;
        right: 50px;
        bottom: 30px;
    }
    
    .image-vino .textwidget p:first-child:after {
        bottom: -31px;
    }

}

@media (max-width: 1182px) {
    
    .kuuset {
        height: 450px !important;
    }
    
    #masthead {
        height: 450px;
    }
    
    body .image-vino-icon .sow-icon-container:first-child:after {
        bottom: -7px;
    }
    
}


	.yhteystiedot .sow-features-list .sow-icon-container.sow-container-round:before {
		content: "" !important;
	}
    

@media (max-width: 780px) {
	
	.yhteystiedot .sow-features-feature {
		display: block !important;
	}
	
	.yhteystiedot .sow-features-list .sow-features-feature:nth-of-type(4n + 1) {
		padding-left: 0 !important;
	}
    
	
	
	.image-vino.showtitle  {
		margin-bottom: 0px;
	}


    .sow-tabs-panel-content {
        overflow-x: hidden;
    }

    
    .sow-tabs-panel-content table tr td {
        display: block;
    }

    
    .sow-tabs-panel-content table tr {
        margin-bottom: 5px;
        display: block;
    }

    
    body .image-vino-icon .sow-icon-container:first-child:after {
        bottom: -26px;
    }

.hide-mobile .sow-features-feature:not(:first-child) {
    display: none !important;
}

    
    
#page {
    margin-top: 65px;
}
    
    .tonttu2 {
        background: linear-gradient( 
179deg,transparent 0,transparent 10%,#55AA66 10.2%,#55AA66 90%,transparent 90.2%),linear-gradient( 
181deg,transparent 0,transparent 10%,#ccc 10.2%,#ccc 69%,transparent 69.2%);
    }
    
    .tonttu1:after, .tonttu1:Before, .tonttu2:after, .tonttu2:Before {
        display: none;
    }
    
    
    .top-nav-search {
        position: absolute;
        top: 54px;
        right: 0px;
        width: 100%;
    }
    
}

/* WOO JUTUT */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: right;
}

.woocommerce div.product p.price .woocommerce-Price-amount.amount {
    font-size: 1.5em !important;
}

body h1 {
    font-size: 2em;
}

.kategoriakortti h2 {
    font-size: 1.5em;
}


 .sow-features-list .sow-features-feature:nth-of-type(4n) {
    padding-right: 25px !important;
}

 .sow-features-list .sow-features-feature:nth-of-type(4n + 1) {
    padding-left: 25px !important;
}

body .prdd-delivery-form {
        width: fit-content;
}