/* BODY FORMATTING */
body {
    font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
    font-weight:lighter;
    background-color: #F23DB3;
    background-image: url(Assets/Images/Glitter.jpg) ;
    width: 100%;
    align-items: center;
    color:#F2F2F2;
}
*{
    box-sizing:border-box;
}
    .wrapper {
        position:relative;
        width: 85%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 5%;
        margin-top:0%;
        min-width: 800px;
        
        background-color: #F23DB3;
        background-image: linear-gradient(to bottom, #F23DB3, #ee42b2 );
        align-items: center;
        color:#F2F2F2;
        box-shadow: 0px 0px 15px #75446B;
    }
    
   
   /* STRUCTURE FORMATTING */ 
   nav {    
        background-color: #F23DB3;
        border-top: 1.5px solid #CCFF6E;
        border-bottom: 1.5px solid #CCFF6E;
        font-family: Helvetica, Arial, sans-serif;
        
       
        }

        #navlinks {
            display:flex;
            justify-content: space-around;
            
           
        }
            #navlinks a:link {
                color:#CCFF6E;
                text-align:center;
                font-weight: bold;
                display:block;
                size:17%;
                padding:1.5% 0;
                margin:0;
                
            }
            #navlinks a:visited {
                color:#FFDBE8
            }
            #navlinks a:hover {
                background-color: #CCFF6E;
                color:#F23DB3;
                text-decoration:none;
                
            }
        ul {list-style-type: circle;
        }
    
        main {
            padding: 1em;
        }

    main {
        padding-left: 5%;
        padding-right: 5%;
    }
      
    section {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    article {
        padding-top: 1.5em;
        padding-bottom:1.5em;
    }

    aside {
        
        display:block;
        float:right;
        margin-top:0em;
        margin-bottom:3em;
        margin-left:3em;
        padding: 1.5em;
        width:fit-content;
        max-width:45%;
        max-block-size: 45%;
        border:1.5px solid #CCFF6E;
        
    }

    .articleimg {
        float:left;
        margin-top:3em;
        margin-bottom:3em;
        margin-right:3em;
        padding: 1.5em;
        width:fit-content;
        max-width:25%;
        max-block-size: 25%;
        border:1.5px solid #CCFF6E;}

    .faq summary {
        font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
        font-size:16pt;
        margin-bottom:.5em;
    }

    .faq p {
        margin-bottom: 3em;
        margin-left:3em;
        font-style:italic;
        font-size: 14pt;
    }

    .sk-ww-instagram-hashtag-feed {
        width:70%;
        height:350px;
    }
    /*FORM FORMATTING*/
    form {
        background-color: #F285CC;
        padding:1.5em;
        width:70%;

    }
    fieldset {
        border:1.5px solid #CCFF6E;
        background-color:#F23DB3;
        margin:1.5em;
        padding:1em;
        display:grid;
        grid-template-rows: auto;
        grid-template-columns: 5.75em auto;
    }

   
    label{
        grid-column:1/2;
        font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
    }

    input{
        grid-column:2/2;
        background-color:#F2F2F2;
        border-style:none;
        padding:.25em;
        font-family: "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
    }

    textarea{
        grid-column:2/2;
        background-color:#F2F2F2;
        border-style:none;
        padding:1em;
        margin:.75em .25em;
        font-family: "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
    }
    legend {
        padding: .5em;
        background-color:#CCFF6E;
        color:#F23DB3;
        border: 1px solid #F2F2F2;
    }
    input[type=submit]{
        background-color: #CCFF6E;
        color:#F23DB3;
        border-style:none;
        box-shadow: 0px 5px 10px #75446B;
        padding:.75em 2em;
        margin:0 1.5em 1.5em 1.5em;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.1em;
    }

    input[type=submit]:hover {
        box-shadow:none;
    }
      
    input[type=reset]{
        color:#CCFF6E;
        background-color: transparent;
        border-style:none;
        margin:0 1em 1.5em 1.5em;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
    }
    input[type=reset]:hover{
        color:#75446B;
        
    }



    fieldset.smallform {
        border:1.5px solid #CCFF6E;
        background-color:#F23DB3;
        margin:1.5em;
        padding:1em;
        display:grid;
        grid-template-rows: auto;
        grid-template-columns: 7.75em auto;
    }

    textarea.smallform {
        margin:auto 0 auto 0;
        text-align:left;
    }




    

/*TABLE FORMATTING*/
    table {
        width:70%;
        margin:3em;
        border: 3px solid #CCFF6E;
        border-spacing:0;
    }

    th {
        background-color: #CCFF6E;
        color:#F23DB3;
        font-size:20pt;
        font-style:bold;
        padding:.75em;
    }
    
    .label {
        background-color:#F285CC;
        font-size:16pt;
        
        font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
    }

    td {
        vertical-align: text-top;
        border-bottom:1px solid #CCFF6E;
        padding:.75em;
        font-family:Helvetica, Arial, sans-serif;
        text-align:left;

    }
    td:nth-of-type(2){
        text-align:center;
    }
    ul {
        padding:0;
        margin:0;
    }
    
    .details {
        font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
        text-align:left;
    }



    .phototable{
        
        border:3px solid #CCFF6E;
        padding:2em;
    }
    .phototable td {
        border:5px solid #F23DB3;
        background-color:#F285CC;
    }


/*FOOTER*/
    footer {
        font-style:italic;
        background-color:#F78DC6;
        font-size:smaller;
        padding:1em;
        padding-left: 3em;
        font-family: Helvetica, Arial, sans-serif;
        


    }

/* SPECIFICS */
.audio {align-items:center;

}



/* TEXT FORMATTING */
#slogan {
    font-weight:bold;
    color:#CFF28F;
}  

p .headcontent {
    font-size:24pt;
}



a:link {
    color:#CCFF6E;
    text-decoration: none;
}
a:hover{
    color:#CCFF6E;
    text-decoration:underline;
}
a:visited {
    color:#75446B;
    text-decoration: underline;
}
a:active {
    color:#CFF28F;
}

p { 
      font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
      font-style: normal;
      font-weight:lighter;
      font-size: 14pt;
      

    }
    h1 {
        font-family: "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 28pt;
        font-weight:100;
        color:#CCFF6E;
        margin-bottom: .75em;
        margin-top:0;
        
  

    h2, h3 {
        margin-bottom: .75em;
        margin-top:0;
        font-family:"HelveticaNeue-Light", Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight:lighter;
        font-size:20pt;
    }










/* Color Theme Swatches in Hex */
.Girliepop-3-1-hex { color: #FFDBE8; }
.Girliepop-3-2-hex { color: #F78DC6; }
.Girliepop-3-3-hex { color: #F23DB3; }
.Girliepop-3-4-hex { color: #CFF28F; }
.Girliepop-3-5-hex { color: #F2F2F2; }

/* Color Theme Swatches in RGBA */
.Girliepop-3-1-rgba { color: rgba(255, 219, 232, 1); }
.Girliepop-3-2-rgba { color: rgba(247, 141, 198, 1); }
.Girliepop-3-3-rgba { color: rgba(242, 61, 179, 1); }
.Girliepop-3-4-rgba { color: rgba(207, 242, 143, 1); }
.Girliepop-3-5-rgba { color: rgba(242, 242, 242, 1); }

/* Color Theme Swatches in HSLA */
.Girliepop-3-1-hsla { color: hsla(338, 100, 92, 1); }
.Girliepop-3-2-hsla { color: hsla(327, 86, 76, 1); }
.Girliepop-3-3-hsla { color: hsla(320, 87, 59, 1); }
.Girliepop-3-4-hsla { color: hsla(81, 79, 75, 1); }
.Girliepop-3-5-hsla { color: hsla(0, 0, 94, 1); }

/* Color Theme Swatches in Hex */
.My-Color-Theme-1-hex { color: #F23DB3; }
.My-Color-Theme-2-hex { color: #F285CC; }
.My-Color-Theme-3-hex { color: #F03CB1; }
.My-Color-Theme-4-hex { color: #703E5F; }
.My-Color-Theme-5-hex { color: #AD1698; }

/* Color Theme Swatches in RGBA */
.My-Color-Theme-1-rgba { color: rgba(242, 61, 179, 1); }
.My-Color-Theme-2-rgba { color: rgba(242, 133, 204, 1); }
.My-Color-Theme-3-rgba { color: rgba(240, 60, 177, 1); }
.My-Color-Theme-4-rgba { color: rgba(112, 62, 95, 1); }
.My-Color-Theme-5-rgba { color: rgba(173, 22, 152, 1); }

/* Color Theme Swatches in HSLA */
.My-Color-Theme-1-hsla { color: hsla(320, 87, 59, 1); }
.My-Color-Theme-2-hsla { color: hsla(320, 80, 73, 1); }
.My-Color-Theme-3-hsla { color: hsla(321, 85, 58, 1); }
.My-Color-Theme-4-hsla { color: hsla(320, 28, 34, 1); }
.My-Color-Theme-5-hsla { color: hsla(308, 77, 38, 1); }