@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,800');

body, h1, h2, h3, h4, h5, h6, p { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; letter-spacing:0.5px; text-shadow: 0px 2px 2px rgba(0,0,0,0.15); }
body { position:relative; font-size:14px; overflow-y: scroll; height:100%; }
p { margin-bottom:3em; }
.logoGrid { padding:2em 2em; }
.logoGrid img { width:60%; height:auto; }

.thin { font-weight:300; }
.thick { font-weight:600 !important; }
.spaceBelow { margin-bottom:4em; }

.btn-primary {
  color:#fff;
  border:2px solid #fff;
  background:transparent;
  text-transform:uppercase;
  font-weight:800;
}
.btn-primary:hover {
  color: #fff !important;
  background:#cf1c2a;
  border:2px solid #cf1c2a;
  text-transform:uppercase;
  font-weight:800;
}

.btn-secondary {
  color:#fff;
  border:2px solid #cf1c2a;
  background:#cf1c2a;
  text-transform:uppercase;
  font-weight:800;
}
.btn-secondary:hover {
  color: #fff !important;
  background:transparent;
  border:2px solid #fff;
  text-transform:uppercase;
  font-weight:800;
}

.btn-cancel {
  color:#a3a3a3;
  border:1px solid #a3a3a3;
  background:#fff;
  text-transform:uppercase;
  font-weight:600;
}
.btn-cancel:hover {
  color:#cf1c2a;
  border:1px solid #cf1c2a;
  background:#fff;
  text-transform:uppercase;
  font-weight:600;
}

.btn-submit {
  color:#cf1c2a;
  border:1px solid #cf1c2a;
  background:#fff;
  text-transform:uppercase;
  font-weight:600;
}
.btn-submit:hover {
  color:#fff;
  border:1px solid #cf1c2a;
  background:#cf1c2a;
  text-transform:uppercase;
  font-weight:600;
}

.mainNav .btn-primary {
  color:#fff;
  border:1px solid #fff;
  background:transparent;
  text-transform:uppercase;
  font-weight:800;
  font-size:0.8em;
}
.mainNav .btn-primary:hover {
  color: #fff !important;
  background:#cf1c2a;
  border:1px solid #cf1c2a;
  text-transform:uppercase;
  font-weight:800;
  font-size:0.8em;
}

.jumbotron{
  height:100vh; margin-bottom:0; padding-top:0;
  background-color: rgba(40, 41, 43, 0.6) !important;
  background-blend-mode:multiply;
  background-size: cover;
}
.jumbotron.home { background-image: url('/img/home.jpg'); background-size: cover; }
.jumbotron .container { color:#fff; }
.jumbotron .container.homer {  height:100%; }
.jumbotron h1 { font-weight:200; }
.sub .jumbotron { margin-bottom:-120px; }

.lang-toggle {
	position: relative;
	text-align: right;
	top: 40px;
}
.lang-toggle label {
	display: inline-block;
	margin-left: -20px;
	margin-right: 30px;
}

.mainNav { height:auto; margin:0; padding:0.75em 0; }
.mainNav a { color:#fff; }
.mainNav a.active { font-weight:600; }
.mainNav .navbar-brand img { height:15px; }
.navWrap { background:rgba(0,0,0,0.5); }
.show .navbar-nav .nav-link { padding:1.5em 0; }
.navbar-toggler { border: 0px; }


.spyNav { background: #fafafa; border-bottom:2px solid #fff; padding:0; margin:0; box-shadow: 0px 2px 4px rgba(0,0,0,0.05); }
ul.hiw { width:100%; font-size:0.8em; display:table; }
ul.hiw li { width:16%;  padding:0; text-align:center; height:120px; display:table-cell; vertical-align: middle; }
/*ul.hiw li:hover { border-bottom:2px solid #3d3d3d; }*/
ul.hiw li a { color:#a2a2a2; }
ul.hiw li:hover a { color:rgb(40, 41, 43); text-decoration: none; }
ul.hiw li a span.icon { display:block; font-size:2em; text-align:center; color:#a2a2a2; }
ul.hiw li:hover span.icon { color:#cf1c2a; }
ul.hiw li a.active { color:rgb(40, 41, 43); text-decoration: none; }
ul.hiw li a.active span.icon { color:#cf1c2a; }

footer { background:#28292b; color:#fff; padding:2em 0; }



.secPad { padding:4em 0 4em 0; }
.secWhite { background:#fff; }
.secGray { background:#fafafa; margin-top:0; }
.secRed > * {
    z-index: 100;
}
.secRed {
  position: relative;
  background-image: url("../img/kids1.jpg");
  background-position: center center;
  background-size: cover;
  display: flex;
  color:#fff;
}
.secRed::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #cf1c2a, #cf1c2a);
  background: #cf1c2a;
  opacity: .90;
  z-index: 1;
  mix-blend-mode: normal;
  mix-blend-mode: normal;
  mix-blend-mode: normal;
}

.secDark > * {
    z-index: 100;
}
.secDark {
  position: relative;
  background-image: url("../img/kids2.jpg");
  background-size: cover;
  display: flex;
  color:#fff;
}
.secDark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #eaee44, #33d0ff);
  background: #28292b;
  opacity: .95;
  z-index: 1;
  mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.preTitle { display:block; color:#cf1c2a; text-transform: uppercase;}
.sectionTitle { display:block; margin: 0 0 4em 0; text-align: center; }
.sectionTitle h1 { font-weight:800; margin-bottom:1em; }
.sectionTitle i { font-size:2.8em; line-height:2em; color:#cf1c2a; }
.sectionTitle .describe { color:#787878; }
.sectionTitle span.red { color:#CF1C2A; }


.getLive { background-image: url("../img/whyusePaper.png"); background-position: bottom right; background-repeat: no-repeat; background-size: 35%; }
.literacyAll { background-image: url("../img/literacyBg.png"); background-position: center center; background-repeat: no-repeat; background-size: 140%; }
.ty { background-image: url("../img/kids5.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; }

.infoDisplay { text-align:left; position:relative; }
.infoDisplay h4 { font-weight:800; margin:1em 0 1.5em 0; letter-spacing:0px; font-size: 1.2em; }


.carousel { height:calc(100% - 80px); position:relative; color:#fff; }
.carousel-inner { position:relative; top:50%; transform: translateY(-50%); }
.carousel-item {  }
.carousel-item p { font-size:0.8em; }
.carousel-item h1 { font-size:3.2em; font-weight:200; }


.numbers { text-align:center; }
.numbers h2.counter { font-weight:300; font-size:3em; }
.numbers h2.green { color:#7ED321; }
.numbers h2.blue { color:#4A90E2; }
.numbers h2.red { color:#E84A1B; }
.numbers h2.purple { color:#9013FE; }
.numbers .name { text-transform:uppercase; display:block; }
.numbers .icon {  display:block; }

.clients { padding:1.5em; }
.clients img { max-height:150px; }


.card .imgPad { padding:3em; text-align:center; }
.card .imgPad img { max-height:30px; width:auto; }
.card .card-title { font-weight:800; text-shadow: none; }
.card .card-body { padding:3rem; font-size:0.8em; text-shadow: none; }
.card .card-body a { width:100%; display:block;  }
.card .card-body a:hover { width:100%; display:block;  }
.card .card-body.nyrr { background:#DE5745; color:#fff;  }
.card .card-body.nyrr .btn-primary:hover { color: #DE5745; border:2px solid #DE5745; }
.card .card-body.moresport { background:#1E0446; color:#fff;  }
.card .card-body.moresport .btn-primary:hover { color: #1E0446; border:2px solid #1E0446; }
.card .card-body.hrm { background:#0A548B; color:#fff;  }
.card .card-body.hrm .btn-primary:hover { color: #0A548B; border:2px solid #0A548B; }


.table-bordered td { padding:4em 2em; width:50%; }
.nav-tabs {
     background:#f6f6f6;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    min-height:110px;
}
.nav-tabs .nav-link { border-top-left-radius: 0rem; border-top-right-radius: 0rem; border:0px solid transparent; }
/* .nav-tabs .nav-link img { max-height:30px; max-width:100%; } */
.nav-tabs .nav-link img { max-height:50px; max-width:100%; }
/*.nav-tabs .nav-link img.hrm-logo { position: relative; max-height:40px; top: 5px; max-width:100%; }*/


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { padding:1em;  }



.nav-tabs .nav-link.active.nyrr { background:#DE5745; }
.nav-tabs .nav-link.active.nyrr>img { content:url("../img/logo-rnyrr-wht.png");}
.nav-tabs .nav-link.active.moresport { background:#1E0446; }
.nav-tabs .nav-link.active.moresport>img { content:url("../img/logo-moresports-wht.png");}
.nav-tabs .nav-link.active.hrm { background:#0A548B; }
.nav-tabs .nav-link.active.hrm>img { content:url("../img/logo-hrm-wht.png");}
.nav-tabs .nav-link.active.athletics { background:#cd2026; }
.nav-tabs .nav-link.active.athletics>img { content:url("../img/logo-athletics-wht.png");}
.nav-tabs .nav-link img.athletics-logo { max-height:80px; max-width:100%; }

.nav-tabs .nav-link.active::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 30px;
margin-left: -30px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
color:  black;
font-size: 18px;
border: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: white;
background-color: #CF1C2A;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:focus {
outline:  none;
box-shadow:  none;
border:none;
}
.tab-pane { padding:3em 0; }
.tab-pane h6 { margin-bottom:1em; }

.form-group { margin-bottom:2em; }
.form-group i { color:#cf1c2a; }
.form-group input,
.form-group textarea,
.form-group select {
  color: #495057;
  padding: 1.5em;
  background-color: #F5F6F8;
  background-clip: padding-box;
  border-top: 0px solid #ced4da;
  border-right: 0px solid #ced4da;
  border-bottom: 2px solid #28292B;
  border-left: 0px solid #ced4da;
  border-radius: 0rem;
}

.form-group input:active,
.form-group input:focus,
.form-group textarea:active,
.form-group textarea:focus,
.form-group select:focus,
.form-group select:active {
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 0px solid #ced4da;
  border-right: 0px solid #ced4da;
  border-bottom: 2px solid #cf1c2a;
  border-left: 0px solid #ced4da;
  border-radius: 0rem;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}

.form-group select {
	padding: 0;
	padding-left: 1.5em; /* full padding made selected option invisible */
}

.form-check-input {
  color: #495057;
  padding: 1.5em;
  background-color: #F5F6F8;
  background-clip: padding-box;
  border-top: 0px solid #ced4da;
  border-right: 0px solid #ced4da;
  border-bottom: 2px solid #28292B;
  border-left: 0px solid #ced4da;
  border-radius: 0rem;
}
.custom-control-label::before,
.custom-control-label::after {
  width: 1.5rem;
  height: 1.5rem;
}
.custom-control-label span { position:relative; top:0.4rem; left:0.4rem; }
.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color:#cf1c2a;
  border-radius:5rem;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
/*  html { font-size:1em; }*/
  .mainNav .navbar-brand img { height:20px; }
  .logoGrid { padding:1em 1em !important; }
  .secPad { padding:8em 0 4em 0; }
  .sectionTitle { display:block; margin: 0 0 8em 0; text-align: center; }
  .sectionTitle h1 { font-weight:800; font-size:3.6em; margin-bottom:1em; }
  .infoDisplay h4 { font-weight:800; margin:1em 0 1.5em 0; letter-spacing:0px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
/*  html { font-size:1.2em; }*/
  .logoGrid { padding:1em 1em !important; }
  .infoDisplay { text-align:left; margin-bottom:4em; position:relative; }
  .secPad { padding:8em 0 4em 0; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*  html { font-size:1.4em; }*/
  .logoGrid { padding:1em 1em !important; }
  .secPad { padding:8em 0 4em 0; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/*  html { font-size:1.4em; }*/
  .logoGrid { padding:1em 1em !important; }
  .secPad { padding:8em 0 4em 0; }
  .getLive { background-image: url("../img/whyusePaper.png"); background-position: bottom right;  background-repeat: no-repeat; background-size: 15% !important; }
}

.pricing-features-table {
	width: 100%;
}
.pricing-features-table>tbody>tr>th {
	width: 200px;
}
.pricing-features-table>thead>tr>th, .pricing-features-table>tbody>tr>td {
	text-align: center;
}
.pricing-features-table th, .pricing-features-table td {
	border: thin solid black;
	padding: 5px;
}
.pricing-features-table th {
	font-weight: bold;
	vertical-align: top;
}
.pricing-features-table th>span.thin {
	font-weight: normal;
	font-style: italic;
}

@keyframes fadeUp {
	0% {
		opacity: 0;
	}
	50% {
		transform: translateY(100px);
		opacity: 0;
	}
	80% {
		transform: translateY(-20px);
		opacity: 80%;
	}
	100% {
		transform: none;
		opacity: 100%;
	}
}

#attention-popup {
	position: fixed;
	bottom: 30px;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;

	border: medium solid #cf1c2a;
	border-radius: 8px;
	padding: 20px;
	background-color: white;

	display: flex;
	align-items: stretch;

	animation: fadeUp 4s;
}

#attention-popup > div {
	flex: 1;
}

#attention-popup > img {
	width: 50px;
	height: 50px;
	margin-right: 20px;
}

#attention-popup > div > p {
	margin: 0 0 5px;
}

#attention-popup button {
	margin-left: 20px;
}

#attention-popup .m {
	display: none;
}
@media screen and (max-width: 768px) {
	#attention-popup button {
		width: 40px;
		/* background-color: lightgray; */
	}
	#attention-popup .d {
		display: none;
	}
	#attention-popup .m {
		display: block;
	}
}

.margins-adjust p {
	margin-bottom: 20px;
}
.margins-adjust ul {
	margin-bottom: 20px;
}