/** CONTENTS
TEXT
HEADINGS
NAVIGATION
LISTS
LAYOUT
COLOR
HEADER
IMAGES
VIDEOS
BUTTONS


*/

/** TEXT STYLES */

.intro {
    font-size: 18px;
}

.home-intro {
    color:white; 
    font-size:24px;
}

.home-intro em {
    font-style: normal;
}


@media (max-width: 700px) {
    .home-intro {
        font-size:20px;
    }
    
    .home-intro em {
        font-family: 'Caveat Brush';
        font-size: 140%;
    }
    
    }

.bg-text {
    font-size:72px;
    color: white;
    line-height: 80px; 
    padding:20px; 
    font-family: 'Caveat Brush'; 
    margin: 0;
}

.quote {
    margin: 20px;
    font-family: 'Caveat Brush', cursive;
    font-size: 36px;
    line-height: 44px;
    color: white;
}



.w3-bar .current {
    color: #d6e8fa;
    text-transform: none;
    font-family: 'Caveat Brush';
    font-size: 22px;
    padding-top: 2px;
    font-weight: normal;
}

#footer p {
    font-size: 12px;
}

.starburst {
    background: #de6f50;
    font-family: "Caveat Brush";
    color: white;
    font-size: 40px;
    line-height: 0.85em;
    text-align: center;
    transform: rotate(-20deg);
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 0.5em 20px;
}


.text-overlay {
    position:absolute; 
    left:10px; 
    bottom:10px; 
}

.credits {
    font-size: 10px;
    margin-bottom: 0;
}


/** HEADING STYLES */

h1, h2, h3 {
    font-family: 'Caveat Brush', cursive; 

}

h4 {
    font-family: Verdana, sans-serif; 

}

h1 {
    margin:0;
    padding: 20px 0;
    font-size:100px;
    line-height: 62px;
    color: white;
}

@media (max-width: 699px) {
    h1 {
        font-size:60px;
    }
}

@media (min-width:700px) and (max-width: 1000px) {
    h1 {
        font-size:72px;
    }
}


@media (min-width:700px) {
.home h1 {
    padding-top: 80px;
}
}


#main h1 {
    color: white;
    margin-top:40px;
}

h2 {
/*    padding-top: 20px;*/
    color: white;
    font-size: 54px;
    line-height: 54px;
/*    text-align: center;*/
}



h3 {
    font-size: 32px;
    line-height: 32px;
    color:white;
}

h3+p {
    margin-top:0;
}

h4 {
    margin-bottom:0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.black-bg h4 {
        color: white;
}

/** NAVIGATION */

.w3-bar {
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 600px) {
    .w3-bar {
        background-color: black;
        color:#1a73ca;
    }
}



/** LISTS */

ul.icon-list {
    padding:0;
    list-style-type: none;
}

li {
    margin-top: 20px;
}

ul.recipe li {
    margin-top: 10px;
}

.w3-ul li {
    border-bottom: 0;
}


.w3-bar a, h3 a {
    text-decoration: none;
}

nav ul li a, nav ul li a:link, nav ul li a:visited {
    color: inherit;
}

li h2, li h3, li p {
    text-align: center;
    padding-top:0;
}


.maker-tags {
    margin-top: 0;
    margin-bottom: 4px;
    padding-left: 0;
}

.maker-tags li {
    font-size: 10px;
    display:inline;
}

.maker-tags a {
    background: white;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
}


.maker-tags a:hover li {
    background: #de6f50;
    color: white;
}


/** LAYOUT */

body {
    margin:0;
}

#main {
    min-height: 800px;
    padding-top: 40px;
}


.w3-row-padding {
    margin-bottom: 10px;
}

.w3-container {
    padding-bottom: 20px;
}

.clear {
    clear:both;
}

.dfndr-card {
    min-height: 425px;
}


@media (max-width:1000px) {
.clear-med {
    clear:both;
}
}

.activity-card {
    border: 1px solid #1a73ca;
    background-color: white;
}

.activity-card img {
    float:left;
    padding-right:10px;
}

.activity-card em {
    font-size:90%;
}

/** COLOR

RED: #e94366
ORANGE: #de6f50
GREEN: #509e3c
BLUE: #1a73ca
*/

body {
    background: #d6e8fa;
}

.white-bg {
    background: white;
}

.blue-bg {
    background: #1a73ca;
}

.red-bg {
    background: #e94366;
    color: white;
}


.green-bg {
    background: #509e3c;
}

.green-bg h2 {
    color: white;
}

.ltblue-bg {
    background: #d6e8fa;
}

    .ltblue-bg h2, .ltblue-bg h2.starburst, .ltblue-bg h3, .ltblue-bg h4 {
        color: #1a73ca;
}

    .ltblue-bg h2.starburst {
        color: white;
    }

.ltblue-bg a {
    color: #1a73ca;
}

.mini-bio {
    color: black;
}

.white-bg {
    background: white;
}

.white-bg h3 {
    color: black;
}

.black-bg {
    background: black;
    color: white;
}


/** IMAGES */


img.logo {
    padding: 20px;
    margin: 0 auto;
}



img {
    max-width: 100%;
}


li img {
    width:100%;
}

.camp-img-bg {
    background: url(../assets/img/group-at-ferry.jpg) no-repeat;
    min-height: 400px;
    padding-top: 40px;
    background-size: cover;
    background-position: 0 -250px;
}

@media (min-width:801px) and (max-width:1150px) {
    .camp-img-bg {
    background-position: 0 -150px;
}
}

@media (max-width:800px) {
    
    .camp-img-bg {
        background-size: auto;
    }
    
}

.camp-img-bg h2 {
    font-size: 62px;
    text-align: left;
}

/** VIDEOS */

iframe {
    border:none;
}

.embed-container { 
    position: relative; 
    margin-top:20px;
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 95%; 
    height: 95%; 
    }


.embed-container-home { 
    position: relative; 
    margin-top:20px;
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 95%; 
    }



/** BUTTONS */

.w3-button {
    margin-top:10px;
    color:black; 
    background:white; 
    font-family:'Caveat Brush'; 
    font-size: 24px
}

button a {
    text-decoration: none;
}

.w3-button:hover {
    color: #000!important;
    background-color: #d6e8fa!important;
}

.filter {
    padding: 5px 8px;
    margin: 0 3px;
    cursor: pointer;
    background: white;
}

.filter-on {
    background: #1a73ca;
    color: white!important;
}