/*
Theme Name: Henry Valentine Furniture
Author: Ross Curry
Description: Stylesheet for HVF
Version: 0.0.1
*/


.dark-blue-bg ul li a{color:#fff;}

/* Basic styling for the menu item */
.primary-nav .menu-item {
  position: relative;
  display: inline-block;
  background-color: #f9f9f9;
  text-align: left;
}

/* Hide the dropdown by default */
.primary-nav .menu-item .sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}
.primary-nav .menu-item .sub-menu li {
	display: block;
}
/* Links inside the dropdown */
.primary-nav .menu-item .sub-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

/* Change color of dropdown links on hover */
.primary-nav .menu-item .sub-menu a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.primary-nav .menu-item:hover .sub-menu {
  display: block;
}


.blog-post-title + p:first-of-type {
	font-weight: bold;
	font-size: 125%;
}

@media only screen {
	





	.product-child-overview {
		max-width:80%;
		margin:0 auto 3.4rem;
	}
	
	.product-child-overview h2 {
		margin-bottom:1rem;
		color:#465391;
	}
	
	.wp-block-media-text{
		margin-bottom:2rem;
	}
	.page-id-43 .wp-block-post-title a {
		font-size:1.4rem;
		color:#333a5c
	}
	.page-id-43 .wp-block-post-title:hover a {
		color:#465391  
	}
	
	ul.columns-3 {margin-left:0}
	
	.wp-block-post-featured-image {
        position: relative;
        overflow: hidden;
	    margin-bottom:0.5rem;
    }
	.wp-block-post-featured-image::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .wp-block-post-featured-image:hover .wp-block-post-featured-image::before, .wp-block-post-featured-image:hover::before {
		
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }
	
    .text-fff {
        color: #fff !important;
    }

    .button.hollow.text-fff {
        border-color: #fff;
    }

    .relative {
        position: relative;
        ;
    }

    * {
        outline: none;
    }

    p.lead {
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
    }

    hr {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    }

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Lato', sans-serif;
    }

    .section-spacing {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .primary-nav a {
        color: #444;
    }

    .primary-nav a:hover {
        color: #a7a7a7;
    }

    a {
        font-weight: bold
    }
    
    .truncate-overflow {
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
    }

    .button {
        background-color: #18213b;
        border-radius:4px;
        transition:all .3s linear;
    }

    .button:hover {
        background-color:#008080;
    }
    
    .dark-blue {
        color: #18213b;
    }

    .dark-blue-bg {
        background-color: #18213b;
    }

    .social a i {
        color: #b9b9b9;
    }

    .social a:hover i {
        color: #8e8e8e;
    }

    .page-header {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(0, 0, 0, .0975);
    }

    .hero {
        position: relative;
    }

    .hero-image {
        background: url(assets/images/banners/hvf-hp-001.jpg) bottom center;
        min-height: 400px;
        background-size: cover;
    }

    .hero-inner {
        width: 100%;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -25%);
        text-align: center;
        color: #fff;
    }

    .hero-text {
        font-size: 2.4rem;
    }

    .hero-text-strap {
        font-size: 1rem;
        font-weight: bold;
    }

    .hero-cta {
        padding-top: 1rem
    }

    .intro-welcome {
        font-size: 2rem;
    }

    .row.padding {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .button.hollow {
        color: #444;
        border-color: #444;
    }

    .button.hollow:hover {
        color: #fff;
        background-color: #18213b;
        border-color: #18213b;
    }

    .primary-nav {
        font-size: 1.2rem;
        text-align: center;
        margin-top: 1rem;
    }

    .product-category-wrap {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2rem;
        color: #fff;
    }

    .footer-logo {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .project-thumb {
        margin-bottom: 1.4rem;
        overflow: hidden;
    }

    .footer-cta {
        margin: 3rem auto 3rem;
        padding: 2rem 0;
        background-color: #ececec;
    }

    .wp-post-image {
        margin-bottom: 1rem
    }

    .product-overview {
        padding: 2rem 0;
    }

    .product-overview .thumbnail,
    .thumbnail img {
        margin-bottom: 0;
    }

    .blog-post-title {
        margin-top: 1rem
    }

    .testimonials-slider blockquote {
        border-left: none;
    }

    .row.padding {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .overlay {
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
        overflow-y: hidden;
        transition: 0.5s;
        display: none;
    }

    .overlay-content {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .overlay a:hover,
    .overlay a:focus {
        color: #f1f1f1;
    }

    .overlay .mobile-close {
        font-size: 60px;
    }

    .mobile-menu .fa {
        font-size: 2rem;
        padding: 1rem;
    }

    .mobile-padding,
    .padding {
        padding: 1rem;
    }

    .hero {
        margin-top: 0;
    }

    .case-study blockquote {
        display: block;
        background: #fff;
        padding: 15px 20px 15px 45px;
        margin: 2rem;
        position: relative;
        /*Font*/
        font-family: Georgia, serif;
        font-size: 14px;
        line-height: 1.2;
        color: #666;
        /*Box Shadow - (Optional)*/
        -moz-box-shadow: 2px 2px 15px #ccc;
        -webkit-box-shadow: 2px 2px 15px #ccc;
        box-shadow: 2px 2px 15px #ccc;
        /*Borders - (Optional)*/
        border-left-style: solid;
        border-left-width: 15px;
        border-right-style: solid;
        border-right-width: 2px;
    }

    .case-study blockquote::before {
        content: "\201C";
        /*Unicode for Left Double Quote*/
        /*Font*/
        font-family: Georgia, serif;
        font-size: 60px;
        font-weight: bold;
        color: #999;
        /*Positioning*/
        position: absolute;
        left: 10px;
        top: 5px;
    }

    .case-study blockquote::after {
        /*Reset to make sure*/
        content: "";
    }

    .case-study blockquote a {
        text-decoration: none;
        background: #eee;
        cursor: pointer;
        padding: 0 3px;
        color: #c76c0c;
    }

    .case-study blockquote a:hover {
        color: #666;
    }

    .case-study blockquote em {
        font-style: italic;
    }

    /*Default Color Palette*/
    .case-study blockquote {
        border-left-color: #656d77;
        border-right-color: #434a53;
    }

    .variations th.label {
        background: #fff;
    }

    .woocommerce div.product form.cart .variations td.label {
        background: none;
        padding: 0.5rem;
    }

    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        color: #18213b !important;
        font-weight: bold !important;
    }

    .woocommerce main {
        margin: auto;
        padding: 1rem;
    }
    
        
    article {
        margin-bottom:2rem;
    }
    
    article h3 a {
        color:#000000;
        
    }
}


/* Medium and up */

@media screen and (min-width: 40em) {
    .woocommerce main {
        width: 900px;
        margin: auto;
        padding: 1rem;
    }

    .section-spacing.large {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .project-thumb img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .project-thumb:hover img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .product-category-image {
        margin-bottom: 2rem;
    }

    .page-header {
        margin-bottom: 0rem
    }

    .hero {
        margin-top: 0rem;
    }

    .hero-inner {
        width: 100%;
        top:50%;
        transform: translate(-50%, -50%);
    }

    .hero-image {
        height: 530px;
        background-position: center center;
        background-size: cover;
    }

    .hero-text {
        font-size: 2.6rem;
    }

    .hero-text-strap {
        font-size: 1.6rem;
    }

    .hero-cta {
        padding-top: 1rem
    }
}


/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {}


/* Large and up */

@media screen and (min-width: 64em) {}


/* Large only */

@media screen and (min-width: 64em) and (max-width: 74.9375em) {}










.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
	font-size:1rem !important;
	color:#616161 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-weight:bold;
	color:#333a5c;
	font-size:1.2rem;
}