/* *************************************************************
	Stylesheet for Hearth & Home Product Catalog Syndication
************************************************************** */

.syndication input, .syndication select {padding:8px;width:100%;margin:2px 0;box-sizing : border-box;font-size:initial;}
.syndication input[type=checkbox] {width:20px;}
.syndication input[type=button] {margin:10px 0;}
.syndication label {font-weight:normal;display:inline;}
.syndication p {line-height:normal;margin:5px 0;}
.syndication h3 {font-weight:600;}
.syndication a {cursor:pointer;font-size:initial;}
.syndication a.btn {padding: 10px 15px;position: relative;border-radius:5px;color:#fff;background-color:#000;display:block;text-decoration:none;border:1px solid #000;}
.syndication input.btn {font-size:initial;font-size: 1.1em;padding: 10px 15px;position: relative;text-shadow: 1px 1px #000;border-radius:5px;color:#fff;background-color: #000;display:block;text-decoration:none;cursor:pointer;font-family:inherit;}
.syndication .result {font-size:initial;font-size:1.2em;}
.syndication .clear {clear:both;}

#site_configuration {display:none;}

#CategoryListPanel ul {list-style-type:none;padding:0px;margin:0px;}
#CategoryListPanel ul li {padding:5px 0;margin:0px;}
#CategoryList ul li {display:inline-block;text-align:center;width:32.5%;vertical-align:top;}
#CategoryList img {width:100%;}

#ProductListPanel ul {list-style-type:none;padding:0px;margin:0px;}
#ProductListPanel ul li {padding:5px 0;margin:0px;}
#ProductList ul li {display:inline-block;text-align:center;vertical-align:top;}
#ProductList img {width:100%;}

#ProductFilterPanel {margin:10px 0 0 0;}
#ProductFilterPanel select {display:inline-block;width:49.5%;}

#ProductDetail {padding:5px 0;margin:0px;}
#ProductDetail .hero-image img {width:100%;}
#ProductDetail .description a {pointer-events:none;cursor:default;color:inherit;text-decoration:none;font-size:inherit;font-weight:initial;}

#ProductDetail .model-specifications table.article-block-table {width:100%;font-size:initial;}
#ProductDetail .model-specifications table.article-block-table tr:nth-child(odd) {background:#efefef;}
#ProductDetail .model-specifications table.article-block-table td {width:50%;padding:8px;}

#ProductDetail .specification-images a {display:inline-block;text-align:center;margin:10px 0;max-width:25%;}
#ProductDetail .specification-images img {width:100%;margin:0 0 10px 0;}

#ProductDetail .contact-us .form-content span {width:50%;float:left;}
#ProductDetail .contact-us .form-content p {margin:5px 5px 5px 0;}

#ProductDetail .section {float:left;width:50%;}

#CouponForm .form-content {max-width:767px;width: 100%;margin: 10px auto;padding:0px;color: #000;text-align: left;}
#CouponForm .form-content p {padding:0 10px;}
#CouponForm .form-content h2 {padding:0 10px;}
#CouponForm .form-content h1 {padding:10px;margin:0;}
#CouponForm .form-content p.description {padding:10px;margin:0;}
#CouponForm .form-content img {max-width:100%;}
#CouponForm .form-content p.disclaimer {font-size:inherit;}

.syndication{padding:0 2%;}
.syndication ul.cta {list-style-type:none;padding:0;margin:0;}
.syndication ul.cta li {width:100%;padding:5px 0;display:inline-block;}
.syndication ul.cta.has-2 li {width:49.5%;}
.syndication ul.cta a {width:100%;text-align:center;box-sizing:border-box;}
.syndication ul.cta a:before, .syndication ul.cta a:after {content:'';}

.syndication-popup-form {display:none;}

#ContactSubmitResult{color:#d40a0a;font-weight:600;margin:0 0 0 10px;}
#ContactPanel .fieldsRequired, #CouponForm .fieldsRequired, #ProductDetail .contact-us .form-content .fieldsRequired {font-weight:600;font-size:18px;font-style:italic;margin:20px 0 0 0;color:#444;}
#ContactSubmitError ul li, #EmbeddedContactSubmitError ul li {color:#d40a0a;}

#CouponPanel input[type=button], #ContactPanel #ContactForm input[type="button"], #EmbeddedContactForm input[type="button"] {
    width: auto;
    border-radius: 5px;
    font-weight: 600;
    margin: 20px 0 0 0;
    cursor: pointer;
}
#ContactPanel #CTAContactBackLink{width:200px; margin:20px 0 0 0;border:none;background-color:#fff;color:#007bff;border-radius:0px;font-weight:600;cursor:pointer;}
#ContactPanel #CTAContactBackLink:hover{text-decoration:underline;}
#CouponPanel #CTACouponBackLink:hover{text-decoration:underline;}

#CouponPanel #SubmitError{color:#d40a0a;font-weight:600;margin:0 0 20px 25%;}
#CouponPanel #CTACouponBackLink{margin-left:0px;width:200px;background-color:#fff;color:#007bff;font-weight:600;cursor:pointer;border-radius:0px;border:none;}
#CouponPanel #NoOffer{ text-align:center;}

#SubmitThankYou{width:50%;margin:0 auto;color:#444;}
#SubmitThankYou p {line-height:26px;}

@media (max-width: 991px) {
    #CategoryList ul li {width:49.5%;}

    #ProductDetail .section {float:none;width:100%;}
    #ProductDetail .specification-images a {max-width:50%;}
}

@media (max-width: 767px) {
    #ProductDetail .contact-us .form-content span {width:100%;float:none;}
    #ProductDetail .contact-us .form-content p {margin:5px 0;}
}

@media (max-width: 640px) {
    #ProductFilterPanel select {width:100%;}

    #ProductList ul li {width:100%;}
}

@media (max-width: 479px) {
    #CategoryList ul li {width:100%;}
    #ProductFilterPanel select {width:100%;}

    #ProductDetail .specification-images a {max-width:100%;}

    .syndication ul.cta.has-2 li {width:100%;}
}


/*current offers view*/
.promolist .promotions li {list-style-type:none;display:inline-block;width:100%}
.promotions > li > a > img {float:left;padding: 40px 20px 0 0;}
.promotions > li > h3 {text-align:left; padding-top: 60px;}
.promotions > li > p {text-align: left;max-width:50%;}
.promotions > li > p:last-child a  {margin:20px 0;position:initial;display:inline-block;}
.promotions > li > p:last-child a:hover {color:#000;background-color:#fff;}

/*back to offer button*/
#navigate_back a {padding:8px;color:#fff;background-color:#000;border-radius:5px;border:1px solid #000;}
#navigate_back a:hover{color:#000;background-color:#fff;}

/*new layout for syndication header*/
#HHTSyndicatedCatalogContent{background-color:transparent;max-width:1200px;margin:0 auto;}
#CTAGroup{padding:0;margin:0;display:flex;justify-content:flex-end;float:right;}
#CTAGroup li {text-align:right;font-weight:bold;list-style-type:none; display:inline-block; padding:0; margin: 0 8px;}
#CTAGroup li input{padding:0;background-color:transparent;font-size:14px;color:#333;width:100%;text-align:right;border-radius:0px;border:none;font-weight:600;cursor:pointer;}
#CTAGroup li input:hover{text-decoration:underline;}

#HeaderPanel{margin:0 2%;}
#NavPanel{margin:32px 0 16px 0;display:inline-block;border-bottom:1px solid #DADADA;width:100%;padding:10px 0;}
#NavPanel > input[type="button"]{cursor:pointer;border:none;font-size:14px;font-weight:600;background-color:transparent;color:#0074D9;padding:0;text-align:left;}
#backArrow{color:#0074D9;}

#ProductList ul{display:flex;flex-wrap:wrap;}
#ProductList ul::after{content:'';}
#ProductList ul li{ width: calc(100%/4 - 20px); margin: 0 10px;}

@media (max-width:991px) {
    #CTAGroup {height:60px;flex-direction:column;}
    #CTAGroup li{display:block;width:100%;padding:5px 16px;}
    #CTAGroup li input{text-align:left;}

    #ProductList ul li {
        width: calc(100%/3 - 20px);
    }
}