/* 
Title: Sub Styles Page
Author: Jasmine
Updated: 02 06 2025
Version: #3 
*/

/*COLOUR PALETTE
---------------------------------
    
    same info here as 1st css page. 
    most styles here are explained in styles.css

    #023859 - dark blue
    #03658C - light blue
    #80907A - green
    #C8B693 - cream 
    #D99543 - orange
    #A66B37 - copper
    #8C5230 - dark brown

    background-color: #D9CEB8; 

    font & unvisited links: white
*/

/* HEADINGS
---------------------------------
all h1-h6 tags for quick reference
*/

h2 { /*general info heading*/
    font-size: 1.5em;
    margin: 5px;
}

/*
h3 - sidebar heading
    doesn't need changing 
*/

h4 { /*slightly larger heading*/
    font-size: 2em;
}

h5 { /*important links text*/
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: 5px;
    margin: 4%;
}

h6 { /*unsure if used*/
    font-size: 3em;
}

/* SECTIONS PAGE 
---------------------------------
all sub pages are labelled */

.lead {
    line-height: 0; /*the space between each line within that content*/
}

/*--content 1 (same as html page labels)--*/

    #cubs {
        background-color: #80907A; /*all different colours for aesthetic*/
        border-radius: 25px; /*beveled edges*/
        margin: 30px;
        padding: 20px;
    }

    #scouts {
        background-color: #D99543;
        border-radius: 25px;
        margin: 30px;
        padding: 20px;
    }

/*--content 2--*/

    #vents {
        background-color: #A66B37;
        border-radius: 25px;
        margin: 30px;
        padding: 20px;
    }

    #rovers {
        background-color: #D99543;
        border-radius: 25px;
        margin: 30px;
        padding: 20px;
    }

    #adult {
        background-color: #80907A;
        border-radius: 25px;
        margin: 30px;
        padding: 20px;
    }

#nights {
    text-align: right;
    color: #023859;
    padding-right: 5px;
}

/* ADULTS PAGE
---------------------------------
*/

#adults_page a {
    text-decoration: none; /*removes underline for links*/
}

#adults_page a:visited {
    text-decoration: none;
}

.column {
  column-count: 2;
  margin: 15px 0;
}

    /*--row 1--*/

    #wayne_d {
        background-color: #80907A;
        border-radius: 25px;
        margin: 0 30px;
        padding: 10px;
    }

    #grant {
        background-color: #80907A;
        border-radius: 25px;
        margin: 0 30px;
        padding: 10px;
    }

    /*--row 2--*/

    #sam {
        background-color: #D99543;
        border-radius: 25px;
        margin: 0 30px;
        padding: 10px;
    }

    #gary {
        background-color: #D99543;
        border-radius: 25px;
        margin: 0 30px;
        padding: 10px;
    }

    /*--row 3--*/

    #alan {
        background-color: #A66B37;
        border-radius: 25px;
        margin: 0 30px;
        padding: 20px 10px;
    }

    #jo {
        background-color: #A66B37;
        border-radius: 25px;
        margin: 0 30px;
        padding: 20px 10px;
    }

    /*--row 4--*/

    #natalie {
        background-color: #8C5230;
        border-radius: 25px;
        margin: 0 30px;
        padding: 20px 10px;
    }

    #jas {
        background-color: #8C5230;
        border-radius: 25px;
        margin: 0 30px;
        padding: 20px 10px;
    }

/* HISTORY PAGE 
---------------------------------
*/

#history {
    background-color: #A66B37;
    border-radius: 25px;
    margin: 30px;
    padding: 20px;
}

.history_images {
    text-align: center;
    padding: 10px;
}

.history_images img {
    border-radius: 10px;
    border-style: dashed; /*the border looks like dashes instead of a solid line*/
    margin: 10px 20px;
    padding: 10px;
    border-color: #80907A;
}

/* GALLERY PAGE
---------------------------------
*/

#gallery {
    margin: 25px;
    text-align: center;
}

.row_1 {
    padding: 10px;
}

    .row_1 img {
        padding: 5px;
        margin: 5px;
        border-radius: 10px;
        border-style: dashed;
        border-color: #80907A;
    }

.row_2 {
    padding: 10px;
}

    .row_2 img {
        padding: 5px;
        margin: 5px;
        border-radius: 10px;
        border-style: dashed;
        border-color: #80907A;
    }

.row_3 {
    padding: 10px;
}

    .row_3 img {
        padding: 5px;
        margin: 5px;
        border-radius: 10px;
        border-style: dashed;
        border-color: #80907A;
    }

/* NEWS PAGE 
---------------------------------
*/

#blue_text { /*id tag mainly for change text colour to blue*/
    color: #03658C;
    padding: 15px 50px;
    columns: 3;
    font-size: 130%;
}

    #blue_text a { /*same with link colours*/
        color: #03658C;
    }

    #blue_text a:visited {
        color: #03658C;
    }

#content_strip_2 { /*pretty explainable, simple and repetitive styles*/
    background-color: #03658C;
    padding: 10px;
    font-size: 170%;
    text-align: center;
    margin: 0 50px;
    font-weight: bolder;
}

#other_news {
    margin-left: 50px;
    margin-right: 50px;
    padding: 15px 25px;
    color: #03658C;
    font-size: 170%;
    display: flex;
}

#other_news img {
    padding: 20px;
    padding-right: 25px;
}

/* FAQ PAGE
---------------------------------
*/

#faq {
    background-color: #A66B37;
    border-radius: 25px;
    margin: 15px;
    padding: 20px;
}

.a {
    text-indent: 40px; /*indents text*/
}

#more_faq {
    font-size: 140%;
    padding-top: 30px;
    line-height: 50px;
}

#remember {
    background-color: #D99543;
    border-radius: 25px;
    margin: 25px 40px;
    padding: 10px;
    text-align: center;
    font-size: 130%;
}

/* KEY DOCUMENTS PAGE 
---------------------------------
*/

.d {
    background-color: #80907A;
    margin: 30px 50px;
    padding: 0.1px 40px;
    position: relative;
}

.e {
    background-color: #D99543;
    margin: 30px 50px;
    padding: 0.1px 40px;
    position: relative;
}

#docs img {
    position: absolute;
    z-index: 99; /*layer position*/
    right: 10px;
    bottom: 10px;
}

/* IMPORTANT LINKS PAGE
---------------------------------
*/

.b {
    background-color: #80907A;
    margin: 30px 50px;
    padding: 0.1px 40px;
}

.c {
    background-color: #D99543;
    margin: 30px 50px;
    padding: 0.1px 40px;
}





/* 
Title: Sub Media 800px Page
Author: Jasmine
Updated: 02 06 2025
Version: #3
*/

/* SECTIONS PAGE 
---------------------------------
*/

    /* media unneeded for 800px */

/* ADULTS PAGE
---------------------------------
*/

    /* media unneeded for 800px */

/* HISTORY PAGE 
---------------------------------
*/

    /* media unneeded for 800px */

/* GALLERY PAGE
---------------------------------
*/

    /* media unneeded for 800px */

/* NEWS PAGE 
---------------------------------
*/

@media (max-width: 800px) {
    #OneCamp {
        padding-right: 600px;
    }

    #read {
        right: 40px;
        top: 355px;
    }
}

/* FAQ PAGE
---------------------------------
*/

@media (max-width: 800px) {
    #faq h1 {
        font-size: 230%;
    }
}

/* KEY DOCUMENTS PAGE 
---------------------------------
*/

@media (max-width: 800px) {
    #docs {
        font-size: 70%;
    }

    h5 {
        margin-left: 0;
    }
}

/* IMPORTANT LINKS PAGE
---------------------------------
*/

@media (max-width: 800px) {
    .b {
        font-size: 70%;
    }

    .c {
        font-size: 70%;
    }
}





/* 
Title: Sub Media 600px Page
Author: Jasmine
Updated: 02 06 2025
Version: #3
*/

/* SECTIONS PAGE 
---------------------------------
*/

    /* media unneeded for 600px */

/* ADULTS PAGE
---------------------------------
*/

@media (max-width: 700px) /* 700px to fix */
{
    .content_strip {
        font-size: 80%;
    }

    .column {
        columns: 1;
    }

    #grant {
        margin-top: 15px;
    }

    #gary {
        margin-top: 15px;
    }
    
    #jo {
        margin-top: 15px;
    }

    #jas {
        margin-top: 15px;
    }
}

/* HISTORY PAGE 
---------------------------------
*/

    @media (max-width: 600px) {
        #history {
            font-size: 80%;
        }
    }

/* GALLERY PAGE
---------------------------------
*/

    @media (max-width: 600px) {
        .row_1 {
            margin: 0;
        }

            .row_1 img {
                margin: 2px;
            }
        
        .row_2 {
            margin: 0;
        }

            .row_2 img {
                margin: 2px;
            }

        .row_3 {
            margin: 0;
        }

            .row_3 img {
                margin: 2px;
            }
    }

/* NEWS PAGE 
---------------------------------
*/

@media (max-width: 600px) {
    #OneCamp {
        font-size: 80%;
        padding-right: 410px;
        padding-left: 35px;
    }

    #read {
        font-size: 80%;
        left: 370px;
        top: 350px;
        margin-left: 60px;
    }

    #content_strip_2 {
        font-size: 120%;
    }

    #other_news {
        font-size: 120%;
    }
}

/* FAQ PAGE
---------------------------------
*/

@media (max-width: 600px) {
    #faq h1 {
        font-size: 200%;
    }

    #faq h4 {
        font-size: 120%;
    }
}

/* KEY DOCUMENTS PAGE 
---------------------------------
*/

@media (max-width: 600px) {
    #docs {
        font-size: 50%;
    }

    .d {
        margin: 30px 20px;
    }

    .e {
        margin: 30px 20px;
    }
}

/* IMPORTANT LINKS PAGE
---------------------------------
*/

@media (max-width: 600px) {
    .b {
        font-size: 50%;
        margin: 30px 20px;
    }

    .c {
        font-size: 50%;
        margin: 30px 20px;
    }
}