/* CSS Document */

/* General Styles */
body{
    color: #333;
}
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 27px;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;    
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
h2 p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;    
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 0;
}
h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding-top: 5px;
    text-transform:uppercase;
    color: #9c9c9c;
}
p{
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
    font-size: 15px;
}
a{
    color:  #222;
}
a:hover, a:focus {
    color: #666666;
}
p a:hover {
    border-bottom: 1px dotted #222;
}
hr {
    border-bottom: 1px solid #F5F5F5;
}
ul{
    font-family: 'Libre Baskerville', serif;
    font-weight: bold;
    font-size: 13px;
}
.button{
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    font-family: sans-serif;
    text-transform: uppercase;
}
.button:hover{
  background-color: grey;
}

/* Mobile Menu Styles */
.title-bar{
    background: #10a99a;
}
.mobile-menu-links ul a li {
    color: #000;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mobile-menu-links ul li.primary {
    background: #BBDEFB;
    border-bottom: 1px solid #fff;
    padding: 15px 20px;
    list-style: none;
}
.mobile-menu-links ul li.secondary {
    background: #10a99a;
    border-bottom: 1px solid #fff;
    padding: 9px 20px;
    list-style: none;
    text-align: center;
}
.mobile-menu-links ul li.social {
    background: #f7cf58;
    border-bottom: 1px solid #fff;
    padding: 9px 20px;
    list-style: none;
    text-align: center;
    color:#000;
}

/* Desktop-Tablet Menu Styles */
.desktop-head {
    background: #10a99a;
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
    padding: 3px 0;
}
.main-menu{
    background: #BBDEFB;
    padding: 10px;
    margin-bottom: 15px;
}
.main-menu a {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #222;
    padding: 0 16px;
    clear: both;
    font-weight: 800;
    text-transform: uppercase;
    border-right: 1px solid gray;
    letter-spacing: 1px
}
.main-menu a:hover {
    color: #666666;
    border-bottom: none;
}
.fa-md{
    font-size: 28px;
}

/* Header & Intro Styles */
.header-img h1{
    color: #fff;
}
.header-img h2{
    color: #EAEAEA;
}
.intro{
    margin-top: 20px;
    margin-bottom: 0;
    color: #333;
}

/* Homepage Category Blocks Styles */
.category-link h3{
    background: #f7cf58;
    padding: 10px 15px;
    min-height: 65px;
    text-align:center;
}

.google-ad {
    margin-top: 30px;
    margin-bottom: 30px;
}
.google-ad-small {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Footer Styles */
.footer {
    color: #fff;
    background: #10a99a;
    padding: 10px 0;
    margin-top: 15px;
}
.footer-links a {
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    font-size: 15px;
    border-right: 1px solid #fff;
    padding: 0 12px 0 7px;
}
.footer-links a:last-child{
    border-right: none;
    padding-right: 7px;
}
.footer .copyright {
    color: #grey;
}

/* List Page Styles */
.enhanced-entry {
    padding: 30px 20px;
    border-bottom: 1px solid #CCC;
    overflow: auto;
    background: #f3f2f1;
}
.entry {
    padding: 30px 0;
    border-bottom: 1px solid #CCC;
    overflow: auto;
    clear:both;
}
.list-logo{padding-bottom:10px;}
.details {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #757575;
    font-size: 15px; 
    padding-bottom:10px;
}
.details .item{
    padding:4px 0;
    border-bottom: 1px dotted #dedede;
}
.gallery a.button{
    background-color: #f7cf58;
    padding: 8px 10px;
    color: #757575;
    margin-bottom: 7px;
    width: 290px;
}
.details a{
    color: #757575;
    padding:5px 0;
}
.details .gallery a{
    color: #757575;
    padding:5px 0;
    font-weight:700;
    text-transform:uppercase;
    font-size: 16px;
}

.details a:hover{
    color: #666666; 
}
.social a{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 3px 5px;
    color: #757575;
    border: 1px solid #ccc;
    margin-right: 10px;
}

a.fb{
    background: #3b5998;
    color:#fff;
}
a.tw{
    background: #4099ff;
    color:#fff;
}
a.wb{
    background: #10a99a;
    color:#fff;
}
a.ig{
    background: #ca3384;
    color:#fff;
}
button.btn.btn-success {
    background-color: #10a99a;
    padding: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
label.form-label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.form-group input, .form-group textarea{
    font-family: 'Montserrat', sans-serif;
}
/*============These styles will apply to MEDIUM SIZE SCREENS AND BIGGER============
===================================================================================*/
@media only screen and (min-width: 40.063em) {
    /* General Styles - Desktop */    
    h1{
        font-size: 60px;
    }
    h2{   
        font-size: 25px;
        letter-spacing: 3px;
    }
    h2 p{   
        font-size: 25px;
        letter-spacing: 3px;
    }
    h3{
        font-size: 30px;
    }
    h4{
    font-size: 18px;
}
    p{
        font-size: 16px;
    }

    /* Header & Intro Styles - Desktop */
    .intro p{
        font-size: 18px;
    }
    .desktop-head .social a{border:none;}

    /* Footer Styles */
    .footer {
        padding: 20px 0;
    }

}
/*============X-LARGE SCREENS AND BIGGER========== (this is the size of our monitors at full width)*/
@media only screen and (min-width: 90.063em) {

}
/*===========
============================= STYLES BELOW HERE ARE FOR SPECIFIC SCREEN SIZES ONLY and include a MIN and MAX
=============================
============*/

/*============Medium Only SCREENS==========*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}