/************************* NOTICE ***********************\

- THIS FILE SHOULD BE USED FOR CUSTOM CSS MODIFICATIONS -

- Using this file for CSS modifications rather than
modifying Style.css directly will allow your site to
receive template updates in the future.

\************************* NOTICE ***********************/

p {
    line-height:1.5;
}

h1 {
  letter-spacing:1px;
}

body.default.page div.recent-blogs {
  width: 50%;
  float: left;
  margin-right: 7%;
}

div#PageContent a:hover,
section.main a:hover {
    text-decoration:underline;
}

h1.PostTitle {
  margin-bottom:0;
  border-bottom:2px solid #ddd;
}

.orbit-wrapper {
    margin-bottom:1%;
}
/*hide nav bullets on image slider*/
ul.orbit-bullets {
    display:none;
}
div.header-search-wrapper {
    margin-top:4px;
}
#top-header-wrapper {
    width:100%;
    background-color:#c00;
    height:30px;
    border-bottom:1px solid #ccc;
}

#top-header-container {
    width:100%;
    max-width:970px;
    margin: 0 auto;
    padding:8px 0px 0px 0px;
}

#top-header-left,
#top-header-right {
    text-transform:uppercase;
    color:#fff;
    font-size:11px;
    font-weight:bold;    
}

#top-header-left {
    float:left;
    text-align:left;
    width:70%;
}
#top-header-right {
    float:right;
    text-align:right;
    width:30%;
}

#header-blurb {
    position:absolute;
    right:0;
    bottom:0;
    text-transform:uppercase;
    font-size:11px;
}
#header-blurb h1 {
    font-size:11px;
    margin:0;
    padding:0;
}

/*--- top banners display below main site navigation ---*/
#top-banners {
    padding:5px 0 5px 0;
    position:relative;
    clear:both;
}
#middle-banners {
    margin-top:-3px;
    padding:0 0 5px 0;
    position:relative;
    clear:both;
}
#top-banner-left,
#top-banner-center,
#top-banner-right {
    float:left;
    margin-top:4px;
    margin-bottom:5px;
    width:32.65%;
}
#middle-banner-left,
#middle-banner-center,
#middle-banner-right {
    float:left;
    margin-top:0;
    margin-bottom:5px;
    width:32.65%;
}

#top-banner-left,
#top-banner-center,
#middle-banner-left,
#middle-banner-center {
    margin-right:1%;
}
#top-banner-left img,
#top-banner-center img,
#top-banner-right img,
#middle-banner-left img,
#middle-banner-center img,
#middle-banner-right img {
    width:100%;
    max-width:317px;
    height:auto;
}

/*--- summer special displays below image slider on homepage ---*/
#summer-special-left {
    float:left;
    width:67%;
}
#summer-special-right {
    float:left;
    width:33%;
    background-color:#e3e5e7;
    color:#797979;
    padding-top:10px;
    padding-left:7px;
    font-weight:500;
    height:63px;
    
}

/*--- newsletter signup on homepage ---*/
#summer-special-right form.subscribe_form input.nl_first_name {
    width: 80px;
    float: left;
    margin-right: 5px;
    border:none;
    height:27px;
    margin-bottom:0;
}
#summer-special-right form.subscribe_form input.nl_email {
    width: 125px;
    float: left;
    margin-right: 7px;
    border:none;
    height:27px;
    margin-bottom:0;
}
#summer-special-right form.subscribe_form input.small.button {
    height:26px;
    color:#fff;
    font-weight:600;
}


/*--- chase-covers page ---*/
.chase-covers-grid-row {
    position: relative; clear: both; width: 100%;
}
.chase-covers-grid-left.product {
    width: 25%; padding-right: 1%; float: left;
}
.chase-covers-grid-right.product {
    width: 25%; padding:0; float: left;
}
.chase-covers-grid-left.product img, .chase-covers-grid-right.product img {
    width:100%; max-width:317px; height:auto;
}
.chase-covers-grid-left img, .chase-covers-grid-right img {
    width: 100%; height: auto;
}
.chase-covers-grid-left.instruction {
    width: 25%; padding-right: 1%; float: left;
}
.chase-covers-grid-right.instruction {
    width: 25%; padding-left: 1%; float: left;
}

.chase-covers-grid-left.instruction img, .chase-covers-grid-right.instruction img {
    width:100%; max-width:200px; height:auto; max-height:170px;
}

.fedex-shipping-map {
    width: 100%; max-width: 437; height: auto;
}
.wounded-warrior-soldier {
    width:100%; max-width:468px; height:auto;
}
.ebay-shipping-screenshot {
    width:100%; max-width:461px; height:auto;
}


.info-col div.payment-logos {
    text-align:right;
    margin-top:10px;
}
#homepage-accept-cards-block {
    padding-top:12px; padding-bottom:28px; font-size:21px; font-weight:bolder; font-family: 'Roboto Condensed',sans-serif;
}
#homepage-accept-cards-block #siteseal {
    margin-top:10px;
}

.continue-shopping-button {
    font-size:1.5em;
}

/************************ MEDIA QUERIES *********************/

@media screen and (min-width: 769px) {
  .logo-container {
    margin-top:-20px;
    margin-bottom: 7px;
  }
  .info-col {
    top:25%;
  }
}
@media screen and (max-width:1000px){
    #summer-special-left {
        float:none;
        width:100%;
    }
    #summer-special-left img {
        width:100%;
        height:auto;
    }
    #summer-special-right {
        width:100%;
        float:none;
        margin-top:6px;
        text-align:left;
        font-size:18px;
        height:auto;
        overflow: hidden;
        padding-bottom: 15px;
        padding-right: 10px;
    }
    #summer-special-right form.subscribe_form {
        width: 100%;
        margin-top:5px;
    }
    #summer-special-right form.subscribe_form input.nl_first_name {
        width:25%;
        margin-right: 1%;
    }
    #summer-special-right form.subscribe_form input.nl_email {
        width:52%;
        margin-right: 1.5%;
    }
    #summer-special-right form.subscribe_form input.small.button {
        width:20%;
        margin-top:1px;
        float:right;
    }
}
@media screen and (max-width: 1024px) {
    #top-header-container {
        padding:8px 20px 0px 20px;
    }
}
@media screen and (max-width: 770px) {
    #header-blurb,
    div.payment-logos {
        display:none;
    }
    .chase-covers-grid-left.instruction {
        width: 50%; padding-right: 1%; float: left;
    }
    .chase-covers-grid-right.instruction {
        width: 50%; padding-left: 1%; float: left;
    }
    .chase-covers-grid-left.product {
        width: 50%; padding-right: 1%; float: left;
    }
    .chase-covers-grid-right.product {
        width: 50%; padding:0; float: left;
    }
    body.default.page div.recent-blogs,
    body.default.page div.about-chimney-blurb {
        width:100%;
        float:none;
    }
    body.default.page div.about-chimney-blurb {
        margin-top:30px;
        padding-top:20px;
        border-top:2px solid #EDEDED;
    }
}
@media screen and (max-width: 624px) {
    #top-header-left {
        width:100%;
        text-align:center;
    }
    #top-header-right,
    #top-banners,
    #middle-banners {
        display:none;
    }
}
@media screen and (max-width: 474px) {
    #summer-special-left, #summer-special-right {
        margin-left:3%;
        margin-right:3%;
        width:94%;
    }
}
@media screen and (max-width: 432px) {
    #top-header-container {
        display:none;
    }
    #summer-special-right {
        font-size:16px;
    }
}