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: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
/**
* Profound Grid
*
* Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts,
* relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
*
* The biggest difference to other grid systems is the use of negative margins for column
* placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
* in some browsers.
*
* Nested columns are supported too, without having to reset the grid on each level.
*
* Credits/Inspiration:
* -------------------
* Semantic Grid: http://www.semantic.gs
* Susy: http://susy.oddbird.net
* Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
*
* @author Profound Creative Studio
* @url http://www.profoundgrid.com
* @url http://www.weareprofound.com
*/
/**
* Establish the grid-containing element.
*/
/**
* Align an element to the grid.
*/
/**
* Align an element to the grid.
*/
/**
* Apply to any column to make it the last one of the current row.
*/
/* ---------------------- ---------------------- */
.container {
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden; }
body {
font-family: "Franklin Gothic Book", "Franklin Gothic Medium";
line-height: 1.3em;
background: #FFF; }
h1, h2, h3, h4 {
line-height: 1.1em; }
p {
padding-bottom: 1em;
font-weight: lighter; }
a {
text-decoration: none;
/* color: $blue; */ }
a:hover {
text-decoration: underline; }
.oh {
overflow: hidden; }
.borderBottom {
border-bottom: 1px solid #DDD;
margin-bottom: 1em;
padding-bottom: 1em; }
.band {
width: 100%;
overflow: hidden; }
.bandNOOH {
width: 100%; }
.fr {
float: right; }
.fr img {
padding-left: 2em; }
.band.black {
background: white; }
header {
margin-top: 1em; }
@media only screen and (min-width: 45.5em) {
header {
position: absolute;
left: 0;
right: 0;
z-index: 9000;
margin-top: 3em; }
header .headerContainer {
z-index: 2005;
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
height: 7em;
overflow: hidden; }
header .secondaryHeaderContainer {
z-index: 2000;
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
overflow: hidden; }
header #google_translate_element {
/* margin-top:60px; */
/* @include wrapper; */
/* text-align: right; */ }
header #google_translate_element .goog-te-gadget-simple {
background: none !important;
border: 0 !important; }
header #google_translate_element, header #google_translate_element .goog-te-gadget,
header #google_translate_element .goog-te-gadget-simple,
header #google_translate_element .goog-te-menu-value {
color: white !important; } }
.no-mq header {
position: absolute;
left: 0;
right: 0;
z-index: 9000;
margin-top: 3em; }
.no-mq header .headerContainer {
z-index: 2005;
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
height: 7em;
overflow: hidden; }
.no-mq header .secondaryHeaderContainer {
z-index: 2000;
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
overflow: hidden; }
.no-mq header #google_translate_element {
/* margin-top:60px; */
/* @include wrapper; */
/* text-align: right; */ }
.no-mq header #google_translate_element .goog-te-gadget-simple {
background: none !important;
border: 0 !important; }
.no-mq header #google_translate_element, .no-mq header #google_translate_element .goog-te-gadget,
.no-mq header #google_translate_element .goog-te-gadget-simple,
.no-mq header #google_translate_element .goog-te-menu-value {
color: white !important; }
header div.logo {
background: #B40009; }
.lsa header div.logo {
background: #ed9c1b; }
header div.logo div {
padding: 0.8em 2em;
text-align: center; }
header div.logo div img {
width: 100%;
max-width: 300px;
margin: 0 auto; }
@media only screen and (min-width: 45.5em) {
header div.logo {
float: left;
margin-right: -100%;
width: 27.96%;
margin-left: 0%;
height: 15em; } }
.no-mq header div.logo {
float: left;
margin-right: -100%;
width: 27.96%;
margin-left: 0%;
height: 15em; }
header nav.topLevel {
background: #910915;
overflow: hidden;
padding-bottom: 2em; }
.lsa header nav.topLevel {
background: #dc8803; }
header nav.topLevel ul {
text-transform: uppercase;
overflow: hidden; }
header nav.topLevel ul li {
/* a:hover { color: lighten($blue,20); text-decoration: underline;} */ }
header nav.topLevel ul li, header nav.topLevel ul li a {
color: white; }
header nav.topLevel ul.divisions {
text-align: right;
margin-top: 0.75em;
margin-bottom: 2.5em;
padding-right: 1em; }
header nav.topLevel ul.divisions li {
display: inline-block;
margin-right: 1em;
border-right: 1px solid #DDD;
line-height: 1em;
padding-right: 1em; }
header nav.topLevel ul.divisions li, header nav.topLevel ul.divisions li a {
color: #DDD; }
header nav.topLevel ul.divisions li:last-child {
border-right: none; }
header nav.topLevel ul.main {
text-align: center;
padding-right: 2em;
font-size: 110%; }
@media only screen and (min-width: 45.5em) {
header nav.topLevel {
float: left;
margin-right: -100%;
width: 74.16%;
margin-left: 27.54%;
height: 15em; }
header nav.topLevel ul {
text-align: right;
float: right; }
header nav.topLevel ul.left {
float: left; }
header nav.topLevel ul.right {
float: right; }
header nav.topLevel ul li {
float: left;
margin-right: 1em; }
header nav.topLevel ul li:last-child {
margin-right: 0; } }
.no-mq header nav.topLevel {
float: left;
margin-right: -100%;
width: 74.16%;
margin-left: 27.54%;
height: 15em; }
.no-mq header nav.topLevel ul {
text-align: right;
float: right; }
.no-mq header nav.topLevel ul.left {
float: left; }
.no-mq header nav.topLevel ul.right {
float: right; }
.no-mq header nav.topLevel ul li {
float: left;
margin-right: 1em; }
.no-mq header nav.topLevel ul li:last-child {
margin-right: 0; }
header div.secondaryLevel {
overflow: hidden;
background: #6f0710; }
header div.secondaryLevel .resizerTab {
position: absolute;
/* width: 5em; */
height: 25px;
background: #9f0a17;
background: -webkit-linear-gradient(top, #6f0710 0%, #3f0409 100%);
background: linear-gradient(to bottom, #6f0710 0%, #3f0409 100%);
/* W3C */
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-top: 1px solid #0f0102;
z-index: 9999;
bottom: -21px;
left: 45%;
right: 45%;
text-align: center;
color: white; }
header div.secondaryLevel .resizerTab:hover {
background: #b70b1b;
background: -webkit-linear-gradient(top, #6f0710 0%, #870814 100%);
background: linear-gradient(to bottom, #6f0710 0%, #870814 100%);
/* W3C */
cursor: hand;
cursor: pointer; }
header div.secondaryLevel nav.hidden {
display: none; }
.lsa header div.secondaryLevel {
background: #aa6902; }
.lsa header div.secondaryLevel .resizerTab {
background: #dc8803;
background: -webkit-linear-gradient(top, #aa6902 0%, #774a02 100%);
background: linear-gradient(to bottom, #aa6902 0%, #774a02 100%);
/* W3C */
border-top: 1px solid #452b01; }
.lsa header div.secondaryLevel .resizerTab:hover {
background: #f59803;
background: -webkit-linear-gradient(top, #aa6902 0%, #c37803 100%);
background: linear-gradient(to bottom, #aa6902 0%, #c37803 100%);
/* W3C */ }
@media only screen and (min-width: 45.5em) {
header div.secondaryLevel {
float: left;
margin-right: -100%;
width: 83.05%;
margin-left: 8.48%;
box-shadow: 0 0 5px 0px #000;
margin-bottom: 5px; }
header div.secondaryLevel nav {
padding-bottom: 0.5em;
margin-bottom: 10px; }
header div.secondaryLevel ul.secondary {
width: 33%;
float: left; } }
.no-mq header div.secondaryLevel {
float: left;
margin-right: -100%;
width: 83.05%;
margin-left: 8.48%;
box-shadow: 0 0 5px 0px #000;
margin-bottom: 5px; }
.no-mq header div.secondaryLevel nav {
padding-bottom: 0.5em;
margin-bottom: 10px; }
.no-mq header div.secondaryLevel ul.secondary {
width: 33%;
float: left; }
header div.secondaryLevel nav {
margin: 1em;
overflow: hidden; }
header div.secondaryLevel a {
color: white; }
header div.secondaryLevel h2 {
font-size: 120%;
text-transform: uppercase;
margin-top: 0.5em;
color: white; }
header div.secondaryLevel ul > li > ul {
margin-left: 1em; }
div.rotator {
overflow: hidden;
position: relative; }
div.rotator ul.rotator {
overflow: hidden;
max-height: 600px; }
.secondary div.rotator ul.rotator {
max-height: 375px; }
div.rotator ul.rotator li {
z-index: 1000;
line-height: 0; }
div.rotator ul.rotator li img {
width: 100%; }
/* ---------------------- Red Bar ---------------------- */
.redBar {
background: #910915;
padding-top: 1em;
padding-bottom: 0.5em; }
.lsa .redBar {
background: #dc8803; }
.redBar ul {
overflow: hidden; }
.redBar ul li {
clear: both;
float: left;
margin-right: -100%;
width: 100%;
margin-left: 0%;
text-align: center; }
.redBar ul li p {
padding-top: 0.5em;
text-transform: uppercase;
font-size: 150%;
line-height: 1.1em; }
.redBar ul li p a {
color: white; }
@media only screen and (min-width: 45.5em) {
.redBar ul li {
clear: none; }
.redBar ul li:nth-child(1) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 0%;
border-right: 1px solid #c8848a; }
.redBar ul li:nth-child(2) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 33.9%;
border-right: 1px solid #c8848a; }
.redBar ul li:nth-child(3) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 67.8%; } }
.no-mq .redBar ul li {
clear: none; }
.no-mq .redBar ul li:nth-child(1) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 0%;
border-right: 1px solid #c8848a; }
.no-mq .redBar ul li:nth-child(2) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 33.9%;
border-right: 1px solid #c8848a; }
.no-mq .redBar ul li:nth-child(3) {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 67.8%; }
@media only screen and (min-width: 68.5em) {
.redBar ul li img {
float: left; }
.redBar ul li p {
font-size: 240%;
padding-top: 0.5em; } }
/* ---------------------- content ---------------------- */
.contentWrapper {
width: 92%;
margin: 0 4%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
margin-top: 3em;
margin-bottom: 3em; }
.contentText {
margin-bottom: 1em; }
@media only screen and (min-width: 45.5em) {
.contentText {
float: left;
margin-right: -100%;
width: 61.86%;
margin-left: 0%; }
.contentText.full {
float: left;
margin-right: -100%;
width: 100%;
margin-left: 0%; } }
.no-mq .contentText {
float: left;
margin-right: -100%;
width: 61.86%;
margin-left: 0%; }
.no-mq .contentText.full {
float: left;
margin-right: -100%;
width: 100%;
margin-left: 0%; }
@media only screen and (min-width: 45.5em) {
.contentSide {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 67.8%;
/* float: right; */ } }
.no-mq .contentSide {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 67.8%;
/* float: right; */ }
.borderList, .content ul.addresses, .content ul.success,
.content ul.awards,
.content ul.people {
padding-left: 0;
overflow: hidden; }
.borderList li, .content ul.addresses li, .content ul.success li,
.content ul.awards li,
.content ul.people li {
border-left: 0.5em solid #910915;
padding-left: 2em;
margin-bottom: 2em;
padding-bottom: 0; }
.borderList li > *:last-child, .content ul.addresses li > *:last-child, .content ul.success li > *:last-child,
.content ul.awards li > *:last-child,
.content ul.people li > *:last-child {
padding-bottom: 0; }
.content {
margin-bottom: 2em; }
.content em {
font-style: italic; }
.content h1 {
font-size: 180%;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 1em; }
.content h2 {
color: #910915;
text-transform: uppercase;
font-size: 160%;
font-weight: bold;
padding-bottom: 1em; }
.content h2.border {
border-bottom: 1px solid #910915;
margin-bottom: 1em;
padding-bottom: 0; }
.content h3 {
color: #61060e;
font-size: 140%;
font-weight: bold;
padding-bottom: 0.75em; }
.content h4 {
/* color: darken($darkRed,10); */
color: #666;
font-size: 130%;
font-weight: bold;
padding-bottom: 0.75em; }
.content ul, .content ol {
margin-bottom: 1em;
padding-left: 1em; }
.content ul li, .content ol li {
margin-bottom: 0.5em; }
.content ul li ul, .content ol li ul {
margin-top: 0.5em;
font-size: 90%; }
.content ul li ul li, .content ol li ul li {
margin-bottom: 0.3em;
font-style: italic; }
.content ul.links li, .content ol.links li {
text-transform: uppercase;
padding-left: 0.75em;
font-weight: bold; }
.content ul.links li.current, .content ul.links li:hover, .content ol.links li.current, .content ol.links li:hover {
border-left: 0.25em solid #910915;
padding-left: 0.5em; }
.content ul.links li a, .content ol.links li a {
text-decoration: none; }
.content ul.np, .content ol.np {
padding-left: 0; }
.content ul.strong {
font-size: 120%;
/* line-height: 1.5em; */ }
.content ul.strong li {
color: #333; }
.content ul.addresses li {
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.content ul.addresses li:hover {
border-left: 1em solid #910915;
padding-left: 1.5em; }
.content ul.addresses li h2 {
text-transform: none; }
.content ul.addresses li p.addr {
color: #333; }
.content ul.addresses li p.disclaimer {
font-style: italic; }
@media only screen and (min-width: 45.5em) {
.content ul.addresses li {
width: 40%;
float: left; }
.content ul.addresses li:nth-child(2n+1) {
clear: left;
margin-right: 5%; } }
.no-mq .content ul.addresses li {
width: 40%;
float: left; }
.no-mq .content ul.addresses li:nth-child(2n+1) {
clear: left;
margin-right: 5%; }
.content ul.dots {
margin-left: 1em; }
.content ul.dots li {
list-style: disc; }
.content ul.dots li h4 {
padding-top: 0.75em;
padding-bottom: 0em; }
.content ul.dots li ul {
font-size: 100%; }
.content ul.dots li ul li {
font-style: normal; }
.content ul.dots li ul li h4 {
padding-top: 0.45em;
padding-bottom: 0em; }
.content ul.success li h2,
.content ul.awards li h2,
.content ul.people li h2 {
padding-bottom: 0.25em;
font-style: italic;
font-weight: lighter; }
.content ul.success li h3,
.content ul.awards li h3,
.content ul.people li h3 {
padding-bottom: 0.5em; }
.content ul.success li h4,
.content ul.awards li h4,
.content ul.people li h4 {
padding-bottom: 0.25em; }
.content ul.success li h5,
.content ul.awards li h5,
.content ul.people li h5 {
padding-bottom: 0.25em; }
.content ul.success li img,
.content ul.awards li img,
.content ul.people li img {
max-width: 100%; }
.content ul.awards h2 {
font-size: 110%; }
.content ul.awards h3 {
margin-left: 1em;
font-size: 110%; }
.content ul.awards h3 + h2 {
padding-top: 0.5em; }
.content ul.raquo li {
list-style-type: none;
padding-left: 10px; }
.content ul.raquo li:before {
content: "\00BB \0020";
display: inline;
margin-left: -10px; }
.content a {
color: #910915;
text-decoration: underline; }
.content a:hover {
color: black; }
.content p + h2,
.content p + h3 {
padding-top: 0.25em; }
.content ul + h2,
.content ul + h3,
.content table + h2,
.content table + h3,
.content table + p {
padding-top: 1em; }
.content p.button {
margin-top: 2em;
margin-bottom: 2em; }
.content table {
width: 100%;
border-collapse: collapse; }
.content table th, .content table td {
padding: 0.25em; }
.content table th {
font-weight: bold;
background: #EEE; }
.content table tr:nth-child(odd) td {
background: #F8F8F8; }
.content table.roster {
width: 100em;
overflow: scroll;
margin-bottom: 2em;
/* overflow-x: scroll; */
font-size: 75%; }
.content table.roster th, .content table.roster td {
padding: 0.1em 0.5em;
white-space: nowrap; }
.content table.roster th h3, .content table.roster td h3 {
padding-top: 2em; }
.content p + h1, .content ul + h1, .content ol + h1, .content table + h1 {
margin-top: 1.25em; }
.content h1 + h2 {
/* padding-top: 1em; */ }
.content p, .content li {
color: #6d6d6d; }
.content hr {
border: none;
border-top: 1px solid #CCC;
margin: 2em 0; }
.content ul.products {
overflow: hidden; }
.content ul.products > li {
/* min-height: 20em; */
margin-bottom: 4em; }
@media only screen and (min-width: 32.51em) and (max-width: 45.49em) {
.content ul.products > li {
float: left;
width: 45%;
margin-right: 4%; }
.content ul.products > li:nth-child(2n) {
margin-right: 0; }
.content ul.products > li:nth-child(2n+1) {
clear: left; } }
@media only screen and (min-width: 45.5em) {
.content ul.products > li {
float: left;
width: 22%;
margin-right: 4%; }
.content ul.products > li:nth-child(2n) {
margin-right: 4%; }
.content ul.products > li:nth-child(2n+1) {
clear: none; }
.content ul.products > li:nth-child(4n) {
margin-right: 0; }
.content ul.products > li:nth-child(4n+1) {
clear: left; } }
.no-mq .content ul.products > li {
float: left;
width: 22%;
margin-right: 4%; }
.no-mq .content ul.products > li:nth-child(2n) {
margin-right: 4%; }
.no-mq .content ul.products > li:nth-child(2n+1) {
clear: none; }
.no-mq .content ul.products > li:nth-child(4n) {
margin-right: 0; }
.no-mq .content ul.products > li:nth-child(4n+1) {
clear: left; }
.content ul.products > li h3 {
min-height: 3.5em; }
.content ul.products > li p.img {
text-align: center;
height: 200px; }
.content ul.products > li img {
width: auto;
height: auto;
max-width: 100%;
max-height: 200px;
text-align: center; }
.content ul.products > li .center {
text-align: center; }
.content ul.products > li button {
height: auto;
background: #B40009;
border-radius: 2em;
padding-top: 0.65em;
padding-bottom: 0.65em;
font-size: 100%;
font-weight: bold;
width: 100%;
text-align: center;
margin: 0 auto; }
.content ul.products > li button:hover {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
color: yellow; }
.content .facilityAddress {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 0%;
margin-bottom: 2em; }
.content .facilityMap {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 50.85%;
margin-bottom: 2em; }
.content .facilityHistory h3 {
background: #DDD;
margin-bottom: 1em;
padding-top: 1em;
padding-left: 0.5em; }
.content .facilityHistory ul {
overflow: hidden; }
.content .facilityHistory ul li {
float: left;
width: 45%;
margin-bottom: 0;
padding-bottom: 0.5em; }
.content .facilityHistory ul li:nth-child(odd) {
margin-right: 2.5%;
padding-right: 2.5%;
clear: left;
/* border-right: 1px solid #DDD; */ }
.content .facilityHistory ul li img {
width: 100%; }
.content .facilityHistory + h1 {
margin-top: 2em; }
/* .content */
/* ---------------------- Latest News ---------------------- */
div.latestNews {
padding-bottom: 2em; }
div.latestNews a {
text-decoration: none; }
div.latestNews h2 {
padding-bottom: 2em; }
div.latestNews ul.latestNews li {
overflow: hidden;
margin-bottom: 2em; }
div.latestNews ul.latestNews a.date {
background: url("../images/calendar-bg.png") no-repeat;
height: 58px;
width: 58px;
float: left;
color: white;
text-align: center;
font-size: 13px;
text-transform: uppercase;
margin-right: 1em; }
div.latestNews ul.latestNews a.date span {
display: block;
font-size: 25px;
margin-top: 10px; }
div.latestNews ul.latestNews a.circle {
background: url("../images/calendar-bg.png") no-repeat;
height: 58px;
width: 58px;
float: left;
color: white;
text-align: center;
font-size: 13px;
text-transform: uppercase;
margin-right: 1em; }
div.latestNews ul.latestNews a.circle span {
display: block;
font-size: 30px;
font-weight: bold;
margin-top: 18px; }
div.latestNews ul.latestNews p {
padding-top: 0.25em;
margin-left: 75px; }
div.latestNews ul.latestNews p a {
color: #333; }
/* ---------------------- form ---------------------- */
form.contact input[type=text],
form.contact input[type=email],
form.contact input[type=tel],
form.contact textarea {
width: 100%;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: none;
display: block;
height: 2em;
background: #EEE;
font-size: 120%;
padding-left: 0.75em;
margin-bottom: 0.5em; }
button, a.button {
background: #61060e;
border: none;
height: 2em;
font-size: 110%;
color: white;
padding: 0 1em;
margin-left: 0;
cursor: hand;
cursor: pointer; }
button:hover, a.button:hover {
background: #910915; }
a.button {
text-decoration: none;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 1em;
margin-top: 1em; }
a.button:hover {
color: white; }
/* ---------------------- donate ---------------------- */
@media only screen and (min-width: 45.5em) {
.donate {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 0%; } }
.no-mq .donate {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 0%; }
@media only screen and (min-width: 68.5em) {
.donate {
float: left;
margin-right: -100%;
width: 61.86%;
margin-left: 0%; } }
.donate img {
max-width: 100%; }
@media only screen and (min-width: 45.5em) {
.newsletterContainer {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 50.85%; } }
.no-mq .newsletterContainer {
float: left;
margin-right: -100%;
width: 49.15%;
margin-left: 50.85%; }
@media only screen and (min-width: 68.5em) {
.newsletterContainer {
float: left;
margin-right: -100%;
width: 32.2%;
margin-left: 67.8%; } }
form.newsletter {
background: #B40009;
width: 100%;
padding: 2em;
color: white;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */ }
form.newsletter h1 {
text-transform: uppercase;
font-size: 250%;
font-weight: bold;
letter-spacing: 1px; }
form.newsletter h2 {
padding-bottom: 0.5em;
font-size: 110%; }
form.newsletter input[type=email] {
width: 100%;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: none;
display: block;
height: 2em;
font-size: 120%;
padding-left: 0.75em;
margin-bottom: 0.5em; }
/* ---------------------- grey band ---------------------- */
.band.grey {
background: #E5E5E5;
padding: 2em 0; }
ul.associations {
overflow: hidden; }
ul.associations li {
margin-bottom: 0.5em;
float: left;
text-align: center;
width: 50%; }
ul.associations li:nth-child(2n+1) {
clear: left; }
ul.associations li:nth-child(7) {
width: 100%; }
@media only screen and (min-width: 45.5em) {
ul.associations li {
width: 14.28571% !important;
clear: none !important; } }
.no-mq ul.associations li {
width: 14.28571% !important;
clear: none !important; }
ul.associations li img {
max-width: 100%;
vertical-align: middle; }
ul.associations li:nth-child(3) {
margin-top: 10px; }
ul.associations li:nth-child(4) {
margin-top: 20px; }
/* ---------------------- social ---------------------- */
.band.stayInTouch {
background: #6e0710;
padding-top: 2em;
padding-bottom: 2em; }
.band.stayInTouch .centeredText {
text-align: center; }
@media only screen and (min-width: 45.5em) {
.band.stayInTouch .centeredText {
float: left;
margin-right: -100%;
width: 57.63%;
margin-left: 21.19%; } }
.no-mq .band.stayInTouch .centeredText {
float: left;
margin-right: -100%;
width: 57.63%;
margin-left: 21.19%; }
.band.stayInTouch .centeredText h3 {
color: #b78388;
text-transform: uppercase;
padding-bottom: 0.5em;
font-size: 130%;
letter-spacing: 1px;
font-family: "myriad-pro", "Myriad Pro";
font-weight: 100; }
.band.stayInTouch .centeredText hr {
border-top: 1px solid #b78388;
border-bottom: none;
border-right: none;
border-left: none;
padding-bottom: 2em; }
.band.stayInTouch .centeredText .social {
overflow: hidden; }
.band.stayInTouch .centeredText .social li {
float: left;
width: 20%; }
img.full {
max-width: 100%; }
p.odometer {
width: auto !important;
color: white;
display: inline-block;
background: black;
letter-spacing: 0.35em;
font-size: 150%;
padding: 0.25em 0.5em; }
/* ---------------------- footer ---------------------- */
footer {
/* background: $lightGrey; */
padding-top: 2em;
padding-bottom: 2em;
background: #54050c; }
footer .container > div {
text-align: center; }
footer .container > div p {
color: #777; }
footer .container > div p a {
color: #555; }
footer .social {
float: left; }
footer .social ul li {
float: left;
margin-right: 1em; }
footer .copyright {
float: right; }
footer .copyright p {
text-align: right;
color: #777; }
footer .copyright p.byline a {
color: #999; }
.twitter-button {
margin-bottom: 1em; }
.twitter-button img {
width: 100%; }
.twitter-button + .twitter-button {
margin-bottom: 2em; }
#forecast_embed {
margin-top: 1em;
width: 95%; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important; }
.flex-direction-nav, .flex-control-nav {
display: none !important; }
#success_message {
background: #b40009;
padding: 1em;
font-size: 100%;
color: white; }
/* ---------------------- new home page ---------------------- */
.new-home-flex .backgroundImage {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: url("/images/soccer-background.jpg") no-repeat center center;
background-position: fixed;
background-size: cover; }
.new-home-flex .container-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
padding-left: 3em;
padding-right: 3em; }
.new-home-flex .clubWrapper {
z-index: 2;
margin-right: 0.5em;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.new-home-flex p, .new-home-flex h2, .new-home-flex .redBar {
font-family: 'Montserrat', sans-serif; }
.new-home-flex .club {
background: white;
background: rgba(255, 255, 255, 0.85); }
.new-home-flex .club figure {
text-align: center;
margin-bottom: 1em; }
@media only screen and (min-width: 47.5em) {
.new-home-flex .club figure {
padding-top: 3.5em;
margin-bottom: 2.5em; } }
.no-mq .new-home-flex .club figure {
padding-top: 3.5em;
margin-bottom: 2.5em; }
.new-home-flex .club figure img {
height: 8em; }
.new-home-flex .club h2 {
color: #910915;
text-align: center;
padding: 0 1em 1em;
font-size: 120%;
font-weight: 600;
line-height: 1.3em; }
.new-home-flex .club h2 span {
display: block;
font-size: 150%;
line-height: 1.1em; }
.new-home-flex .club p {
padding: 0em 1em 1em 1em;
font-size: 120%;
font-weight: 300;
color: #555;
text-align: center;
line-height: 1.3em; }
@media only screen and (min-width: 41.5em) {
.new-home-flex .club p {
padding: 1em; } }
.no-mq .new-home-flex .club p {
padding: 1em; }
@media only screen and (min-width: 72em) {
.new-home-flex .club.club-lsad h2 span {
font-size: 110%; } }
.no-mq .new-home-flex .club.club-lsad h2 span {
font-size: 110%; }
@media only screen and (min-width: 62em) {
.new-home-flex .club {
padding-bottom: 1em; } }
.no-mq .new-home-flex .club {
padding-bottom: 1em; }
.new-home-flex .redBar {
background: #910915;
background: rgba(145, 9, 21, 0.85);
width: 100%;
display: block;
color: white;
text-align: center;
font-size: 140%;
font-weight: 200;
padding: 0.75em 0;
letter-spacing: 1px;
cursor: hand;
cursor: pointer; }
.new-home-flex .redBar:hover {
background: #B40009;
text-decoration: none; }
.new-home .backgroundImage {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: url("/images/soccer-background.jpg") no-repeat center center;
background-position: fixed;
background-size: cover; }
.new-home p, .new-home h2, .new-home .redBar {
font-family: 'Montserrat', sans-serif; }
.new-home .lsaClubs {
position: relative;
z-index: 2;
margin-top: 2em; }
@media only screen and (min-width: 62em) and (min-height: 500px) {
.new-home .lsaClubs {
margin-top: 2em; } }
@media only screen and (min-width: 62em) and (min-height: 700px) {
.new-home .lsaClubs {
margin-top: 5em; } }
@media only screen and (min-width: 62em) and (min-height: 900px) {
.new-home .lsaClubs {
margin-top: 10em; } }
.new-home .cols > div {
margin-top: 0.5em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
@media only screen and (min-width: 47.5em) {
.new-home .cols > div {
margin-bottom: 2em; } }
.no-mq .new-home .cols > div {
margin-bottom: 2em; }
.new-home .club {
background: white;
background: rgba(255, 255, 255, 0.85); }
.new-home .club figure {
text-align: center;
padding-top: 2em;
margin-bottom: 1em; }
@media only screen and (min-width: 47.5em) {
.new-home .club figure {
padding-top: 3.5em;
margin-bottom: 2.5em; } }
.no-mq .new-home .club figure {
padding-top: 3.5em;
margin-bottom: 2.5em; }
.new-home .club figure img {
height: 8em; }
.new-home .club h2 {
color: #910915;
text-align: center;
padding: 0 1em 1em;
font-size: 120%;
font-weight: 600;
line-height: 1.3em; }
.new-home .club h2 span {
display: block;
font-size: 150%;
line-height: 1.1em; }
.new-home .club p {
padding: 0em 1em 1em 1em;
font-size: 120%;
font-weight: 300;
color: #555;
text-align: center;
line-height: 1.3em; }
@media only screen and (min-width: 41.5em) {
.new-home .club p {
padding: 1em; } }
.no-mq .new-home .club p {
padding: 1em; }
@media only screen and (min-width: 72em) {
.new-home .club.club-lsad h2 span {
font-size: 110%; } }
.no-mq .new-home .club.club-lsad h2 span {
font-size: 110%; }
@media only screen and (min-width: 62em) {
.new-home .club {
padding-bottom: 1em; } }
.no-mq .new-home .club {
padding-bottom: 1em; }
.new-home .redBar {
background: #910915;
background: rgba(145, 9, 21, 0.85);
width: 100%;
display: block;
color: white;
text-align: center;
font-size: 140%;
font-weight: 200;
padding: 0.75em 0;
letter-spacing: 1px;
cursor: hand;
cursor: pointer; }
.new-home .redBar:hover {
background: #B40009;
text-decoration: none; }
.cols {
overflow: hidden;
margin-bottom: 1em; }
.cols img {
max-width: 100%; }
@media only screen and (min-width: 41.5em) {
.cols--five > * {
float: left;
width: 48.5%;
margin-left: 3%; }
.cols--five > *:nth-child(2n+1) {
clear: left;
margin-left: 0; }
.cols--five > *:nth-child(5) {
margin-left: 25.75%; }
.cols--two > *:nth-child(odd) {
float: left;
width: 47.5%;
clear: right; }
.cols--two > *:nth-child(even) {
width: 47.5%;
float: right; }
}
.no-mq .cols--five > * {
float: left;
width: 48.5%;
margin-left: 3%; }
.no-mq .cols--five > *:nth-child(2n+1) {
clear: left;
margin-left: 0; }
.no-mq .cols--five > *:nth-child(5) {
margin-left: 25.75%; }
@media only screen and (min-width: 62em) {
.cols--five > * {
float: left;
width: 30.66667%;
margin-left: 4%; }
.cols--five > *:nth-child(2n+1) {
clear: none;
margin-left: 4%; }
.cols--five > *:nth-child(5n+1) {
clear: left;
margin-left: 0; }
.cols--five > *:nth-child(4) {
margin-left: 18%; } }
.no-mq .cols--five > * {
float: left;
width: 30.66667%;
margin-left: 4%; }
.no-mq .cols--five > *:nth-child(2n+1) {
clear: none;
margin-left: 4%; }
.no-mq .cols--five > *:nth-child(5n+1) {
clear: left;
margin-left: 0; }
.no-mq .cols--five > *:nth-child(4) {
margin-left: 18%; }
@media only screen and (min-width: 72em) {
.cols--five > * {
float: left;
width: 18.4%;
margin-left: 2%; }
.cols--five > *:nth-child(2n+1) {
clear: none;
margin-left: 2%; }
.cols--five > *:nth-child(4) {
clear: none;
margin-left: 2%; }
.cols--five > *:nth-child(5n+1) {
clear: left;
margin-left: 0; } }
.no-mq .cols--five > * {
float: left;
width: 18.4%;
margin-left: 2%; }
.no-mq .cols--five > *:nth-child(2n+1) {
clear: none;
margin-left: 2%; }
.no-mq .cols--five > *:nth-child(4) {
clear: none;
margin-left: 2%; }
.no-mq .cols--five > *:nth-child(5n+1) {
clear: left;
margin-left: 0; }
.sponsorshipBand {
border-top: 0.5em solid #6e0710;
padding-top: 2em;
}
.sponsorshipBand h2 {
color: #6e0710;
font-size: 180%;
}
.sponsorshipBar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin-top: 2em;
padding-bottom: 3em;
align-items: center;
}
.sponsorshipBar li {
width: 15%;
display: flex;
align-items: center;
flex-direction: column;
}
.sponsorshipBar li img {
width: 100%;
}
form.contact.registrationForm textarea {
height: 5em;
}
.registrationForm .registrationList > * { margin-bottom: 1em; }