﻿body {
    background-color: #e5faff;
    font-family:Alegreva;
    font-weight:400;
    /*max-width:1500px;*/
    margin:0 auto;
}
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xl-12 {
    padding-left: 0;
    padding-right: 0;
}
.header {
    min-height: 80px;
    margin-bottom: 35px;
}
.header-navbar {
    background-color: rgba(229,250,255, 0.8);
    z-index: 99;
}
.sharefilearea {
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    !important;
}
.sharefilebox {
    display: table;
    min-height: 50px;
    background-color: #d5cbe5;
    margin: 0 auto;
    z-index:100;
}
.sharefilebox h5 {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.sharefilelink {
    margin:auto;
}
/*a {
    color:none;
}*/
.sharefilelink a:hover,
.sharefilelink a:active,
.sharefilelink a:visited,
.sharefilelink a:focus,
.sharefilelink a {
    text-decoration: none;
    text-transform: none;
    color: #513b75;
    font-family: nunito;
    font-weight: 400;
}
.sharefilelink a:hover {
    text-decoration:underline;
}
.footer-area {
    background-color: #393939;
    min-height: 75px;
    color: #f5f2f9;
    width: 100vw;
}
.footercontent {
    margin:0 auto;
    padding-top:10px;
}
.footercontent p {
    text-align:center;
    margin-bottom:0;
    font-size:12px;
    vertical-align:middle;
}
.footerphone:hover,
.footerphone:active,
.footerphone:visited,
.footerphone:link {
    text-decoration: none;
    text-transform: none;
    color: white;
}
.carousel-frame {
    margin-top: -100px;
    margin-bottom: 35px;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
}
.carousel {
    /*min-height:300px;*/
    margin:0 auto;
}
.carousel-item img {
    width:100%;
    height:100%;
}
.welcomeblurb-frame {
    min-height: 200px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 35px;
    border-radius: 0.50rem;
    max-width:1000px;
}
.welcomeblurb {
    min-height:150px;
    margin:0 auto;
    margin-top:25px;
}
.welcomeblurb p:first-of-type {
    padding-top:25px;
}
.welcomeblurb p:last-of-type{
    padding-bottom:25px;
}
.servicesbar {
    /*min-height:75px;*/
    background-color:#ffffff;
}
.services {
    margin:0 auto;
    /*margin-top:20px;*/
    padding-top:20px;
    padding-bottom:15px;
}
.services-space {
    margin-bottom:35px;
}
.services-container {
    margin:0 auto;
}
.servicesbox {
    margin:0 auto;
    margin-top:35px;
    min-height: 200px;
    background-color:#ffffff;
    width:95%;
    min-width:200px;
}
.services h3 {
    color: #004e62;
    font-family: Nunito;
    font-weight: 600;
    display: block;
    text-align: center;
}
.servicesbox-img img {
    display:block;
    vertical-align:middle;
    margin:0 auto;
    margin-bottom:10px;
}
.SupplierImage {
    width:auto;
    height: auto;
    max-height:75px;
    margin:0 auto;
    display:block;
}
.suppliersimages {
    padding-top:5px;
}

.LocationImage, .GalleryImage {
    width: 100%;
    height: auto;
    max-width: 350px;
    /*min-width: 250px;*/
    margin: 0 auto;
}
.GalleryImage {
    /*max-height: 187px;*/
}
.ourpoolscarousel {
    overflow-y:hidden;
    margin-top:-50px;
}
.card-text-holder {
    min-width: 300px;
    max-width: 350px;
    margin: 0 auto;
}
.linktogmaps:hover,
.linktogmaps:active,
.linktogmaps:visited,
.linktogmaps:link {
    color: black;
    text-transform: none;
    text-decoration: none;
}
.linktogmapsfooter:hover,
.linktogmapsfooter:active,
.linktogmapsfooter:visited,
.linktogmapsfooter:link {
    color: white;
    text-transform: none;
    text-decoration: none;
}
.storehourstable {
    max-width: 350px;
    min-width: 250px;
    margin: 0 auto;
}
.storehourstable tr {
    border-bottom: thin dotted black;
}
.storehourstable tr td:nth-of-type(2),
.storehourstable tr td:nth-of-type(3) {
    text-align: center;
}
.winterhoursnote {
    column-span:all;
    border-bottom: none !important;
}
.winterhoursnote {
    font-size:.75rem;
}
.card-title {
    font-family:nunito;
    font-weight:400;
    text-align:center;
}
.card {
    background: none;
}
.card-body {
    background-color:#ffffff;
    /*max-height:259px;*/
}
.contactbar {
    min-height: 75px;
    background-color: #ffffff;
    /*margin-bottom:35px;*/
    display:inline-block;
    text-align:center;
}
.barspace {
    margin-bottom:35px;
}
.shadow {
    -moz-box-shadow: 0px 3px 5px 6px #ccc;
    -webkit-box-shadow: 0px 3px 5px 6px #ccc;
    box-shadow: 0px 3px 5px 6px #ccc;
}
.contact {
    margin: 0 auto;
    max-width:1000px;
}
.contact h3 {
    color: #004e62;
    font-family: Nunito;
    font-weight: 600;
    display: block;
    margin-top: 20px;
    float:inline-end;
}
.contact img {
    margin-top:5px;
    right:0;
    margin-right:10px;
}
.contactform-area {

}
.contactform {
    padding: 1.25rem;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom:35px;
    border-radius: 0.5rem;
}
.contactform-red {
    color:red;
}
.contactformemail {
    color: black;
    text-transform: none;
    text-decoration: underline;
}
.contactformbuttons {
    margin: 0 auto;
    text-align: center;
}
.contact-header {
    margin: 0 auto;
    vertical-align: middle;
}
.privacypolicy-area {
    min-height:600px;
    margin-top:150px;
}
.privacypolicy {
    min-height:500px;
    background-color:#ffffff;
    margin: 0 auto;
    margin-bottom:35px;
    border-radius:0.50rem;
    padding:15px;
}
.contactimage-area {
    max-height:400px;
    overflow-y:hidden;
    margin-top:100px;
    margin-bottom:35px
}
.contactimage {
    margin:0 auto;
}
.companyinfo-area {
    margin-bottom:35px;
    margin-left:auto;
    margin-right:auto;
}
.companyinfo {
    margin: 0 auto;
    background-color: #ffffff;
    padding: 1.25rem;
    border-radius: 1.25rem;
    max-width: 1000px;
}
.companyinfo h3 {
    font-family: nunito;
    font-weight: 400;
}
.companyinfo p {
    font-family: Alegreva;
    font-weight: 400
}
.cp-blurb-phone:hover,
.cp-blurb-phone:active,
.cp-blurb-phone:visited,
.cp-blurb-phone:link {
    color: black;
    text-transform: none;
    text-decoration: none;
}
.nopadding {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
}
.navbar-toggler {
    margin-right:10px;
    border-color:rgba(0,0,0,0.3) !important;
}
.nav-link {
    text-align:right;
    margin-right:10px;
    font-family:nunito;
    font-weight:600;
    /*font-size:1.5em;*/
}
.navbar-brand {
    margin-left:10px;
}
.carousel-frame {
    margin-top: 100px;
    margin-bottom: 35px;
}
.carousel-caption {
    font-family:nunito;
    font-weight:500;
    font-size:16px;
}
.aquafunlogo {
    width:100%;
    min-width:150px;
    max-width:150px;
    height:auto;
}
a:hover .companyname,
a:active .companyname,
a:visited .companyname,
a:focus .companyname,
a .companyname {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
    text-transform: none;
    color: #513b75;
    margin-top: 5px;
    display: inline-block;
}
.companyphone-nav {
    font-family: 'Arial Narrow', Arial, sans-serif;
    color: #513b75;
    font-weight: 600;
    font-size: 12pt;
}
.companyphone-nav a {
    text-decoration: none;
    text-transform: none;
    color: #513b75;
}

.companyphone-nav span {
    font-size:10pt;
}
a:hover .companynamephone,
a:active .companynamephone,
a:visited .companynamephone,
a:focus .companynamephone,
a .companynamephone {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    text-decoration: none;
    text-transform: none;
    color: #513b75;!important
    margin-top: 5px;
    display: none;
}
@media (min-width: 470px) {
    .contactimage-area {
        max-height: 400px;
        overflow-y: hidden;
        margin-top:100px;
        margin-bottom: 35px
    }
    .sdslogo {
        width:48px;
        height:48px;
    }
    a:hover .companyname,
    a:active .companyname,
    a:visited .companyname,
    a:focus .companyname,
    a .companyname {
        font-family: 'Arial Narrow', Arial, sans-serif;
        font-weight: 600;
        font-size: 1.25em;
        text-decoration: none;
        text-transform: none;
        color: #004e62;
        display: inline-block;
    }
    .navbar-brand {
        margin-left: 15px;
    }
    a:hover .companynamephone,
    a:active .companynamephone,
    a:visited .companynamephone,
    a:focus .companynamephone,
    a .companynamephone {
        display: block;
    }
    .carousel-frame {
        /*margin-top: 0px;*/
        margin-bottom: 35px;
    }
    .defaultcarousel {
        margin-top:0px;
    }
    .aquafunlogo {
        width: 100%;
        max-width: 250px;
        height: auto;
    }
}

@media (min-width: 768px) {
    .contactimage-area {
        max-height: 400px;
        overflow-y: hidden;
        /*margin-top: 0px;*/
        margin-bottom: 35px
    }
    .sdslogo {
        width:56px;
        height:56px;
    }
    a:hover .companyname,
    a:active .companyname,
    a:visited .companyname,
    a:focus .companyname,
    a .companyname {
        font-family: 'Arial Narrow', Arial, sans-serif;
        font-weight: 600;
        font-size: 1.75em;
        text-decoration: none;
        text-transform: none;
        color: #004e62;
    }
    .carousel-frame {
        /*margin-top: -300px;*/
        margin-bottom: 35px;
    }
}

@media (min-width: 992px) {
    a:hover .companyname,
    a:active .companyname,
    a:visited .companyname,
    a:focus .companyname,
    a .companyname {
        font-family: 'Arial Narrow', Arial, sans-serif;
        font-weight: 600;
        font-size: 1.75em;
        text-decoration: none;
        text-transform: none;
        color: #004e62;
    }
    .carousel-control-prev-icon {
        /*margin-top:500px;*/
    }
    .carousel-control-next-icon {
        /*margin-top:500px;*/
    }
    .carousel-frame {
        /*margin-top: -500px;*/
        margin-bottom: 35px;
    }
    .aquafunlogo {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
    .GalleryImage {
        max-width: 277px;
        max-height: 208px;
    }
}
.fixindex {
    z-index:55;
}
.changeindex {
    z-index:30;
}
a:hover {
    text-decoration: none;
}
.errormessage {
    color:red;
}
/*.boxblue {
    border: solid 1px blue;
}
.boxblack {
    border: solid 1px black;
}
.boxred {
    border: solid 1px orange;
}
.boxgreen {
    border: solid 1px green;
}
.boxyellow {
    border: solid 1px yellow;
}*/
