@import url('https://fonts.googleapis.com/css?family=Raleway:900');
h1, h2 {
color: #3a3939;
}
.template-page-style {
position: relative;
}
.reveal-modal {
top: 10% !important;
}
.pic p {
text-align: center;
}
.pic span {
font-weight: bold;
display: block;
}
.reveal-modal h2 {
text-align: center;
font-size: 2em;
}
}.oos-blue {
color: #244690;
}
.oos-red {
color: #c90015;
}
.oos-gold {
color: #ffc520;
}
.normal-text {
font-weight: normal;
}
.center-text {
text-align: center;
}
.icon i {
color: #FFF;
font-size: 2em;
display: block;
text-align: center;
padding: 1em;
}
.driving-pillars p {
font-size: .9em;
text-align: center;
}
.icon {
background: #ea8a34;
margin: .5em;
border-radius: .2em;
}
/* .team p {
background: #0e2d54;
color: #FFF;
padding: .5em;
text-align: center;
}
.team p span {
font-weight: bold;
font-size: .8em;
display: block;
} */

.owl-dots {
margin: -5em auto !important;
display: block !important;
right: 0 !important;
position: absolute !important;
left: 0 !important;
}
.fab.fa-twitter {
transition: all .2s ease-in-out;
font-size: 1.2em;
}

.fab.fa-twitter:hover {
transform: scale(2.1);
color: #03A9F4;
}

.staff p {
text-align: center;
}

:root {
font-family: sans-serif;
}

.spacer {
height: 3000px;
background: linear-gradient(to bottom, #ffffff 0%,#2989d8 50%,#ffffff 100%);
}

input:focus {
border: 2px solid #2989d8;
}

.section-staff {
margin-bottom: 4em !important;
}

.section-staff p {
padding: .5em .5em;
font-size: 1.15em;
}

.section-email p {
padding: .1em .1em;
font-size: 1.15em;
margin: 0;
}

.section-email h3 {
font-size: 1.5em !important;
color: #7a7b7b !important;
}

p.contact {
text-align: center;
background: #d4d4d4;
color: #444141;
padding: .4em;
margin: 1em 0;
}

.register-btn {
background: red;
color: #FFF;
padding: .5em 1.2em;
border-radius: .2em;
transition: .2s;
}

h3.bg-white:before, h3.bg-white:after {
background: #FFF !important;
}

a.register-btn:hover {
background: #4e4c4c;
color: #FFF;
}

/* .dropdown-link-style {
background: #484a4a;
color: #FFF;
font-size: .9em;
text-transform: none;
} */

.submit-btn {
background-color: #0072bc;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
color: #fff;
text-decoration: none;
background-image: linear-gradient(#0079c8, #0072bc);
border-width: 1px;
border-style: solid;
border-top-color: #006bb1;
border-left-color: #0073be;
border-right-color: #0073be;
border-bottom-color: #0074c0;
padding: .5em 2em;
}

.template-page-style h3 {
}

.face-div {
/*background: url('img/2016/face-bg-mono-large.jpg');*/
background-repeat: no-repeat;
background-position: 5em 32em;
}

.face-div a {
font-weight:bold;
}

.circle {
background: #465156;
color: #FFF;
height: 14em;
width: 14em;
border-radius: 14em;
display: block;
margin: auto;
border: solid #CCC .4em;
}

.counter {
display: block;
margin: 2em  auto;
width: 3em;
text-align: center;
height: 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #FFF;
font-size: 2em;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}

.section1 h3, .section2 h3, .section3 h3, .section4 h3, .section5 h3, .section6 h3 {
font-family: 'Raleway', sans-serif;
font-size: 1.8em;
}
.circle p {
display: block;
margin: 5.5em auto;
width: 6em;
text-align: center;
line-height: 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #FFC107;
font-size: 1.3em;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}

.ateam .staff p {
margin-top: 0;
font-size: .9em;
}
.ateam p {
font-family: inherit;
font-weight: normal;
font-size: 1em;
line-height: 1.6;
margin-bottom: 1em;
/* margin-top: 1.7em; */
text-rendering: optimizeLegibility;
font-family: "Open Sans", sans-serif !important;
/* color: #2d2d2d !important; */
}

.ateam ul li, .ateam ol li {
font-weight: normal;
font-size: 1.24em;
line-height: 1.6;
/* margin-bottom: 1em; */
text-rendering: optimizeLegibility;
font-family: "Open Sans", sans-serif !important;
color: #2d2d2d !important;
}

.row.team img {
width: 100%;
}

.ateam b, .ateam strong {
font-weight: bold;
color: #333 !important;
/* color: #F44336 !important; */
}

/* .ateam h3 {
position: relative;
font-size: 30px;
z-index: 1;
overflow: hidden;
text-align: center;
} */

/* .ateam h3:before, .ateam h3:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 50%;
height: 3px;
content: '\a0';
background-color: #c3c3c3;
} */

.ateam h3:before {
margin-left: -50%;
text-align: right;
}

/* .ateam h3 {
font-size: 1.7em;
color: #7a7b7b !important;
} */

.ateam h2 {
font-size: 1.5em;
font-family: 'Raleway', sans-serif;
color: #716b6b;
margin-bottom: .3em;
}
.row.together {
padding-top: 2em;
}
.staff p {
padding-top: 1em;
text-align: center;
}

.hero {
/*  background: url(/alternative/img/2018/home.jpg);*/
background: url('http://www.scsk12.org/ateam/img/2018/slides/1.jpg');
background-size: cover;
width: 100%;
height: 47em;
margin-top: -.6em;
}

.programs {
background: url(/alternative/img/2018/slides/3.jpg);
background-size: cover;
width: 100%;
height: 47em;
margin-top: -.6em;
display:none;
}


.hoz {
background:url('http://www.scsk12.org/dist/img/home-page/19q.png');
background-size: cover;
background-attachment: fixed;
height: 40em
}

.container h3 {
text-transform: uppercase !important;
font-size: 2em !important;
}

h1 {
}

.section1 {
padding-top: 2em;
}

.section1 p, .section1 h3 {
text-align:center;
}

.section1 h3 {
margin: 0;
}

.section1 p {
margin: -.5em 0 2em 0;
font-size: 1.4em;
font-weight: bold;
color: #ada9a9;
}

.section3 {
margin-bottom: 4em !important;
}

.section3 p {
padding: 0 1.5em;
font-size: 1.3em;
}

.section4 {
padding-top: 5em !important;
margin-bottom: 5em !important;
background: #f3f2f2;
padding: 2em;
}

.section4 p {
font-size: 1.1em;
font-style: italic;
color: #465156;
}

.hand {
display: block;
margin: -4.2em auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 4em;
}


i.fas.fa-quote-left {
font-size: 2em;
color: #607D8B;
position: absolute;
margin: -1em -.2em;
}

i.fas.fa-quote-right {
font-size: 2em;
color: #607D8B;
position: absolute;
margin: -2em 1em;
right: 0;
}

.section5 .fas {
font-weight: 900;
color: #e31b27;
display: block;
margin: auto;
font-size: 4em;
padding: .7em .7em .1em .7em;
border-radius: 3em;
text-align: center;
}

.section5 p {
text-align: center;
font-size: .9em;
text-transform: uppercase;
font-weight: bold;
color: #504950;
}

.section5 {
background: url('/face/img/2018/section5.jpg');
background-size: cover;
}

.section5 li {
background: rgba(255, 255, 255, .9);
height: 13em;
width: 15em;
margin-right: .7em;
margin-bottom: 1em;
border-radius: .4em;
}

.pillars {
color: rgba(204, 204, 204, .5);
width: 8em;
display: block;
margin: auto;
text-align: center;
border-radius: .4em;
font-size: 3em;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Montserrat', sans-serif;
text-shadow: -2px 0px 0 rgba(255, 255, 255, 0.7), -4px 4px 0 rgba(19, 13, 13, 0.2);
}

.essa {
text-align: center;
padding-bottom: 2em;
margin-top: 1em;
color: #FFF;
}


.section5 {
background: url(/face/img/2018/section5.jpg);
background-size: cover;
background-position-y: -10em;
background-attachment: fixed;
padding: 6em 0;
}


.adopt {
margin: 2em 0;
font-size: 2.2em;
text-align: center;
font-weight: bold;
color: #c53c3c;
}

.families-img {
background:url('/face/img/2018/families.jpg');
background-size: cover;
height: 34em;
background-position-y: -4em;
margin-top: -3em;
}

.volunteer-img {
background:url('/face/img/2018/volunteer.jpg');
background-size: cover;
height: 40em;
background-position-y: -4em;
margin-top: -3em;
}

.s-contain {
margin: 0 2em;
overflow: hidden;
}

.contact-container {
background: url('/alternative/img/2018/contact.jpg');
background-size: cover;
margin-top: -3em;
}

.be-inspired {
text-align: center;
font-weight: bold;
font-size: 2em;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}

.section-volunteers table {
border: none !important;
background: #FFF !important;
}

.section-volunteers table td, .section-volunteers table th {
vertical-align:top !important;
}

.section-volunteers h3 {
font-size: 1.3em !important;
color: #4f588a !important;
}

.section-volunteers table tr th, .section-volunteers table tr td {
padding: 0.5625rem 0.625rem;
font-size: 1rem;
color: #222222;
text-align: left;
}

.section-staff p {
padding: 0;
font-size: 1.15em;
}

.section-volunteers ol li, .section-volunteers ul li {
font-family: inherit;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 0.2rem;
text-rendering: optimizeLegibility;
}

.section-volunteers h3.bg-white:before, .section-volunteers h3.bg-white:after {
background: #FFF !important;
}

.section-volunteers h4 {
font-weight: bold !important;
text-align: center !important;
color: #f54437 !important;
}