/*
Theme Name:     VahizStore
Theme URI:      URI missing
Description:    A Storefront child theme designed for VahizStore
Author:         VahizTeam
Author URI:
Template:       storefront
Version:        0.0.1
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           e-commerce
Text Domain:    vahizstore
*/
/* =VahizStore styles starts here
-------------------------------------------------------------- */

body {
    scroll-behavior: smooth;
    margin-top: 0px;
    font-size: 16px;
    font-family: 'proxima-nova', 'Raleway', Helvetica, sans-serif;
}

.front-page section {
    min-height: 700px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.front-page,
.singlepost-page
{
    color: white;
}

.header-sticky {
    display:initial;
}

.parallax {
    height: 100%;
    width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Position and z-index to hide sidebar */
header .parallax {
    height: 93vh;
    position: relative;
    z-index: 1;
}

.header-logo {
    height: 100%;
}

.header-logo .row {
  height: 100%;
}

.header-logo img {
    display:initial;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

/* Little bit more style for navbar links */
#navbar a {
    font-family: Great vibes;
    text-shadow: 0px 2px 5px rgb(160, 175, 255);
    font-size: 2rem;
    color: white;
}

#navbar a:hover,
.frontpage-cart-contents:hover .header-basket
{
    text-shadow: 0px -2px 15px rgb(255, 255, 255);
    color: rgb(160, 175, 255);
}

.header-basket {
    margin-left: 0.5rem;
}

.frontpage-cart-contents {
    position: absolute;
    top: 24px;
    right: 10px;
}

.frontpage-cart-contents:hover .header-badge {
    background-color: rgb(160, 175, 255);
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.sidebar {
    height: 100vh;
    width: 150px;
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.sidebar .list-group-item {
    background-color: transparent;
}

.footer-social-links {
    padding-top: 60px;
    padding-bottom: 20px;
    background: #343a40;
    position: relative;
    z-index: 1;
}

.contact_col a {
  color: white;
  font-size: 16px;
}

.contact_col a:hover{
  color: white;
  font-size: 16px;
}

.sidebar a, footer a {
    color: white;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

.sidebar a:hover, footer a:hover {
    color: white;
    font-size:30px;
    margin-top:-10px;
}

/* Hover effect for shop window products and bio pics */
.member-container {
    height: 300px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.member-image {
    -webkit-filter: brightness(100%);
    height: 100%;
    width: 100%;
}

.product-img {
    -webkit-filter: brightness(100%);
    height: 100%;
    width: 100%;
}
.product-onsale {
    font-style: italic;
}
.product-text,
.member-text {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -ms-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}

.product-link:hover .product-img,
.member-container:hover .member-image {
    -webkit-filter: brightness(50%);
}

.product-link:hover .product-text,
.member-container:hover .member-text {
    visibility: visible;
    top: 50%;
    opacity: 1;
}

/* Kauppa */

.product-template-default
{
  color: white;
}

.post-type-archive-product
{
 color: white;
}

.page-template-default
{
 color: white;
}


/*Better WooCommerce Cart and Checkout Styles
https://gist.github.com/hirejordansmith/3e3dd594e6fed0f4fe982941eca71537
With some modifications
*/
.woocommerce-cart.full-width-content .content,
.woocommerce-checkout.full-width-content .content { max-width: 100%; }

.woocommerce-cart .woocommerce table.shop_table td.actions {
  border-top: 1px solid #e6e6e6;
  background: #f7f7f7;
  border-bottom: 0px solid #e6e6e6;
}
.woocommerce-cart .entry-content form { width: 60%; float: left;  }
.woocommerce-cart .woocommerce .cart-collaterals {
  width: 33%;
  float: right;
}
.woocommerce-cart .woocommerce .cart-collaterals h2 { display: none;  }
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width: 100%; }


#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
#add_payment_method table.cart th,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.shop_table th { color: #034997; font-size: 14px; }

#add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
#add_payment_method table.cart td,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.shop_table td { color: #555; font-size: 16px; }

.woocommerce-cart .woocommerce table.shop_table th { border-bottom: 2px solid #034997; }

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
  border: 1px solid #e6e6e6;
  margin: 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 0;
  border-bottom: none;
    border-right: none;
     margin-bottom: 35px;
      border-bottom: 1px solid #e6e6e6;
}

body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input { width: auto;   margin: -2px .5em 0 0; }

body .woocommerce form .form-row .input-checkbox { width: auto;  margin: -2px 5px 0 0; }

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th {
	border-top: none;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	text-align: right;
	padding: 10px 20px;
}

body #add_payment_method table.cart td,
body #add_payment_method table.cart th,
body.woocommerce-cart table.cart td,
body.woocommerce-cart table.cart th,
body.woocommerce-checkout table.cart td,
body.woocommerce-checkout table.cart th { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6 }

#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th { }

.woocommerce-cart .cart-collaterals .cart_totals table th { border-bottom: 1px solid #e6e6e6;  }

body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
	background: #72A40D !important;
	font-weight: 500;
}

body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
	background: #034997 !important;
}

body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button { background: #034997 !important; color: #fff; font-weight: 500;   border-radius: 40px; }

body .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  float: right;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.25em;
  padding: 1em;
  border-radius: 40px;
  margin-top: .5em;
}

body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last { }

body .woocommerce #respond input#submit.disabled,
body .woocommerce #respond input#submit:disabled,
body .woocommerce #respond input#submit:disabled[disabled],
body .woocommerce a.button.disabled,
body .woocommerce a.button:disabled,
body .woocommerce a.button:disabled[disabled],
body .woocommerce button.button.disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled],
body .woocommerce input.button.disabled,
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled] { background: #ccc; }


body .woocommerce a.checkout-button.button.alt { border-radius: 40px; }

body .woocommerce #content table.cart td.actions .coupon,
body .woocommerce table.cart td.actions .coupon { width: 68%; }

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 8px 6px 7px;
 	width: 65%;
}

body .woocommerce table.shop_table td { padding: 15px; }

body .woocommerce-checkout table.shop_table td { text-align: right;
  border-right: 1px solid #e6e6e6;   border-top: 0; }

.woocommerce a.remove { margin: 0 auto;  }
.woocommerce-cart .woocommerce table.shop_table th.product-remove,
.woocommerce-cart .woocommerce table.shop_table th.product-name { text-align: center; }
.woocommerce-cart .woocommerce table.shop_table th.product-price,
.woocommerce-cart .woocommerce table.shop_table th.product-quantity,
.woocommerce-cart .woocommerce table.shop_table th.product-subtotal { text-align: right; }

.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal { text-align: right; }

.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li { list-style: none; }

.woocommerce-checkout .woocommerce .col2-set { width: 47.8260869565%; float: left; margin-right: 4.347826087%; }
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 { margin-bottom: 2em; width: 100%; float: none; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {float: right; margin-right: 0; }
.woocommerce-checkout #ship-to-different-address-checkbox { width: auto; float: right; margin-left: 15px; margin-top: 10px; opacity: 1; position: static; }
.woocommerce-checkout #ship-to-different-address label { font-size: 24px;   font-weight: 700; line-height: 1; margin: 0; margin-bottom: 1em; padding: 0; }
.woocommerce-checkout .woocommerce form .form-row.create-account label { padding-top: 2px; font-weight: bold; }

.woocommerce-checkout .payment-fixed { position: fixed; z-index: 9; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 2em; left: 52%; margin-left: 0; padding: 20px; top: 0; width: 45.5% !important; -webkit-transition: padding .1s ease-in; -moz-transition: padding .1s ease-in; -o-transition: padding .1s ease-in; -ms-transition: padding .1s ease-in; transition: padding .1s ease-in; }

.product-shipping-message { font-size: 16px; text-align: center; text-transform: uppercase; padding: 10px 0px; border-top: 1px solid #139248; border-bottom: 1px solid #139248; }

body .woocommerce table.shop_table tbody th,
body .woocommerce table.shop_table tfoot td,
body .woocommerce table.shop_table tfoot th { border-bottom: none; }

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea { max-width: 100%; }

body .woocommerce .product-name a { color: #000; pointer-events: none; cursor: default; }

/* Some additional fixes */

.woocommerce-checkout-payment {
  color : black;
}

.woocommerce-message .button {
  padding-right: 1em;
}

/* Disable Storefront's default footer */
#colophon {
  visibility: hidden;
}

/* Changes based on browser width */
@media only screen and (max-width: 1339px) {
    .sidebar {
        display: none;
    }
    /*Better WooCommerce Cart and Checkout Styles
    https://gist.github.com/hirejordansmith/3e3dd594e6fed0f4fe982941eca71537
    */
    .woocommerce-cart .entry-content form { width: 64%; }
}

@media only screen and (max-width: 1199px) {
    .sidebar {
        display: flex;
    }
}

@media only screen and (max-width: 1158px) {
    .sidebar {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .sidebar {
        display: flex;
    }
}

@media only screen and (max-width: 921px) {
    .sidebar {
        display: none;
    }
    /*Better WooCommerce Cart and Checkout Styles
    https://gist.github.com/hirejordansmith/3e3dd594e6fed0f4fe982941eca71537
    */
  	.woocommerce-cart .entry-content form {
  	  width: 80%;
  	  float: none;
  	  margin: 0 auto;
  	}
  	.woocommerce-cart .woocommerce .cart-collaterals {
  	  width: 80%;
  	  float: None;
  	  margin: auto;
  	}
  	body .woocommerce #content table.cart td.actions .coupon, body .woocommerce table.cart td.actions .coupon { width: 100%; }
  	body #add_payment_method table.cart td.actions .coupon .input-text, body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text { width: 48%; }

}
@media only screen and (max-width: 767px) {
    .sidebar {
        display: flex;
    }
    .frontpage-cart-contents{
        top: 10px;
    }
    /*Better WooCommerce Cart and Checkout Styles
    https://gist.github.com/hirejordansmith/3e3dd594e6fed0f4fe982941eca71537
    */
    .woocommerce-cart .entry-content form {
      width: 100%;

    }
    .woocommerce-cart .woocommerce .cart-collaterals {
      width: 100%;

    }

    .woocommerce-checkout .woocommerce .col2-set { width: 100%; float: none; margin-right: 0; }
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review { width: 100%; float: none; }
}

@media only screen and (max-width: 740px) {
    .sidebar {
        display: none;
    }
    .contact_col {
      text-align: center;
    }
}

/* Fix for incorrectly indented navbar / social media items */
.social-nav, .navbar-nav {
    margin-left: 0;
}


/* Youtube section */

.carousel-control-prev,
.carousel-control-next {
    visibility: hidden;
    text-shadow: 3px 3px 16px #272634
}

.carousel:hover
.carousel-control-next { visibility: visible; }
.carousel:hover
.carousel-control-prev { visibility: visible; }

.carousel-control-next:active { filter: invert(100%); }
.carousel-control-prev:active { filter: invert(100%); }

.carousel-indicators{
    position: static
}

.carousel
.carousel-indicators li{
    width: auto !important;
    height: auto !important;
}

.carousel img{
    border-radius: 0px !important;
}

/* Blog section */
#blogCarousel .carousel-caption {
    left:0;
    right:0;
    bottom:0;
    text-align:left;
    padding:10px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}

#blogCarousel .list-group {
    color: black;
    position:absolute;
    top:0;
    right:0;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    overflow: hidden;
}
#blogCarousel .list-group-item {
    color: black;
    border-radius:0px;
    cursor:pointer;
    flex: 1;
}
#blogCarousel .list-group .active {
    color: black;
    background-color:#eee;
}

@media (min-width: 992px) {
    #blogCarousel {padding-right:33.3333%;}
    #blogCarousel .carousel-controls {display:none;}
}
@media (max-width: 991px) {
    .carousel-caption p,
    #blogCarousel .list-group {display:none;}
}

.list-group-item:hover { filter: brightness(85%) }
.list-group-item:active { filter: brightness(70%) }

.blog-image{
    width: 760px;
    height: 400px;
    object-fit: cover;
    background-image: linear-gradient(to left top, #acacac, #c0c0c0, #d5d5d5, #eaeaea, #ffffff);
}