/*
Author: Rachel Lincoln 
Using for Project 2 CSS */

/*Adding background coloring */
body{
    background-image:url("images/trees.jpg");
    background-color: rgb(0, 0, 0);
    background-repeat:no-repeat;
    font-size: 1.1em;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:rgb(255, 255, 255);
}
/*setting up how headings will look */
h1{
    font-size: 90px;
    color:rgb(206, 206, 206);
    background-color: rgb(0, 0, 0);
    text-align: center;
    font-variant: small-caps;
    text-decoration: underline;
}

/* @@@@@@  Project 2 -- setting it up for the form  @@@@@@@@@@ */
h2{
    font-size: 32px;
    color:chartreuse;
    padding:10px;
    text-decoration: underline;
    text-align: center;
}

h3{
    text-align: left;
    padding:10px;
    background-color: rgb(47, 38, 27);
    font-size: 22px;

}

h4{
    text-align: center;
    font-size: larger;
    color:darkorange;
}
/*for footer text*/
h5{
    color:rgb(251, 201, 182);
    font-size: 16px;
    text-align:right;
}

h6{
    font-size: 24px;
}

figcaption{
    text-align: center;
}

.center{
    text-align: center;
    padding:10px;
    background-color: rgb(255, 140, 0);
    font-size: 22px;
}

p{
    text-align: right;
}

/*Adding to center pics*/
.pic_center{
    text-align:center;
}

/*Adding result size and alignment */
.result{
    text-align: center;
    font-size: 24px;

}

 /* @@@@@@@  PROJECT 2 - Adding div id for form @@@@@@@@@@@ */
 #feedback{
    margin: 5px;
    text-align:center;
    font-size: 18px;
    padding:5px;
    color:darkorange;
    
}

/*Adding Nav specs and link color changes*/
.nav{
    text-align: center;
    color:rgb(255, 255, 255);
    font-size: 30px;
}
.nav a:link{
    color:white;
}
.nav a:visited{
    color:darkorange;
}
.nav a:hover{
    color:orange;
}
.nav a:active{
    color:white;
}

/*########### PROJECT 3 -- Adding FAQ Styling ##########*/



span.plusminus img {
    display: inline-block;
    width: 30px;
    margin: -5px 30px -5px 10px;
 }
 dl#faq {
    display: block;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 }
 
 dl#faq dt {
    background: url("images/minus.png") left center/25px no-repeat ;   
    font-size: 1.4em;
    display: block;
    margin: 10px 0 10px;
    text-indent: 60px;
    color: rgb(255, 0, 255); 
    cursor: pointer;
    user-select: none;
 }
 
 dl#faq dt.hiddenAnswer {
    background: url("images/plus.png") left center/25px no-repeat ;
 }
 
 
 dt + dd {
    display: none;
 }
 
 dl#faq dd p {
    font-size: 1.2em;
    line-height: 1.2;
    margin: 0 0 15px 65px;
    font-family: "Gill Sans", Helvetica, Arial, sans-serif;
    text-align: justify;
 }