/* 
    Created on : Oct 19, 2017, 11:52:16 AM
    Author     : Dakota Sonnentag
*/

#bannerWrapper {
    position: relative;
    background-image: url(../../images/pages/resources/CampResourcesHPhoto-50.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#headerTextImg {
    max-width: 1450px;
}

#infoBoxInfo {
    max-width: 1850px;
    margin: 0 auto;
    margin-top: 40px;
}

#infoBoxInner {
    padding: 0px;
    padding-top: 80px;
    padding-bottom: 80px;
}

#infoBoxInnerWrapper {
    max-width: 1600px;
}

.infoBoxSplit {
    padding-left: 80px;
    padding-right: 80px;
}

#infoBoxSplit1 {
    border-right: 1px solid #8E3A2C;
}

.textShadow {
    text-shadow: 0px 0px 20px #351a13;
}

.resourceFacebookLogo {
    width: 35px;
    height: 35px;
}

.grunge3 {
    position: absolute;
    width: 450px;
    right: -75px;
    bottom: -50px;
}

.grunge4 {
    position: absolute;
    width: 435px;
    right: 85px;
    bottom: -100px;
}

/*
###################
#### ACCORDIAN ####
###################
*/

#accordian {
    margin-top: 50px;
    margin-bottom: 0px;
}

.accordianBackground {
    background-color: #6D3A2C;
}

.accordianBackgroundLight {
    background-color: #8E3A2C;
}

.accordianItem {
    border-bottom: 4px solid #8E3A2C;
}

.accordianItem:last-child {
    border-bottom: 10px solid #582C1F;
}




@media (max-width: 1920px) {
    #headerTextImg {
        max-width: 1050px;
        top: -75px;
    }
    
    #infoBoxInnerWrapper {
        max-width: 1400px;
    }
}

@media (max-width: 1600px) {
    #infoBoxInner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .infoBoxSplit {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1200px) {
    #headerTextImg {
        max-width: 1050px;
        top: -60px;
    }
    
    #infoBoxInner {
        padding: 50px;
    }
    
    #infoBoxSplit1 {
        border-right: none;
    }
}

@media (max-width: 992px) {
     #headerTextImg {
        max-width: 1050px;
        top: -25px;
    }
    
    .infoBoxSplit {
        padding: 0px;
    }
}

@media (max-width: 768px) {
    #infoBoxInner {
        padding: 45px;
    }
    
    .infoBoxText {
        font-size: 53px;
        font-size: 5.3rem;
        line-height: 55px;
        line-height: 5.5rem;
    } 
}

@media (max-width: 600px) {
    .accordianTopicText {
       font-size: 26px; 
       font-size: 2.6rem; 
       line-height: 34px;
       line-height: 3.4rem;
    }
}

@media (max-width: 480px) {
    #infoBoxInner {
        padding: 20px;
    }
    
    .accordianTopicText {
       font-size: 20px; 
       font-size: 2rem; 
       line-height: 28px;
       line-height: 2.8rem;
    }
}