/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url('https://fonts.googleapis.com/css?family=Varela+Round');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-family: 'Times New Roman', Times, serif;
	overflow-x: hidden;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.header {
	background-image: url('assets/school.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 45em;
	width: 100%;
}
ul {
	margin-left: 17.5em;
}
.navbar-nav.me-auto.mb-2.mb-lg-0 li a {
	color: white;
}
#navbtn {
	color: white;
	border-radius: 10px;
	background-color: #ffb0b0;
	border: 0;
	padding: .5em 1em .5em 1em;
}
#navbarText ul li a,
navbarText ul li a:after,
navbarText ul li a:before {
  transition: all .5s;
}
#navbarText ul li a:hover {
  color: #555;
}

.navdiv {
	padding: 10em 30em 0em 3em;
	color: white;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
}
.navdiv p {
	padding-top: 1em;
	font-size: 18px;
}
.why {
	margin: auto;
	width: 50%;
	padding: 10px;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	padding-top: 2em;
	padding-bottom: 1em;
	height: 100%;
}
.whyp1 {
	padding-top: 1em;
	font-size: 2.125rem;
	font-weight: 400;
}

.whyp2 {
	padding-top: 1em;
	font-size: 1.875rem;
}
.why .row {
	padding-top: 2em;
	text-align: left;
}
#map {
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 5em;
	font-family: 'Times New Roman', Times, serif;
}
#map img{
	margin-left: 7em;
	height: 20em;
	width: 20em;
}
.map1 {
	font-size: 2.125rem;
	text-align: center;
	font-weight: 400;
	margin-top: .5em;
}
.map2 {
	font-size: 1.875rem;
	text-align: center;
	margin-top: 1em;
}
.services {
	background-color: #0C2D57;
	color: white;
	margin: auto;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	padding-top: 5em;
	padding-bottom: 2em;
	height: 100%;
}
.servimg {
	margin-left: 7em;
	margin-right: 7em;
	color: white;
}
#serviceslink a {
	color: white;
	text-decoration: none;
}

#serviceslink a,
serviceslink a:after,
serviceslink a:before {
  transition: all .5s;
}
#serviceslink a:hover {
  color: #555;
}
.col-sm img {
	margin-top: 2em;
	height: 6em;
	width: 6em;
}
.team {
	background-image: url('assets/classroomsepia.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 35em;
	width: 100%;
}
.team img {
	width: 100%;
	padding-top: 10em;
	padding-left: .5em;
	padding-right: .5em;
}

#teambtn {
	color: white;
	border-radius: 10px;
	background-color: #ffb0b0;
	border: 0;
	padding: .5em 1em .5em 1em;
	margin-top: 2em;
}
.quote {
	background-color: #0C2D57;
	color: white;
	margin: auto;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	padding-top: 10em;
	padding-bottom: 8em;
	height: 100%;
}
.quote p{
	margin: 0 5em 0 5em;
}
.blog {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	font-size: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	height: 100%;
}
.blog a {
	font-size: 1em;
	color: #ffb0b0;
}
.tdiv {
	background-color: #0C2D57;
	padding: 3em 5em 4em 2em;
}
.table2 {
	display: table;
	table-layout: fixed;
	background-color: #0C2D57;
	color: white;
	width: 100%;
}
.table2 tr {
	height: 40px;
}
.box {
	border-radius: 5px;
	background-color: #0C2D57;
	color: white;
	white-space: collapse;
}
.box input {
	background-color: #0C2D57;
	color: white;
}
.box button {
	background-color: white;
	color:#0C2D57;
}

/*resources.html*/
.headerresources {
	background-color: #0C2D57;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	justify-content: center;
	color: white;
	width: 100%;
}
.bk {
	background-image: url("assets/resources_bkgrd.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	justify-content: center;
	width: 100%;
}
.resourceitems {
	text-align: center;
	padding-left: 2em;
	padding-top: 1em;
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
}
.resourceitems a {
	justify-content: space-around;
	padding: .5em;
}
/*about.html*/
.headerabout {
	background-image: url("assets/about_background.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	justify-content: center;
	color: white;
	width: 100%;
}
.scott {
	width: 35em;
}
.abouttitle {
	padding-top: 3em;
	font-family: 'Times New Roman', Times, serif;
	font-size: 3.5em;
	text-shadow: 1px 1px 2px black;
	text-align: left;
}
.abouttitle2 {
	font-size: 1.5em;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	text-align: left;
}
.resume{
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 6em;
	text-align: center;
}
.resumeimg{
	margin-top: 3em;
}
.about1 {
	background-color: #0C2D57;
	color: white;
	text-align: center;
}
.about1 p {
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 3em;
	padding-right: 1em;
}
.about1 img {
	padding: 1em;
	width: 38.345em;
	height: 43.5em;

}
.about2 {
	background-color: #FC6736;
	color: #0C2D57;
	text-align: center;
}
.about2 p {
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 3em;
	padding-left: 1em;
}

.about3 {
	background-color: white;
	color: black;
	text-align: center;
}
.about3 p {
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 3em;
	padding-right: 1em;
}
.about3 img {
	margin: 1em;
	width: 38.345em;
	height: 43.5em;
}
/*servicespage.html*/
.servicespage {
	background-image: url("assets/services_bkgrd.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	justify-content: center;
	width: 100%;
}
.servicespage p {
	font-size: 1.5rem;
	font-weight: 400;
	padding-top: 1em;
	text-align: center;
}
.servicespage li {
	list-style-type: disc;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1em;
	padding: 2em 2em 2em 2em;
  }
  .servicespage ol {
	margin: 0;
  }
  /*behaviormapping.html*/
  .bmap {
	background-image: url("assets/services_bkgrd.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	justify-content: center;
	width: 100%;
}
.bmap p {
	font-size: 1.5rem;
	font-weight: 400;
	padding-top: 1em;
	text-align: center;
}
.bmap li {
	list-style-type: none;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1em;
	text-align: center;
	padding: 2em;
}
.bmap a {
	color: black;
	text-decoration: none;
}

.bmap a,
bmap a:after,
bmap a:before {
  transition: all .5s;
}
.bmap a:hover {
  color: #555;
}
  .bmap ul {
	margin: 0;
	padding: 0;
  }
  /*getstarted.html*/
  svg {
	height: 23rem;
	margin-right: 4rem;
}

#envelope {
  animation: float 2s ease-in-out infinite;
}

#star1, #star2, #star3, #star4, #star5, #star6 {
  animation: blink 1s ease-in-out infinite;
}
#star2 { animation-delay: 100ms; }
#star3 { animation-delay: 500ms; }
#star4 { animation-delay: 700ms; }
#star5 { animation-delay: 300ms; }
#star6 { animation-delay: 200ms }

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}



form {
	min-width: 25rem;
	text-align: center;
	
	.title {
		font-family: 'Pacifico', cursive;
		color: #212529;
		font-size: 2.5rem;
	}
	
  .form-control {
    background-color: #f2f6f8;
		border-radius: 2rem;
    border: none;
    box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
		
    &.thick {
      height: 3.3rem;
      padding: .5rem 3.5rem;
    }
		
		&:focus {
			background-color: #f2f6f8;
			border: none;
			box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
		}
  }
	
	.message .form-control {
			padding: .5rem 1.8rem;
	}
	
  ::placeholder, label {
    font-family: 'Quicksand', sans-serif;
		font-weight: 600;
    font-size: 1.1rem;
    color: #838788;
    position: relative;
    left: 0;
  }
	
  input,
  textarea {
		font-family: 'Quicksand', sans-serif;
    color: #212529;
    font-size: 1.1rem;
  }
	
  .icon {
    color: #57565c;
    height: 1.3rem;
    position: absolute;
    left: 1.5rem;
    top: 1.1rem;
  }
}

.btn.btn-primary {
  font-family: 'Quicksand', sans-serif;
	font-weight: bold;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 3rem;
  border: 0;
  border-radius: 3rem;
  background-image:linear-gradient(131deg, #ffd340, #ff923c, #ff923c, #ff923c);
  background-size: 300% 100%;
  transition: all 0.3s ease-in-out;
} 

.btn.btn-primary:hover:enabled {
  box-shadow: 0 0.5em 0.5em -0.4em #ff923cba;
  background-size: 100% 100%;
  transform: translateY(-0.15em);
}
#tablecontact a {
	color: white;
	text-decoration: none;
}

#tablecontact a,
tablecontact a:after,
tablecontact a:before {
  transition: all .5s;
}
#tablecontact a:hover {
  color: #555;
}
label {
	text-align: center;
}
.form-group {
	text-align: center;
}
.btn2 {
	color: white;
	border-radius: 10px;
	background-color: #ffb0b0;
	border: 0;
	padding: .5em 1em .5em 1em;
} 
/*privacypolicy*/
.privacypolicy {
	background-color: #768ed6;
	padding: 1em;
}
.privacypolicy ul{
	list-style-type: none;
	margin: 0;
}
.privacypolicy li{
	text-align: left;
}
.privacypolicy a{
	color: white;
}
/*display none*/
.topnav {
	display: none;
}
.navdivmobile {
	display: none;
}
.mobilehead {
	display: none;
}
.mobileform {
	display: none;
}
/* media queries*/
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
	.logo {
		height: 110%;
		width: 110%;
		padding-top: .25em;
		padding-left: 3em;
	}/*mobile nav*/
	.topnav {
			display: block;
			margin: 0 auto;
			width: 100%;
			max-width: 100%;
			box-shadow: none;
			position: fixed;
			height: 60px!important;
			overflow: hidden;
			z-index: 10;
		}
		.main {
			margin: 0 auto;
			display: block;
			height: 100%;
			margin-top: 60px;
		}
		.mainInner{
			display: table;
			height: 100%;
			width: 100%;
			text-align: center;
		}
		.mainInner div{
			display:table-cell;
			vertical-align: middle;
			font-size: 3em;
			font-weight: bold;
			letter-spacing: 1.25px;
		}
		#sidebarMenu {
			position: fixed;
			left: 0;
			width: 250px;
			transform: translateX(-250px);
			transition: transform 250ms ease-in-out;
			background: linear-gradient(180deg, #FC6736 0%, #0C2D57 100%);
		}
		.sidebarMenuInner{
			margin:0;
			padding:.75em;
			border-top: 1px solid rgba(255, 255, 255, 0.10);
		}
		.sidebarMenuInner li{
			list-style: none;
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			padding: 20px;
			cursor: pointer;
			border-bottom: 1px solid rgba(255, 255, 255, 0.10);
		}
		.sidebarMenuInner li span{
			display: block;
			font-size: 14px;
			color: rgba(255, 255, 255, 0.50);
		}
		.sidebarMenuInner li a{
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			cursor: pointer;
			text-decoration: none;
		}
		input[type="checkbox"]:checked ~ #sidebarMenu {
			transform: translateX(0);
		}
		
		input[type=checkbox] {
			transition: all 0.3s;
			box-sizing: border-box;
			display: none;
		}
		.sidebarIconToggle {
			transition: all 0.3s;
			box-sizing: border-box;
			cursor: pointer;
			position: absolute;
			z-index: 99;
			height: 100%;
			width: 100%;
			top: 22px;
			left: 15px;
			height: 22px;
			width: 22px;
		}
		.spinner {
			transition: all 0.3s;
			box-sizing: border-box;
			position: absolute;
			height: 3px;
			width: 100%;
			background-color: #fff;
		}
		.horizontal {
			transition: all 0.3s;
			box-sizing: border-box;
			position: relative;
			float: left;
			margin-top: 3px;
		}
		.diagonal.part-1 {
			position: relative;
			transition: all 0.3s;
			box-sizing: border-box;
			float: left;
		}
		.diagonal.part-2 {
			transition: all 0.3s;
			box-sizing: border-box;
			position: relative;
			float: left;
			margin-top: 3px;
		}
		input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
			transition: all 0.3s;
			box-sizing: border-box;
			opacity: 0;
		}
		input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
			transition: all 0.3s;
			box-sizing: border-box;
			transform: rotate(135deg);
			margin-top: 8px;
		}
		input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
			transition: all 0.3s;
			box-sizing: border-box;
			transform: rotate(-135deg);
			margin-top: -9px;
		}
		.navdiv {
			display: none;
		}
		.navdivmobile {
			display: contents;
			color: white;
		}
		.navdivmobile p {
			margin-top: 2em;
			margin-left: 1.75em;
			font-weight: bold;
			justify-content: center;
		}
		.navmp {
			font-family: 'Times New Roman', Times, serif;
			font-size: 1.20em;
			font-weight: bold;
			margin-left: 1.75em;
			justify-content: center;
		}
		#map img{
			display: none;
		}
		#map {
			width: 300px;
		}
		#map[style]{
			margin: 0;
			margin-left: 4em !important;
		}
		.whyp1 {
			font-size: 1.5rem;
		}
		.whyp2 {
			font-size: 1.125rem;
		}
		.map1 {
			font-size: 1.5rem;
			margin-left: .75em;
			width: 6.5em;
		}
		.map2 {
			font-size: 1.125rem;
			margin-left: 2em;
			width: 6.5em;
		}
		.blog img {
			display: none;
		}
		.tdiv {
			font-size: .7em;
		}
		footer {
			font-size: .7em;
		}
		/*about.html*/
		.scott {
			width: 17.5em;
			height: 21.83540625em;
		}
		.abouttitle {
			font-family: 'Times New Roman', Times, serif;
			font-size: 3.5em;
			text-shadow: 1px 1px 2px black;
			text-align: center;
			padding-top: 0;
		}
		.resume {
			font-size: 1.083rem;
			margin-top: .5em;
		}
		.resumeimg {
			height: 19.90625em;
			width: 22.125em;
		}
		.aboutcow {
			padding-left: .5em;
		}
		.about1 p {
				font-size: 1.083rem;
				margin-top: .5em;
		}
		.about1 img {
			display: none;

		}
		.about2 img {
			display: none;
		}
		.about2 p {
			font-size: 1.083rem;
			margin-top: .5em;
		}
		.about3 {
			font-size: 1.083rem;
			margin-top: .5em;
		}
		.about3 img {
			height: 21.75em;
			width: 19.17240625em;
		}
		.resourceitems img {
			height: 4.6875em;
			width: 4.6875em;
		}
		.resourceitems {
			font-size: .75em;
		}
		svg {
			display: none;
		}
		/*getstarted.html*/
		.mobiledisplay {
			display: none;
		}
		.mobileform {
			display: contents;
		}
		form button {
			margin-left: 8em;
			margin-bottom: .5em;
		}
	}
 

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {...}
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {...}
 
 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {...}
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {...}