/*Author: Holly Dahlstrom
    Date Created: 10/9/2024
    This is the style for the Summit Sites*/

    @import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

    * {
        margin:0;
        padding:0;
    }

    body {
        background-color:rgb(95, 152, 228);
        font-family: Arial, Helvetica, sans-serif;
    }

    #container {
        width:80%;
        max-width: 1025px;
        border: 4px solid rgb(34, 35, 63);
        margin: 12px auto;
        border-radius: 25px;
        box-shadow: 15px 15px 15px 5px rgba(0, 0, 0, 0.5);
        background-color: rgb(240, 240, 240);
    }

    img.banner {
        width: 100%;
        height:auto;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }

    p {
        color:rgb(24, 26, 20);
        line-height: 1.6;
        text-align: left;
        font-size: 1.2em;
        padding: 0 24px;
    }

    .ulli {
        color:rgb(89, 96, 112);
        font-size: 1.2em;
        margin: 0 50px;
    }

    ol li {
        color:rgb(89, 96, 112);
        font-size: 1.2em;
        margin: 0 50px;
    } 
    
    p strong {
        color:rgb(179, 94, 29);
    }

    h1, h2, h3 {
        color:rgb(39, 53, 59);
        text-align: center;
        font-family: "Lilita One", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.5em;
        margin-top: 25px;
    }

    h1 {
        border-top: 4px solid rgb(39, 53, 59);
        padding-top:6px;
        margin-top: 12px; 
    }

    .leftalign {
        text-align: left;
        padding: 25px;
    }

    .bottompadding {
        padding-bottom: 25px;
    }

    .brownbackground {
        background-color: rgb(206, 189, 172);
    }

    .graybackground {
        background-color: rgb(181, 190, 199);
    }

    .green {
        color: rgb(58, 133, 83);
    }

    li.blue {
        color: rgb(39, 53, 59);
        }

    #bggray {
        background-color: rgb(195, 205, 217);
    }

    img.left {
        float:left;
        margin: 0 30px 25px 12px;
        border: 4px solid rgb(160, 0, 24);
        padding: 8px;
        background-color: rgb(135, 127, 90);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    }

    img.right {
        float:right;
        margin: 0 12px 25px 30px;
        border: 4px solid rgb(160, 0, 24);
        padding: 8px;
        background-color: rgb(135, 127, 90);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    }

    .clearfloat {
        clear:both;
    }

    footer {
        background-color: rgb(34, 35, 63);
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
    }

    footer p, footer a {
        color: rgb(250, 250, 250);
        text-align: center;
    }
    
    footer img {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .cap::first-letter {
        color: rgb(34, 35, 63);
        font-size:xx-large;
        font-weight:bold;

    }

/* Styling of the nav bar*/
    nav {
        background-color: rgb(186, 177, 156);
        text-align: center;
        text-transform: uppercase;
        padding: 5px;
        font-size: large;
        font-weight: bold;
    }

    nav li {
        list-style-type: none;
        display: inline;
        padding:10px;
    }

    nav ul li a {
        color: rgb(63, 61, 22);
        text-decoration: none;
    }

    ul li a:hover {
        color: rgb(162, 2, 30);
    }