/* Color Palette
#000000 Black
#14213D Dark Blue
#FCA311 Yellow
#E5E5E5 light grey
#495057 dark grey
#FFFFFF White
#3bfbef Bright blue
#00ddce slightly less bright blue
#03bc53 green*/

/* Global Styles */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
    font-family: "Raleway", sans-serif;
    background: #E5E5E5;
    color: black;
    margin: 0;
}
a {
    color: #White;
}

.content-wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 50px;
  overflow: hidden;
}

.col-narrow {
  width: 32%;
  float: left;
  padding-right: 3%
  min-height: 175px;
  text-align: right;
}

.col-narrow-small {
  width: 15%;
  float: left;
  padding-right: 3%
  min-height: 175px;
  text-align: left;
}

.col-wide {
  width: 65%;
  float: left;
  padding-left: 20px;
  min-height: 175px;
}

.col-wide-no-padding {
  width: 65%;
  float: left;
  min-height: 175px;
}

.rock-salt-regular {
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
}
/* use this if we have fonts in website folder, otherwise ignore
@font-face {
  font-family: 'Museo Sans';
  scr:  url(../fonts/museo-sans.woff2') format('woff'),
        url(../fonts/museo-sans.woff') format('woff');
  }
  */

/* img {
  float: left;
  margin-right: 15px;
} */

h1, h2 {
  font-family: "Rock Salt", cursive;
  font-weight: 400;
}
h1 {
  font-size: 35px;
  color: #03bc53;
  text-shadow: 1px 1px 15px #00ddce;
}
h2 {
  font-size: 35px;
  color: #03bc53;
  margin-top: 0;
  text-shadow: 1px 1px 3px #00ddce;
}
h3 {
  color: #14213D;
}

/* Header and footer Styles */
header, footer {
  background: #14213D;
  color: #FFFFFF;
}
header h1, header h2 {
  color: #03bc53;
  margin-top: 0;
  text-shadow: 1px 1px 15px #00ddce;
}

/* Header Styles */
.profile-img {
  border-radius: 50%;
  width: 160px;
}

.nav {
  background-color: #03bc53;
  color: 14213D;
  padding: 40px 50px 30px 50px;
  margin: 0px;
  display: block;
  text-align: center;
}

.nav a:link {
  color: white;
  text-decoration: none;
  font-size: 22px;
  padding: 5px 30px;
}

.nav a:hover {
  color: black;
  text-decoration: none;
}

/* Footer Styles */
footer {
  background: #14213D;
  text-align: center;
}
.contact-info a {
  color: #FFFFFF;
  padding: 10px;
  display: inline-block;
}

/* resource table styles*/
#resources {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#resources td, #resources th {
  border: 1px solid #ddd;
  padding: 8px;
}

#resources tr:nth-child(even){background-color: #f2f2f2;}

#resources tr:hover {background-color: #ddd;}

#resources th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

/* side nav style for resources pages*/
.side-nav {
  width: 350px;
  height: 100%;
  background-color: #03bc53;
  color: 14213D;
  padding: 40px 40px 50px 40px;
  display: block;
}

.side-nav a:link {
  color: white;
  text-decoration: none;
  font-size: 22px;
  padding: 50px 30px;
  margin-bottom: 50px;
}

.side-nav a:hover {
  color: black;
  text-decoration: none;
}

/* main section*/
.mainsection {
    background: #EDF2F4;
	color: #000000;
}

/* page bottom section*/
.bluesection {
    background: #8D99AE;
	color: White;
}

.bluesection h2 {
	color:  #39a367;
}