/** 
MAIN WHITE: #e7ecef
MAIN BLACK: #363537
MAIN RED: #e57068
MAIN GREEN: #04724d
MAIN YELLOW: #e1ce7a
MAIN PINK: #f7d4d2

GELICA - HEADINGS
font-family: "gelica", sans-serif;
font-weight: 400;
font-style: normal;

ROUTER - BODY
font-family: "router", sans-serif;
font-weight: 400;
font-style: normal;

TRADE GOTHIC NEXT - SUBHEADS/BODY
font-family: "tgn-soft-round", sans-serif;
font-weight: 400;
font-style: normal;

LIGHT
font-weight: 300;

BOLD
font-weight: 700;

ITALIC
font-style: italic;

**/


/** GLOBAL **/
body {
    background-color: #e57068;
    display: flex;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/** NAV **/
ul li {
    display: inline-block;
    position: relative;
}

nav a {
    color: #363537;
    font-size: 35px;
    margin: 15px;
}

nav a:hover {
    color: #000000;
}

.logo {
    height: 150px;
    width: 150px;
    padding: 0px; 
    margin-top: 15px;
    overflow: hidden;
}

ul li a {
    display: block;
    font-family: "gelica", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #363537;
}

ul li ul.dropdown li {
    display: block;
}

ul li ul.dropdown {
    width: 100%;
    background: #e1ce7a;
    position: absolute;
    z-index: 999;
    display: none;
}

ul li a:hover {
    color: #000000;
}

ul li#not {
    background-color: #e57068;
}

ul li:hover {
    background-color: #e1ce7a;
}

ul li:hover ul.dropdown {
    display: block;
}

.navmenu {
    padding-top: 30px;
    margin-bottom: 10px;
}

.container-main {
    width: 100%;
    padding: 0;
}




/** MAIN **/


/** HOME **/

.firstsection button {
    border: 2px solid #363537;
    background-color: #f7d4d2;
    color: #363537;
    padding: 14px 28px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 30px;
    margin: 40px;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
}
  
  /* Black */
.black {
    border-color: #363537;
    color: #363537;
}
  
.black:hover {
    background-color: #363537;
    color: white;
}

.firstsection {
    width: 1200px;
    background-color: #f7d4d2;
}

.firstsection p {
    padding-left: 50px;
    padding-top: 20px;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 32px;
}

.firstsection img {
   float: right;
}

.secondsection {
    width: 1200px;
    background-color: #e1ce7a; 
}

.secondsection img {
    float: left;
    margin-top: 50px;
}

.secondsection h1 {
    font-family: "router", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 50px;
}

.secondsection button {
    border: 2px solid #04724d;
    background-color: #e1ce7a;
    color: #04724d;
    padding: 14px 28px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 30px;
    margin: 40px;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
}

  /* Green */
.green {
    border-color: #04724d;
    color: #04724d;
}
  
.green:hover {
    background-color: #04724d;
    color: white;
}

.secondsection h1 {
    color: #04724d;
}

.secondsection p {
    color: #04724d;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 32px;
}


.italic {
    font-family: "router", sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 50px;
}

main h1 {
    font-family: "gelica", sans-serif;
    font-weight: 700;
    font-size: 90px;
    font-style: normal;
    text-decoration: none;
    color: #363537;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 15px;
}


/** CONTACT US **/

.newssection p {
    font-family: "router", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.newssection {
    width: 1200px;
    background-color: #f7d4d2;
    float: left;
}

.noalign {
    padding-left: 0px;
}

.officerinfo h2 {
    font-size: 30px;
    padding-left: 10px;
}

.officerinfo li {
    margin-left: 10px;
    font-family: "router", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #f7d4d2;
    font-size: 20px;
    padding: 20px;
}

ul.officerinfo p {
    color: #f7d4d2;
    padding: 5px;
    margin-left: 10px;
}

ul.officerinfo li:hover {
    pointer-events: none;
}


.contact {
    background-color: #04724d;
    color: #f7d4d2;
}

.newsletter {
    width: 1200px;
    background-color: #f7d4d2;
}

.newsletter h1 {
    padding-top: 100px;
    color: #f7d4d2;
    font-size: 80px;
    text-align: left;
    width: 100%; /* Take full width within the container */
    margin-left: 50px;
    margin-right: auto; /* Center the paragraph within its container */
    padding-left: 0px;
    padding-bottom: 30px;
}

.newsletter p {
    text-align: left;
    color: #04724d;
    font-family: "router", sans-serif;
    font-weight: 300;
    font-style: normal;
    max-width: 500px;
    width: 100%; /* Take full width within the container */
    margin-left: 50px; /* Center the paragraph within its container */
    margin-right: auto; /* Center the paragraph within its container */
    padding-left: 0px;
    padding-bottom: 30px;
}

#colorgreen {
    color: #04724d;
}

h1.noalign {
    margin-left: 20px;
}

/** FORM **/

.form-container {
    padding: 20px;
    text-align: right;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    margin-bottom: 8px;
}

input, textarea {
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 30px;
    border-color: #04724d;
}

.form-container button {
    border: 2px solid #04724d;
    background-color: #f7d4d2;
    color: #04724d;
    padding: 14px 28px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 30px;
    margin: 40px;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
}

form button {
    margin-left: 50px;
}

p.labels {
    padding-top: 10px;
}

.greensec {
    background-color: #04724d;
}

/** LANDING **/

.confirmation {
    width: 1200px;
    background-color: #e1ce7a;
    color: #04724d;
}

.confirm {
    color: #04724d;
}

.confirm h1 {
    font-size: 60px;
}

.confirmation h1 {
    font-size: 50px;
}

.confirmation button { 
    border: 2px solid #04724d;
    background-color: #e1ce7a;
    color: #04724d;
    padding: 14px 28px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 30px;
    margin: 40px;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
}
    
/* Green */
.confirmation .green {
    border-color: #04724d;
    color: #04724d;
}
      
.confirmation .green:hover {
    background-color: #04724d;
    color: white;
}

.confirmation img {
    padding-top: 50px;
    padding-bottom: 50px;
}


/** THANKS / CONFIRMATION **/

.thanks h1 {
    font-size: 70px;
    text-align: center;
    color: #04724d;
    padding-top: 100px;
}

.thanks h2  {
    text-align: center;
    margin: 10px;
    font-family: "gelica", sans-serif;
    font-weight: 400;
    font-size: 50px;
    font-style: normal;
    color: #04724d;
}

.thanks p {
    padding-bottom: 100px;
    text-align: center;
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #04724d;
    max-width: 700px;
    width: 100%; /* Take full width within the container */
    margin-left: auto; /* Center the paragraph within its container */
    margin-right: auto; /* Center the paragraph within its container */
    padding-left: 0px;
}

#line {
    display: inline-block;
    border-bottom: 2px dashed #04724d; /* Set the dotted line style and color */
    padding-bottom: 10px; /* Adjust as needed to control the space between the text and the dotted line */
    margin-bottom: 20px; /* Adjust as needed to control the space between the h1 and the following content */
}

.firstsection.thanks .row.one {
    background-color: #04724d;
    width: 1200px;
    height: 80px;
}


/** FOOTER **/

.footer {
    width: 1200px;
    height: 108px;
    background-color: #04724d;
    color: #e7ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

footer p {
    font-family: "router", sans-serif;
    font-weight: 400;
    font-style: normal;
}

footer a {
    color: #e7ecef;
}

#footerlink {
    font-size: 12px;
    margin: 30px;
    color: #e7ecef;
    font-family: "router", sans-serif;
    font-weight: 300;
    font-style: normal;
}


#footerlink a {
    color: #e7ecef;
}