/* 
Theme Name:		 RDW
Theme URI:		 http://web.ejimford.com/
Description:	 Theme by <a href=\"http://web.ejimford.com/\">http://web.ejimford.com/</a>
Author:			 e. james ford
Author URI:		 http://web.ejimford.com/
Template:		 storefront
Version:		 1.0.0
Text Domain:	 rdw
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */


/*--------------------------------------------------------------
# Site Constants
--------------------------------------------------------------*/
.site-header .col-full, .site-header .storefront-primary-navigation, .storefront-breadcrumb, .site-content, .site-content .col-full {
    max-width: 1110px;
    margin: 0px auto;
    position:relative;
    padding: 0px 0px;
}

.site-content, .site-content .col-full {
    padding: 0px 10px;
}

body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Avenir', 'Helvetica', 'Arial', sans-serif;
    color: #35363E;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Chronicle Display', 'Georgia', 'Times', serif;
    font-weight: 600;
    text-transform: uppercase;
}

h3 {
    text-transform: none;
}

a {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a:focus {
    outline: none;
}

#primary {
    width: 100%;
    float: none;
    margin-right: 0px;
}
#secondary {
    display: none;
}

input[type=search] {
    border: 0;
    outline: 0;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid black;
}

input[type=text], input[type=email], input[type=password], input[type=url] {
    box-shadow: none !important;
    border: 1px solid #35363E;
    background-color: #fff;
}

.lost_reset_password .form-row-first {
    width: 100%;
    max-width: 350px;
}

.lost_reset_password .form-row .button {
    width: 100%;
    max-width: 350px;

}
input.search-submit {
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(img/magnifying-glass.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
input.search-submit:hover {
    background-color: transparent;
}

table tbody tr:nth-child(2n) td, table tbody td, table tbody th {
    background-color: #fff;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    border-left: none !important;
}


.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 15px 0px 12px 0px;
    
}

blockquote {
    padding: 1.5em 1.5em;
    background-color: rgba(0,0,0,.03);
    margin: 0px;
}
blockquote p {
    margin: 0px;
}



@media only screen and (min-width : 768px) {
    .added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
        max-width: 350px;
        width: 100%;
        height: 50px;
    }
}

@media only screen and (min-width : 1150px) {
    .site-content, .site-content .col-full {
        padding: 0px 0px;
    }
}

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/

.site-header .site-branding {
    float: none;
    margin: 0px auto;
}

.site-header .custom-logo-link img {
    margin: 0px auto;
    max-width: 100px;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0px;
}


@media only screen and (min-width : 768px) {
    .site-header {
        border-bottom: 0px solid transparent !important;
        padding-top: 0px;
    }
    .site-header .site-branding, .woocommerce-active .site-header .site-branding {
        float: none; 
        margin: 0px auto;
        padding: 24px 0px 0px 0px;
    }
    .site-header .custom-logo-link img {
        max-width: 225px;
    }
}


/*--------------------------------------------------------------
## Header Phone
--------------------------------------------------------------*/
.header-phone {
    position: absolute;
    top: 23px;
    left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    display: none;
    z-index: 9999;
}

@media only screen and (min-width : 768px) {
    .header-phone {
        display: block;
    }
}
@media only screen and (min-width : 1100px) {
    .header-phone {
        left: 50px;
    }
}

/*--------------------------------------------------------------
## Header Cart
--------------------------------------------------------------*/

.site-header-cart {
    width: 100px;
    float: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.site-header-cart .cart-contents {
    display: block;
}
.site-header-cart .cart-contents::after {
    display: none;
}
.site-header-cart .cart-contents .amount {
    display: none;
}

.site-header-cart .cart-contents .count {
    display: none;
    background-image: url(img/mini-cart-background.png);
    background-position: top right;
    background-size: 28px;
    background-repeat: no-repeat;
    width: 85px;
    height: 17px;
    text-align: right;
    font-weight: 600;
    color: #000;
    opacity: 1;
    line-height: 1.50;
    padding: 0px 7px 0px 0px;
}

.site-header-cart .cart-contents .count:before {
    content: "Cart ";
    text-transform: uppercase;
    margin-right: 12px;
    font-size: 14px;
}
.site-header-cart .cart-contents .count.clean {
    display: inline-block;
}

.site-header-cart .widget_shopping_cart {
    display: none !important;
}

@media only screen and (min-width : 768px) {
    .woocommerce-active .site-header .site-header-cart {
        width: 100px;
        float: none;
        position: absolute;
        top: 8px;
        right: 0px;
    }
    .site-header-cart .cart-contents {
        padding: 14px 0px;
    }
}

@media only screen and (min-width : 1100px) {
    .woocommerce-active .site-header .site-header-cart {
        right: 25px;
    }    
}


/*--------------------------------------------------------------
## Header Login
--------------------------------------------------------------*/
.header-login {
    position: absolute;
    top: 23px;
    right: 110px;
    z-index: 9999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    display: none;
    width: 80px;
    text-align: center;
}

@media only screen and (min-width : 900px) {
    .header-login {
        display: block;
    }
}
@media only screen and (min-width : 1100px) {
    .header-login {
        right: 135px;
    }
}
    
    



/*--------------------------------------------------------------
## Header Search
--------------------------------------------------------------*/

.site-header .site-search, .woocommerce-active .site-header .site-search {
    position: absolute;
    left: 90px;
    top: -8px;
    width: 20px;
    display: block;
    opacity: 0.0;
}

.site-header .site-search.focused, .woocommerce-active .site-header .site-search.focused {
    width: 200px;
    background-color: #fff;
}


.site-header .site-search.clean, .woocommerce-active .site-header .site-search.clean {
    opacity: 1;
}

.site-header .widget_search form:before, .site-header .widget_product_search form:before {
    content: none;
}
.site-header .site-search .widget_product_search form input[type=search], .site-header .site-search .widget_product_search form input[type=text] {
    padding: 16px 0px 4px 0px;
    border-bottom: none;
    text-align: left;
    cursor: pointer;
    background-image: url(img/magnifying-glass.png);
    background-position: top 15px left 2px;
    text-indent: 27px;
    background-repeat: no-repeat;
    background-color: #fff;

}
.site-header .site-search .widget_product_search form input[type=search]:focus, .site-header .site-search .widget_product_search form input[type=text]:focus, input.searchvaluepopulated {
    border-bottom: 1px solid #35363E;
    z-index: 99999999;
    background-image: none;
    text-indent: 10px;
}
.site-header .site-search .widget_product_search form input[type=search]::placeholder {
    color: transparent;
    font-weight: 700;
}
.searchbeforetext {
    position: absolute;
    top: 8px;
    font-size: 13px;
    background-color: #fff;
    padding-right: 10px;
}

@media only screen and (min-width : 414px) {
    .site-header .site-search.focused, .woocommerce-active .site-header .site-search.focused {
        width: 230px;
    }
}

@media only screen and (min-width : 768px) {
    .site-header .site-search, .woocommerce-active .site-header .site-search, .site-header .site-search.focused, .woocommerce-active .site-header .site-search.focused {
        left: auto;
        right: 85px;
        top: 10px;
        width: 165px;
    }
    .site-header .site-search .widget_product_search form input[type=search], .site-header .site-search .widget_product_search form input[type=text] {
        padding-right: 10px;
    }
    .site-header .site-search .widget_product_search form input[type=search]:focus, .site-header .site-search .widget_product_search form input[type=text]:focus, input.searchvaluepopulated {
    }
    .site-header .site-search .widget_product_search form input[type=search]::placeholder {
        color: #000;
    }
}
@media only screen and (min-width : 900px) {
    .site-header .site-search, .woocommerce-active .site-header .site-search, .site-header .site-search.focused, .woocommerce-active .site-header .site-search.focused {
        right: 190px;
        width: 110px;        
    }
}

@media only screen and (min-width : 1100px) {
    .site-header .site-search, .woocommerce-active .site-header .site-search, .site-header .site-search.focused, .woocommerce-active .site-header .site-search.focused {
        right: 210px;
        width: 120px;        
    }
}


/*--------------------------------------------------------------
## Notification Bar
--------------------------------------------------------------*/
.notification-bar {
    font-size: 10px;
    width: 100%;
    background-color: #05244d;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    letter-spacing: 0.1em;
    position: relative;
    transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.notification-bar a {
    color: #fff;
}
.notification-bar #hide-notification {
    position: absolute;
    right: 5px;
    top: 4px;    
    display: block;
}

.notification-bar.hidden {
    margin-top: -39px;
}

@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 900px) {
    .notification-bar {
        font-size: 12px;
        padding: 5px 0px;
    }

}



/*--------------------------------------------------------------
## Main Navigation
--------------------------------------------------------------*/
.main-navigation {
	font-family: 'Chronicle Text', 'Georgia', 'Times', serif;
    text-transform: uppercase;
}


.site-header ul.menu li.current-menu-item > a {
    color: #35373E;
}

.main-navigation ul li.wholesale-only, .menu-main-menu-container ul li.wholesale-only, #responsive-menu-pro ul li.wholesale-only {
    display: none;
}


@media only screen and (min-width : 768px) {
    .woocommerce-active .site-header .main-navigation {
        width: 80%;
        max-width: 610px;
        margin: 0px auto;
        float: none;
        text-align: center;
        font-size: 12px;
    }
    .main-navigation ul.menu>li:first-child>a, .main-navigation ul.nav-menu>li:first-child>a {
        padding: 14px 6px 24px 12px;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 14px 6px 24px 6px;
    }
    
    .main-navigation ul li.current-menu-item, .main-navigation ul li.current-product-parent {
        font-weight: 700;
    }
    
}
@media only screen and (min-width : 900px) {
    .woocommerce-active .site-header .main-navigation {
        max-width: 845px;
        width: 100%;
        font-size: 16px;
    }
    .main-navigation ul.menu>li:first-child>a, .main-navigation ul.nav-menu>li:first-child>a {
        padding: 14px 12px 24px 18px;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 14px 12px 24px 12px;
    }
    .home .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding-bottom: 12px !important;
    }

}
/*--------------------------------------------------------------
# Posts and Pages
--------------------------------------------------------------*/
.page .entry-header, .post .entry-header {
    padding: 30px 0px 30px 0px;
    background-color: #F9F8F4;
    text-align: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797 !important;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 10px;
    margin-bottom: 25px !important;
}

.page .entry-header .entry-title {
    margin-bottom: 0px;
    font-size: 32px;
}

.page .entry-content p, .page .entry-content h1, .page .entry-content h2, .page .entry-content h3, .page .entry-content ul {
    max-width: 540px;
    margin: 0px auto 20px auto;
    text-transform: none;
}

.page .entry-content p.image {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.page .entry-content h1, .post .entry-content h1 {
    font-size: 26px;
}


@media only screen and (min-width : 540px) {
    .page .entry-content p.image {
        left: auto;
        right: auto;
        max-width: 730px;
        margin: 0px auto 20px auto;
        width: 100%;
    }
    
}

/*--------------------------------------------------------------
# Two Column Page
--------------------------------------------------------------*/

.random-grey-line {
    width: 100%;
    clear: both;
    height: 3px;
    font-size: 1px;
    line-height: 1px;
    background-color: #eee;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 0px;
    margin-right: -50vw;
    margin-bottom: 30px;
    margin-left: -50vw;
}

.page-template-template-twocolumn .entry-header, .page-template-default .column-two, .page-template-default .two-column-header  {
    display: none;
}

.two-colum-title-full-width {
    border-bottom: 1px solid #000;
    padding: 0px 0px 10px 8px;
}

.two-column-header h1 {
    font-size: 28px;
    border-bottom: 1px solid #8c9fa9;
}


.column-one h2, .column-two h2 {
    text-transform: uppercase !important;
	font-size: 28px;
	border-bottom: 1px solid #8C9FA9;
	max-width: none !important;
}

.column-two a {
    color: #71ABC4;
}

.column-two a:hover {
    text-decoration: underline;
}

.column-two a.button {
    color: #fff !important;
    padding: 13px 0px 8px 0px;
    text-transform: uppercase;
}



@media only screen and (min-width : 600px) {
    .column-one {
        width: 45%;
        float: left;
        padding: 0px 20px 0px 0px;
        border-right: 1px solid #8c9fa9;
    }
    .post-12 .column-one {
    }
    .column-two {
        width: 55%;
        float: right;
        padding: 0px 0px 0px 20px;
    }
    
    
    
    .page-template-default .column-one {
        width: 100%;
        float: none;
    }
    
}


@media only screen and (min-width : 900px) {
    .column-one {
        padding: 0px 40px 0px 0px;
    }
    .column-two {
        padding: 0px 0px 0px 40px;
    }
    .column-two .button {
        width: 350px;
        text-transform: uppercase;
        font-weight: 400;
        text-align: center;
        
    }
}


/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/

.home .site-content .col-full {
    margin: 0px;
}

.homesquare, .home-wholesale, .home-melee {
    background-color: #f9f8f4;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    text-align: center;
    display: block;
    position: relative;
}

.homesquare, .home-melee {
    margin: 0px 0px 0px 0px;
}

.homesquare {
    padding: 30px 0px 0px 0px;
}

.home-melee {
    padding: 30px 20px 0px 20px;
}

.home-melee-image {
    line-height: 0.8;
}


.home-diamonds-are-fun {
    position: inline;
}


.homesquare.polished {
    margin-bottom: 8px;
}

.home-wholesale {
    background-image: url(img/home-wholesale-bg.png);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 30px 10px 0px 10px;
}


.homesquare h1, .home-wholesale h1, .home-melee h1 {
    text-transform: uppercase;
    margin: 0px;
    font-size: 24px;
}
.homesquare .homesquare-description, .home-wholesale-description {
    margin: 0px 0px 0px 0px;
    display: block;
}

.homesquare .homesquare-description {
    padding: 0px 20px;
    height: 50px;
}

.homesquare .homesquare-image {
    display: block;
    width: 100%;
    height: 260px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.homesquare .homesquare-cta, .home-wholesale-cta {
    font-weight: 900;
    display: block;
    margin: 10px 0px 10px 0px;
    text-transform: uppercase;
}
.homesquare img, .home-melee img {
    display: inline;
}


.home-certified {
    
}

.home-certified img {
    float: left;
    width: 47%;
    display: block;
    margin-left: -25px;
}

.home-certified-text {
    width: 52%;
    float: right;
    font-size: 14px;
    padding: 15px 10px 0px 0px;
    line-height: 1.3;
}
.home-certified-text h2 {
    font-size: 24px;
}


.highlights {
    margin: 20px 0px;
}

.highlight-item {
}

.highlight-image img {
    width: 100%;
    height: auto;
    
}

.highlight-text {
    padding: 0px 20px;
}

.highlight-title {
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
}

.highlight-body {
    font-size: 14px;
    line-height: 1.25;
}
.button.highlight-show-more {
    background-color: #fff;
    border: 1px solid #35363E;
    color: #35363E;
    width: 90%;
    margin: 0px auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

.button.highlight-show-more:after {
    content: ' More';
}


.button.highlight-show-more.clicked:after {
    content: ' Less';
}

.highlight-notfirst {
    height: 1px;
    overflow: hidden;
    opacity: 0.0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.highlight-notfirst.visible {
    height: auto;
    overflow: auto;
    opacity: 1.0;
}

.instagram {
    border-top: 1px solid #8C9FA9;
    padding: 20px;
}

.instagram h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
}

.instagram .instagram-intro {
    text-align: center;
    max-width: 80%;
    margin: 0px auto 40px auto;
}

.instagram-desktop {
    display: none;
}

.sbi_load_btn.sbi_custom {
    text-transform: uppercase !important;
    font-weight: 900 !important;
    border: 2px solid #35363E !important;
    border-radius: 0px !important;
    width: 300px !important;
    padding: 10px 0px !important;
}

#sb_instagram a {
}

.sbi-owl-next, .sbi-owl-prev {
    text-indent: -99999999px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    height: 40px !important;
    width: 20px !important;
    
}
.sbi-owl-next {
    background: transparent url('img/carousel-next.png') no-repeat scroll center !important;
    right: -20px !important;
}
.sbi-owl-prev {
    background: transparent url('img/carousel-prev.png') no-repeat scroll center !important;
    left: -25px !important;
}


@media only screen and (min-width : 600px) {
    .homesquare .homesquare-image {
        height: 410px;
    }
    .button.highlight-show-more {
        display: none;
    }
    .highlight-item {
        padding-bottom: 29px;
    }
    .highlight-notfirst {
        height: auto;
        overflow: auto;
        opacity: 1.0;
    }
    .highlight-title {
        text-align: left;
    }
    .highlight-image {
        width: 40%;
        height: auto;
        float: left;
        clear: left;
    }

    .highlight-text {
        float: left;
        width: 60%;
    }

}

@media only screen and (min-width : 768px) {
    .home-diamonds-are-fun {
        position: absolute;
        z-index: 99;
    }
    
    .homesquare, .home-wholesale, .home-melee {
        font-size: 16px;
    }
    .homesquare {
        width: 48.75%;
        float: left;
        margin-top: 64px;
    }
    .homesquare.polished {
        margin-bottom: 0px;
    }    
    .homesquare.rough {
        float: right;
    }

    .home-wholesale {
        padding: 30px 10px 30px 10px;
    }

    .homesquare h1, .home-wholesale h1, .home-melee h1 {
        font-size: 32px;
    }
    .homesquare .homesquare-image {
        height: 260px;
    }
    .homesquare .homesquare-cta, .home-wholesale-cta {
        font-size: 14px;
    }
    .home-melee {
        padding: 0px 0px 0px 0px;
    }
    .home-melee-text {
        width: 50%;
        float: right;
        padding: 80px 0px 0px 0px;
    }
    .home-melee-image {
        width: 50%;
        float: left;
        overflow: hidden;
        line-height: 0.8;
    }
    .home-melee-image img {
        margin-top: -50px;
    }

    .home-certified {
        border-top: 1px solid #8c9fa9;
        margin-top: 50px;

    }
    .home-certified-inner {
        width: 83%;
        margin: 0px auto;
        border-bottom: 1px solid #8c9fa9;
        padding-bottom: 15px;
    }
    .home-certified img {
        width: 25%;
        margin-left: 0px;
        margin-top: -25px;
    }

    .home-certified-text {
        width: 73%;
        font-size: 18px;
        padding: 15px 10px 0px 0px;
        line-height: 1.3;
    }
    .home-certified-text h2 {
        font-size: 42px;
        margin-bottom: 5px;
    }
    .highlights {
        width: 83%;
        margin: 30px auto 0px auto;
    }
    
    
    
}
@media only screen and (min-width : 900px) {
    .homesquare {
        margin-top: 78px;
    }

    .homesquare .homesquare-image {
        height: 310px;
    }
    .highlight-item {
    }
    .highlight-image {
        width: 48%;
    }

    .highlight-text {
        width: 52%;
        padding: 0px 5px 0px 20px;
    }
    .highlight-title {
        text-align: left;
        font-size: 26px;
    }
    .highlight-body {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media only screen and (min-width : 1024px) {
    .homesquare {
        margin-top: 90px;
    }
    .homesquare .homesquare-image {
        height: 360px;
    }
}

@media only screen and (min-width : 1100px) {
    .homesquare {
        margin-top: 96px;
    }
    .homesquare .homesquare-image {
        height: 410px;
    }
    .instagram h1 {
        font-size: 42px;
    }
    .instagram-desktop {
        display: block;
    }
    .instagram-mobile {
        display: none;
    }
}

@media only screen and (min-width : 1200px) {
    .homesquare {
        margin-top: 100px;
    }
}

/*--------------------------------------------------------------
# Product Listing
--------------------------------------------------------------*/
.woocommerce-products-header {
    padding: 30px 0px 30px 0px;
    background-color: #F9F8F4;
    text-align: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 10px;
    margin-right: -50vw;
    margin-bottom: 20px;
    margin-left: -50vw;
}
.woocommerce-products-header .woocommerce-products-header__title {
    font-size: 32px;
}

.woocommerce-products-header .product-category-description {
    display: block;
    margin: 0px auto;
    max-width: 680px;
    overflow: hidden;
    height: 1px;
    opacity: 0.0;
}


.woocommerce-products-header .woocommerce-products-header__title, .woocommerce-products-header .product-category-description p {
    margin-bottom: 0px;
}
    
.woof_container {
    padding-bottom: 0px;
}

.wpk-header-outer {
    display:  none !important;
}

.archive.tax-product_cat .content-area .term-description, .archive.tax-product_cat .content-area .storefront-sorting .woocommerce-ordering {
    display: none;
}

.melee-wholesale-only-message {
    text-align: center;
}
.have-questions {
    display: block;
    padding: 5px 5px 0px 5px;
}
.have-questions a, .melee-wholesale-only-message a {
    color: #71ABC4;
}

.have-questions a:hover, .melee-wholesale-only-message a:hover {
    text-decoration: underline;
}


ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
    font-size: 14px;
    font-weight: 600;
}

.woocommerce-result-count {
    display: none;
}

@media only screen and (min-width : 768px) {
    .site-main ul.products.columns-4 li.product {
        width: 23.05%;
        margin-right: 2.6%;
    }
    .woocommerce-result-count {
        display: block;
    }
    .woocommerce-products-header .product-category-description {
        overflow: hidden;
        height: auto;
        opacity: 1;
    }
    .woocommerce-products-header {
        margin-bottom: 45px;
    }
}

/*--------------------------------------------------------------
# Single Product
--------------------------------------------------------------*/

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    border: 1px solid #71ABC4;
    border-radius: 0px;
}


.product h1, .product h2, .product h3, .product h4 {
	font-family: 'Avenir', 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
    font-weight: 600;
}

.product h1 {
    font-size: 24px;
    letter-spacing: 0px;
}
.product h2 {
    font-size: 16px;
}

.product_title_category a {
    text-transform: uppercase;
    font-size: 14px;
    color: #35363E;
}

.product_taxonomies, .product_dimensions {
    font-size: 20px;
    color: #35363E;
}

.product_taxonomies span, .product_dimensions span {
    display: block;
    float: left;
    margin-right: 10px;
}

.product_taxonomies span.product_color, .product_taxonomies span.product_certification, .product_dimensions .product_length {
    clear: left;
}

.product_taxonomies a {
    color: #35363E;
}

.sku_wrapper, .stock, .stock.in-stock, .stock.out-of-stock {
    color: #A8A79F;
    text-transform: uppercase;
    font-size: 14px;
}

.stock.in-stock::before, .stock.out-of-stock::before, .product-type-variable .product_dimensions {
    content: none;
    display: none;
}


.single-product div.product p.price,
.woocommerce-variation-price span.price {
    color: #35363E;
    font-weight: 600;
}

.product_cat-melee p.price {
    display: none;
}

.woocommerce-variation-price span.price {
    font-size: 20px;
}

form.cart div {
    margin: 0px 0px 10px 0px !important;
    float: left;
    width: 50%;
    padding: 0px 5px 0px 0px;
}
form.cart div:nth-child(3) {
    clear: left;
}

form.variations_form.cart div {
    float: none !important;
    width: 100% !important;
}
    

form.cart div label,
td.label,
.single-product div.product table.variations th label {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #35363E;
    line-height: 1;
    letter-spacing: 0px;
}
td.label label {
    font-weight: 600 !important;
}

form.cart div select, table.cart select,
.single-product div.product table.variations select {
    border: 1px solid #35363E;
    border-radius: 0px;
    padding: 12px 38px 11px 22px;
    background-image: url(img/arrow-select.png);
    background-repeat: no-repeat;
    background-position: top 19px right 16px;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.single-product div.product table.variations .value {
    padding-right: 14px;
    margin-bottom: 0px;
}

#melee_quantity_stones, input.qty {
    box-shadow: none;
    border: 1px solid #35363E;
    background-color: #fff;
    width: 100% !important;
    padding: 11px 0px 12px 22px;
    text-align: left !important;
}
.reset_variations {
    display: none !important;
}


.product_cat_melee .woocommerce-Price-amount:last-child:after,
span.price .woocommerce-Price-amount:nth-child(2):after{
    content: " per carat";
}



button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {    width: 100%;
    max-width: 320px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 15px 0px 12px 0px;
    line-height: 1;
    margin: 12px 0px 0px 0px;
    font-size: 15px;
    letter-spacing: .6px;
    clear: both;
    display: block;
}

.single-product-text-rdw {
    
}

.single-product-text-rdw h2 {
    border-top: 1px solid #8c9fa9;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 5px 0px;
}


.product-meta-below {
    display: none;
}


.single-recently-viewed {
    border-top: 1px solid #8c9fa9;
    padding: 25px 0px 0px 0px;
}

.single-recently-viewed h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}
.single-recently-viewed a {
    display: inline-block;
    width: 160px;
    height: 160px;
    margin: 0px 5px 10px 0px;
    border: 1px solid #d9d9d9;
}

.related.products {
    border-top: 1px solid #8c9fa9;
    padding: 25px 0px 0px 0px;
}

.related>h2:first-child, .upsells>h2:first-child {
	font-family: 'Chronicle Display', 'Georgia', 'Times', serif;
    font-weight: 600;
    text-transform: uppercase;
}



@media only screen and (min-width : 768px) {
    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        width: 80%;
        float: right;
    }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        width: 19%;
        display: block;
        float: left;
        clear: none;
    }
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 100%;
        overflow: hidden;
        float: none;
        margin-right: 0px;
        max-width: 77px;
        border: 1px solid #d9d9d9;
    }





    .single-product div.product table.variations {
        width: 48%;
        float: left;
    }

    form.variations_form.cart div {
        clear: none;
    }

    .single-product div.product .variations_button {
        padding-top: 0;
    }

    form.variations_form.cart div.melee_carat_per_stone_container {
        width: 48% !important;
        float: right !important;
        padding-top: 1px;
    }

    form.variations_form.cart div.melee_total_carat_weight_container {
        padding-top: 1em;
        width: 48% !important;
        float: left !important;
    }

    form.variations_form.cart div.quantity {
        padding-top: 0.4em;
        width: 48% !important;
        float: right !important;
    }

    form.cart div {
        width: 50%;
        padding: 0px 10px 0px 0px;
    }
    
    form.cart .single_add_to_cart_button {
        width: 100%;
        max-width: none;
        max-width: 350px;
    }

    .storefront-full-width-content .site-main .related ul.products.columns-4 li.product{
        width: 23%;
        margin-right: 2.6%;
    }
    
}

@media only screen and (min-width : 900px) {
    form.cart div {
    }
    form.cart div label {
    }
}

@media only screen and (min-width : 1100px) {

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: 65.72727273%;
    }
    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        width: 87%;
    }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        width: 13%;
    }
    .storefront-full-width-content.single-product div.product .summary {
        width: 28%;
    }

    .storefront-full-width-content.product_cat_melee.single-product div.product .woocommerce-product-gallery {
        width: 45%;
    }
    .storefront-full-width-content.product_cat_melee.single-product div.product .summary {
        width: 50%;
    }

    
    form.cart div label {
        font-size: 14px;
    }
    
}


/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/

.woocommerce-cart .entry-header, .woocommerce-checkout .entry-header {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    left: 0px;
    right: 0px;
    padding: 0px 0px 10px 0px;
    text-align: left;
    background-color: #fff;
    border-top: none;
}
.woocommerce-cart .entry-header .entry-title {
    font-size: 28px;
}


table.cart dl.variation dt, table.cart dl.variation dd,  table.cart dl.variation dd p {
    display: inline;
    margin-bottom: 0px;
}
table.cart dl.variation dt:before {
    content: ' '; 
    display: block;
}

.cart-header {
    display: block;
    font-weight: 600;
}

a.cart-product-name {
    font-weight: 900;
}

a.remove {
    text-indent: 0px;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #71ABC4;
}

a.remove:before, button[name="update_cart"] {
    display: none;
}




table.cart .quantity .qty {
    width: 100%;
    max-width: 100%;
    padding: 12px 0px 11px 22px;
}

table.cart .product-melee-data {
    padding: 0px;
}

table.cart .product-melee-data div {
    width: 100%;
    float: none;
    padding: 5px;
}
table.cart .product-melee-data label {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    
}
table.cart .product-melee-data input {
    width: 100%;
    background-color: #fff;
    color: #35363E;
    border: 1px solid #35363E;
}
table.shop_table_responsive tr td[data-title]::before {
    display: none !important;
}

.cart-collaterals .cart_totals h2 {
    width: 100%;
    max-width: none !important;
    display: none;
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1em;
    float: right;
    width: 100%;
    max-width: 350px;
    height: 50px;
    padding: 19px 0px 0px 0px;
    font-weight: 400;
}
.wc-forward::after, .woocommerce-Button--next::after {
    display: none;
}
.woocommerce-cart-form button {
    text-transform: uppercase;
    width: 100%;
    max-width: 350px;
    height: 50px;
    padding: 3px 0px 0px 0px;
    font-weight: 400;
}



.cart_totals table.shop_table_responsive tbody tr td, 
.cart_totals table.shop_table_responsive tbody tr th {
    text-align: right;
}

table.has-coupon tr.shipping li.flat_rate5,
table.has-coupon tr.shipping p.woocommerce-shipping-destination,
table.has-coupon tr.shipping form.woocommerce-shipping-calculator {
    display: none !important;
}

.coupon input#coupon_code {
    width: 100%;
    margin-bottom: 5px;
}


.product-melee-data input.input-text.qty.text {
    border: none;
    background-color: transparent;
    padding: 0px;
    padding-left: 0px !important;
}

@media only screen and (max-width : 768px) {
    table.shop_table_responsive tr td {
        text-align: left;
        clear: none;
        padding: 16px 10px 0px 10px;
    }

    table.shop_table_responsive tr td.product-thumbnail {
        width: 50%;
        float: left;
    }

    table.shop_table_responsive .product-thumbnail img {
        width: 100%;
        height: auto;
        margin: 0px 0px 10px 0px;
        max-width: none;
    }
    table.shop_table_responsive tr td.product-name, table.shop_table_responsive tr td.product-quantity, table.shop_table_responsive tr td.product-price, table.shop_table_responsive tr td.product-subtotal,  table.shop_table_responsive tr td.product-melee-data {
        float: right;
        clear: right;
        
    }
    table.shop_table_responsive tr td.product-thumbnail, table.shop_table_responsive tr td.product-name {
        border-top: 1px solid #8C9FA9;
    }
    
}
    

@media only screen and (min-width : 768px) {
        
    table.cart .product-melee-data div {
        width: 100%;
        float: none;
        padding: 5px 10px;
    }
    table.cart .product-melee-data label {
        font-size: 9px;
    }
    table.shop_table_responsive tr td.product-thumbnail {
        padding: 0px 0px 0px 10px;
    }
    table.cart .product-thumbnail img {
        max-width: 100%;
    }

    .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
        width: 100%;
        float: none;
    }
    
    .cart_totals table.shop_table_responsive tbody tr th {
        width: 40%;
    }
    .cart_totals table.shop_table_responsive tbody tr td {
        width: 60%;
    }
    table.cart td.actions .coupon {
        width: 100%;
        text-align: left;
    }
    .coupon input#coupon_code {
        width: 300px;
        height: 50px;
        padding: 2px 0px 0px 12px !important;
        line-height: 1 !important;
    }
}

@media only screen and (min-width : 900px) {
    table.cart .product-melee-data {
        width: 660px;
        padding-top: 20px;
    }
    table.cart .product-melee-data label {
        font-size: 11px;
        font-weight: 500;
    }
    .cart_totals table.shop_table_responsive tbody tr th {
        width: 70%;
    }
    .cart_totals table.shop_table_responsive tbody tr td {
        width: 30%;
    }

}
@media only screen and (min-width : 1000px) {
    table.shop_table_responsive tr td.product-thumbnail {
        width: 255px;
    }
    table.cart .product-melee-data label {
        font-size: 14px;
    }    
}
@media only screen and (min-width : 1100px) {
    table.cart .product-melee-data label {
    }
}

@media only screen and (min-width : 1150px) {
    table.shop_table_responsive tr td.product-thumbnail {
        padding: 0px 0px 0px 0px;
    }
}

/*--------------------------------------------------------------
# Login and Registration
--------------------------------------------------------------*/
.woocommerce-account .entry-header {
    display: none;
}

.ur-frontend-form {
    border: 0px solid #fff;
}

.ur-frontend-form form .ur-form-row .ur-form-grid label, .ur-frontend-form form .ur-form-row .ur-form-grid legend {
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.15;
    font-size: 16px;
    padding: 0px;
}

.ur-frontend-form {
    padding: 0px;
}

.ur-frontend-form form button[type=submit], .ur-frontend-form form input[type=submit] {
    text-transform: uppercase;
    width: 95%;
    padding: 15px 20px;
    mad-width: 350px;
}

.login .form-row .button {
    text-transform: uppercase;
    width: 175px;
}

.lost_password a {
    color: #71ABC4;
}

.ur-frontend-form form .urfu-file-upload button {
    color: #fff;
}

.urfu-attachment-link img {
    border: 1px solid #000;
}

.urfu-file-details {
    margin-left: 10px;
}

.urfu-remove {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/

.site-footer {
    padding-bottom: 0px;
    text-align: center;
}

.footer-certified {
    border-top: 1px solid #8c9fa9;
    border-bottom: 1px solid #8c9fa9;
    z-index: 20000;
    position:relative;
    background-color: rgba(255,255,255,.5);
}
.footer-certified-inner {
    width: 100%;
    max-width: 900px;
    padding: 0px 20px;
    margin: 0px auto;
}

.footer-certified img {
    float: left;
    width: 25%;
    display: block;
    margin-top: 14px;
}

.footer-certified-text {
    width: 72%;
    float: right;
    font-size: 14px;
    padding: 15px 10px 10px 0px;
    line-height: 1.3;
}

.footer-certified-text h2 {
    font-size: 24px;
}

body.home .footer-certified {
    display: none;
}

.footer-widgets {
    border-bottom: 1px solid #A8A79F;
    padding-bottom: 40px;
}
.footer-widgets .widget {
    font-size: 14px;
}

.footer-widgets .widget .widget-title {
    font-size: 14px;
    letter-spacing: 0;
    border-bottom: 0px solid transparent;
    padding: 0px;
    margin-bottom: 14px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
}

.widget_nav_menu ul li::before {
    display: none !important;
}

.widget_nav_menu ul li {
    padding-left: 0px;
}

.footer-widgets input[type=email] {
    border: 0px;
    width: 60%;
    box-shadow: none;
    background-color: #fff;
}

.footer-widgets input[type=email]:focus {
    background-color: #fff;
}

.footer-widgets input[type=email]::placeholder {
    color: #D9D9D9;
    text-transform: uppercase;
}

.footer-widgets input[type=submit] {
    width: 30%;
    font-weight: 400;
    text-transform: uppercase;
}


.menu-social-menu-container ul {
    list-style-type: none;
    font-size: 1px;
}
.menu-social-menu-container ul li {
    margin-right: 10px;
    display: inline-block;
}
.menu-social-menu-container ul li a {
    width: 38px;
    height: 39px;
    padding: 0px 18px;
    display: inline-block;
    text-indent: -999999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
    
}

.menu-social-menu-container ul li.nav-facebook a {
    background-image: url(img/social-facebook.png);
}
.menu-social-menu-container ul li.nav-twitter a {
    background-image: url(img/social-twitter.png);
}
.menu-social-menu-container ul li.nav-instagram a {
    background-image: url(img/social-instagram.png);
}
.menu-social-menu-container ul li.nav-pinterest a {
    background-image: url(img/social-pinterest.png);
}


.site-info {
    text-align: center;
    font-size: 14px;
}

@media only screen and (min-width : 768px) {
    .site-footer {
        text-align: left;
    }

    .footer-certified-inner {
        padding-bottom: 15px;
    }
    .footer-certified img {
        width: 15%;
        margin-left: 0px;
        margin-top: -15px;
    }

    .footer-certified-text {
        width: 83%;
        font-size: 18px;
        padding: 15px 10px 0px 0px;
        line-height: 1.3;
    }
    .footer-certified-text h2 {
        font-size: 30px;
        margin: 0px 0px 5px 0px;
    }    
    
    .footer-widgets { 
        padding-bottom: 0px;
    }
    .footer-widgets.col-4 .block {
        width: 18%;
        margin-right: 2%;
    }
    .footer-widgets.col-4 .block.footer-widget-2 {
        margin-right: 4%;
    }
    .footer-widgets.col-4 .block.footer-widget-3 {
        width: 22%;
    }
    .footer-widgets.col-4 .block.footer-widget-4 {
        width: 34%;
    }
}


/*--------------------------------------------------------------
# Ruff the Diamond Dog
--------------------------------------------------------------*/

.term-ruff-the-diamond-dog .have-questions,
.term-ruff-the-diamond-dog .woocommerce-result-count {
    display: none;
}
.term-ruff-the-diamond-dog .woocommerce-products-header {
    margin-bottom: 0px;
}

.term-ruff-the-diamond-dog .woocommerce-products-header .woocommerce-products-header__title {
    padding: 0px 30px;
}

.ruff-title-header {
    height: 320px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 0px;
    margin-right: -50vw;
    margin-bottom: 20px;
    margin-left: -50vw;
    background-image: url(img/book-title-cover.jpg);
    background-size: 150%;
    background-position: center;
    background-repeat: no-repeat;
}
.ruff-title-doggie {
    top: 330px;
    background-image: url(img/ruff-diamond-dog.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 136px;
    right: -11px;
    position: absolute;
    background-color: rgba(255,255,255,.5);
}
.ruff-title-dragon {
    display: none;
}
.term-ruff-the-diamond-dog .site-main ul.products.columns-4 li:first-child {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.term-ruff-the-diamond-dog .site-main ul.products.columns-4 li:first-child + li.product {
    clear: both;
}

.term-ruff-the-diamond-dog .site-main ul.products.columns-4 li.product.first {
    clear: none !important;
}
.buy-the-book {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: 600;
    padding-bottom: 8px;
}




/* ===== == = === (375px) === = == ===== */
@media only screen and (min-width: 375px) {
    .ruff-title-header {
        height: 375px;
    }
    .ruff-title-doggie {
        top: 380px;
    }
}

/* ===== == = === (410px) === = == ===== */
@media only screen and (min-width: 410px) {
    .ruff-title-header {
        height: 414px;
    }
    .ruff-title-doggie {
        width: 150px;
        height: 170px;
        top: 410px;
    }
}


/* ===== == = === (575px) === = == ===== */
@media only screen and (min-width: 575px) {
    .ruff-title-header {
        width: 100%;
        max-width: 780px;
        height: 500px;
        left: auto;
        right: auto;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        background-size: 100%;
        background-position: bottom;
    }
}

/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .ruff-title-header {
    }
}

/* ===== == = === (900px) === = == ===== */
@media only screen and (min-width : 900px) {
}

/* ===== == = === (1024px) === = == ===== */
@media only screen and (min-width : 1024px) {
}

/* ===== == = === (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
}

/* ===== == = === (1300px) === = == ===== */
@media only screen and (min-width : 1300px) {
    .ruff-title-dragon {
        display: block;
        background-image: url(img/ruff-diamond-dragon.png);
        background-position: top 0px left -24px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0px;
        top: 875px;
        width: 300px;
        height: 608px;
    }
}

@media only screen and (min-width : 1900px) {
    .ruff-title-dragon {
        width: 408px;
    }
}






/*--------------------------------------------------------------
# One of a Kind Template
--------------------------------------------------------------*/
.ooac-product-header {
    padding: 30px 0px 30px 0px;
    background-color: #F9F8F4;
    text-align: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 10px;
    margin-right: -50vw;
    margin-bottom: 45px;
    margin-left: -50vw;
}

.ooac-product-header img {
    max-width: 320px;
    margin: 0px auto;
}
.ooac-product-header h1 {
    margin-bottom: 0px;
}


.term-one-of-a-kind .woocommerce-products-header__title {
    font-size: 36px;
    background-image: url(img/OneOfAKind_head.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999999999px;
}

.product_cat-one-of-a-kind .woocommerce-product-gallery {
    display: none;
}
.product_cat-one-of-a-kind .lSSlideOuter .lSPager.lSpg {
    margin-bottom: 40px;
}

.product_cat-one-of-a-kind .lSSlideOuter .lSPager.lSpg>li {
    padding: 0 14px;
}
.product_cat-one-of-a-kind .lSSlideOuter .lSPager.lSpg>li a {
    height: 6px !important;
    width: 6px !important;
}

.product_cat-one-of-a-kind .lSSlideWrapper {
    border: 1px solid #A8A79F;
}

.single-product div.product .ooac-narrative {
    position: relative;
}

.ooac-narrative h2 {
    font-family: 'Chronicle Display', 'Georgia', 'Times', serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 32px;
}

.ooac-narrative .ooac-artist-bio {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #8b9fa9;
}

.product_cat-one-of-a-kind .summary .product_title_category,
.product_cat-one-of-a-kind .summary .product_title.entry-title {
    display: none;
}

.product_cat-one-of-a-kind .summary .product_title.entry-title.visible {
    display: block;
}



/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .storefront-full-width-content.single-product div.product.product_cat-one-of-a-kind .summary {
        width: 32%;
    } 
    .single-product div.product .ooac-narrative {
        width: 61.72727273%;
        float: left;
        margin-right: 4.347826087%;
        margin-bottom: 3.706325903em;
    }
    .ooac-artist-bio .ooac-artist-image {
        max-width: 250px;
    }
}

/* ===== == = === (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
    .storefront-full-width-content.single-product div.product.product_cat-one-of-a-kind .summary {
        width: 32%;
    } 
    .single-product div.product .ooac-narrative {
        width: 61.72727273%;
    }
}

/* ===== == = === (1300px) === = == ===== */
@media only screen and (min-width : 1300px) {
}

/* ===== == = === (1600px) === = == ===== */
@media only screen and (min-width : 1600px) {
}



/*--------------------------------------------------------------
# Related Cart Cross Sells
--------------------------------------------------------------*/
.cart-related {
    background-color: #f9f8f4;
    padding: 10px;
    max-width: 98%;
    margin: 0px auto 50px;
    font-size: 75%;
    line-height: 1.2;
    position: relative;
}

.cart-related h2 {
    text-align: center;
    margin-top: 6px;
    
}
.cart-related button {
    width: 14px;
    height: 14px;
    top: 5px;
    right: 5px;
    padding: 0px;
    position: absolute;
    background-color: transparent;
    background-image: url(img/close.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -999999999px;
    overflow: hidden;
}

.cart-related .cart-related-product {
    float: left;
    width: 50%;
    padding: 10px 12px;
}


.cart-related .cart-related-product a {
    text-decoration: none;
    display: block;
	transition: all .25s ease-in-out;
}
.cart-related .cart-related-product img {
    border: 1px solid #979797;
    margin-bottom: 3px;
	transition: all .25s ease-in-out;
}

.cart-related .cart-related-product a:hover {
    transform: scale(1.05);
}

.cart-related .cart-related-product a:hover img {
    box-shadow: 0px 0px 37px -10px rgba(151,151,151,1);
}

.cart-related .cart-related-product:nth-child(even) {
    display: none;
}


    


/* ===== == = === (575px) === = == ===== */
@media only screen and (min-width: 575px) {
    .cart-related h2 {
        padding-left: 24px;
        text-align: left;
    }
    .cart-related button {
        width: 24px;
        height: 24px;
        top: 16px;
        right: 16px;
    }
    .cart-related .cart-related-product {
        padding: 10px 24px;
    }
}

/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .cart-related {
        padding: 24px;
    }
    .cart-related .cart-related-product {
        width: 25%;
        text-align: left;
    }
    .cart-related button {
        top: 24px;
        right: 24px;
    }
    .cart-related .cart-related-product:nth-child(even) {
        display: block;
    }
}

/* ===== == = === (900px) === = == ===== */
@media only screen and (min-width : 900px) {
}

/* ===== == = === (1024px) === = == ===== */
@media only screen and (min-width : 1024px) {
    
}

/* ===== == = === (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
}

/* ===== == = === (1300px) === = == ===== */
@media only screen and (min-width : 1300px) {
}

/* ===== == = === (1600px) === = == ===== */
@media only screen and (min-width : 1600px) {
}