/**
  * General
  */
h1, h2, h3, h4, .span-heading {
    color:#005c2e;
}
h1 {
    font-size:3rem;
    line-height:3rem;
    margin-top:0;
}
h2 {
    font-size:2rem;
    line-height:2rem;
}
h3 {
    font-size:1.75rem;
    line-height:1.8rem;
}
h4 {
    font-size:1.5rem;
    line-height:1.7rem;
}
.section-sm-margin {
    margin-top:1rem;
    margin-bottom:1rem;
}
.section-md-margin {
    margin-top:2rem;
    margin-bottom:2rem;
}
.text-weight-normal {
    font-weight:normal;
}
.underline {
    text-decoration:underline;
}

/**
  * Navbar
  */
.navbar {
    margin-top:.4rem;
    margin-bottom:1.5rem;
}
.navbar-default {
    background-color:#fff;
    border:none;
}
.navbar-brand {
    box-sizing:content-box;
    height:auto;
}
.navbar-brand img {
    max-height:70px;
}
/* Vertical center components  */
@media (min-width:768px) {
    .row.vertical-align {
        display:flex;
        align-items:center;
    }
}
/* Align navbar brand image to center on small devices */
@media (max-width:767px) {
    .navbar-brand {
        padding-left:0;
        width:100%;
        text-align:center;
    }
    .navbar-brand img {
        display:inline;
    }
}

/**
  * Masthead
  */
div.masthead {
    position:relative;
    padding-top:1rem;
    padding-bottom:1rem;
    background-color:#006633;
    background-image:url("../images/pond-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    color:#fff;
}
div.masthead .overlay {
    position:absolute;
    top:0;
    left:0;
    padding:2rem 3rem;
    background:rgba(17, 115, 61, 0.8);
}
div.masthead .overlay span {
    display:block;
    margin:.6rem 0;
    font-size:2.8rem;
    line-height:2.8rem;
}
@media (min-width:768px) {
    div.masthead {
        padding-top:2.5rem;
        padding-bottom:2.5rem;
    }
    div.masthead h1 {
        font-size:3rem;
    }
}

/**
  * Footer
  */
.footer {
    padding:1.5rem 0;
    background-color:#2d2d2d;
}
.footer-heading {
    font-size:1.4rem;
    line-height:3.5rem;
    color:#e5e5e5;
}
.footer a, .footer small {
    color:#999;
}

/**
  * Ad slots
  */
#ad-slot-header {
    max-height:90px;
    max-width:728px;
    margin-left:auto;
    margin-right:0;
}
/* Hide header ad slot on xsmall window */
@media (max-width:767px) {
    #ad-slot-header {
        display:none;
    }
}
#ad-slot-header-links {
    max-height:15px;
    margin-bottom:1rem;
}
/* Hide header link ad slot on window smaller than 470px */
@media (max-width:470px) {
    #ad-slot-header-links {
        display:none;
    }
}
#ad-slot-masthead {
    min-height:250px;
    max-height:280px;
    max-width:336px;
    margin-left:auto;
    margin-right:auto;
}
.media-ad-slot {
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
}
.amazon-container {
    max-width:1021px;
    margin-left:auto;
    margin-right:auto;
}

/**
  * Home Product Links
  */
div.product {
    position: relative;
    width:100%;
    padding-bottom:3.5rem;
    margin:1rem 0;
    border-radius: 0 0 7px 7px;
    border:1px solid #bbb;
}
div.product:hover {
    border-color:#006633;
}
div.sizing-container {
    padding-top:75%;
    height:3.5rem;
    width:100%;
}
div.product img {
    position:absolute;
    top:0;
    width:100%;
}
div.product:hover img {
    opacity:.75;
    transition: .5s ease;
}
a.product-link {
    position:absolute;
    top:0;
    z-index:10;
    display:block;
    width:100%;
    padding-top:75%;
    line-height: 3.5rem;  
    text-decoration: none;
    color:#006633;
    text-align:center;    
}

/**
  * Home Guide Containers
  */
.guide-container {
    position:relative;
    height:100%;
    border:1px solid #bbb;
    border-radius:1rem;
}
.guide-container:hover {
    border-color:#006633;
}
.guide-container h3 {
    margin:0;
}
.guide-container h3 a {
    position:absolute;
    z-index: 10;
    display:block;
    width:100%;
    height:100%;
    padding:1.5rem 1.5rem 0 1.5rem;
    border-radius:1rem;
    font-size:1.75rem;
    line-height:1.75rem;
    color:#006633;
}
.guide-container h3 a:hover {
    text-decoration:none;
}
.guide-description-container {
    padding:5rem 0 1rem 0;
}
.guide-description-container p {
    margin: 1rem 1.5rem;
}
.guide-container img {
    width:100%;
    padding:0;
    margin:0;
}
.guide-container:hover img {
    opacity:.85;
    transition:.5s ease;
}

/**
  * Inner Pages
  */
.ad-slot-content {
    max-width:975px;
    margin-left:auto;
    margin-right:auto;
}
/*.media-ad-slot-skyscraper {
    max-width:170px;
}*/
.media-ad-slot-content {
    max-width:975px;
}
.content p a {
    color:#006633;
}
.content img.pull-left {
    margin:.5rem 1.5rem .5rem 0;
}
.content img.pull-right {
    margin:.5rem 0 .5rem 1.5rem;
}

/**
  * Calculator
  */
.panel.calculator .panel-heading {
    padding-bottom:.75rem;
}
.panel.calculator .panel-heading h2 {
    margin:inherit;
    font-size:inherit;
    line-height:inherit;
    color:inherit;
}
.calculator .panel-body {
    margin-top:.75rem;
    color:#fff;
}
.calculator .btn {
    margin-top:2rem;
}
#pond-volume-calculator {
    background:#64b4dc;
}
#pond-liner-calculator {
    background:#6c4fa7;
}
#pond-pump-calculator {
    background:#cf6060;
}
#pond-cost-calculator {
    background:#00aa68;
}
.calculator table {
    width:100%;
}
.calculator table td,td {
    padding:.25rem 0;
}
.calculator form table input.radio {
    display:inline;
}
.calculator table input[type="text"] {
    max-width:6rem;
    color:#000;
}
.calculator table select {
    color:#000;
}
.calc-message p {
    margin:1rem;
    text-align:center;
    font-weight:bold;
    color:#fff;
}
.calc-message p.error {
    color:red;
}
#pond-pump-calculator .calc-message p.error {
    color:#000;
}