/**** Config ****/
/**** Fonts ****/
@font-face { font-family: 'gothambook'; src: url("../fonts/Gotham-Book.eot"); src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#gothambook") format("svg"); font-weight: normal; font-style: normal; }
/**** Body ****/
html { font-size: 16px; }

body { font-size: 1.1em; font-family: gothambook, Arial; color: #201e21; }
@media only screen and (max-width: 40em) { body { font-size: 1em; } }

/**** Paragraph ****/
p { margin: 0px; padding: 1px 0px; }

th { background: #952b06; color: #fff; }

/**** Links ****/
a, a:link, a:active, a:hover, a:visited { color: #001e44; text-decoration: underline; border: none; }

a:hover { color: #e00708; text-decoration: underline; }

.text-red { color: #e00708; }

.text-blue { color: #001e44; }

/**** Headings ****/
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: #001e44; font-weight: normal; }

h1 { font-size: 38px; font-family: "Poppins", sans-serif; font-weight: bold; }
@media only screen and (max-width: 40em) { h1 { font-size: 30px; } }

h2 { color: #001e44; font-size: 24px; }
@media only screen and (max-width: 40em) { h2 { font-size: 23px; } }

h3 { font-size: 20px; }
@media only screen and (max-width: 40em) { h3 { font-size: 19px; } }

h4 { color: #e00708; font-size: 17px; font-family: "Poppins", sans-serif; }

h5 { color: #001e44; font-size: 24px; font-family: "Poppins", sans-serif; }
@media only screen and (max-width: 40em) { h5 { font-size: 23px; } }

h6 { font-size: 20px; font-family: "Poppins", sans-serif; }
@media only screen and (max-width: 40em) { h6 { font-size: 19px; } }

/**** Table ****/
@media only screen and (max-width: 40em) { .table-mobile { width: 100% !important; }
  .table-mobile td { display: block; width: 100% !important; } }
/**** Padding ****/
#container .pad-left-except-small { padding-left: 40px; }
@media only screen and (max-width: 40em) { #container .pad-left-except-small { padding-left: 0px; } }
#container .pad-right-except-small { padding-right: 40px; }
@media only screen and (max-width: 40em) { #container .pad-right-except-small { padding-right: 0px; } }

/**** Menu ****/
/* Clear */
/*.menu:after{
	content:"."; 
	display:block; 
	line-height:1px; 
	font-size:1px; 
	clear:both;
	visibility:hidden;
}*/
/* Horizontal - structure */
.menu-horizontal > ul, .menu-horizontal > ul li, .menu-horizontal > ul ul { list-style: none; margin: 0; padding: 0; }

.menu-horizontal > ul { position: relative; z-index: 197; float: left; }

.menu-horizontal > ul li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }

.menu-horizontal > ul li.hover, #header .menu-horizontal > ul li:hover { position: relative; z-index: 199; cursor: default; }

.menu-horizontal > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 198; width: 100%; }

.menu-horizontal > ul ul li { float: none; }

.menu-horizontal > ul ul ul { top: 1px; left: 99%; }

@media only screen and (min-width: 40.0001em) { .menu-horizontal > ul li:hover > ul { visibility: visible; display: block; } }
/* Table menu - NOTE: make sure you remove 'Clear' bit above as that adds 1px gap at bottom */
.menu-table { display: table; width: 100%; }
.menu-table > ul { float: none; display: table-row; }
.menu-table > ul > li { text-align: center; display: table-cell; float: none; }
.menu-table > ul > li > span, .menu-table > ul > li > a { display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 40em) { .menu-table { display: block; }
  .menu-table > ul { display: block; }
  .menu-table > ul > li { display: block; }
  .menu-table > ul ul { position: static; visibility: visible; display: none; } }

/* Horizontal - basic styling */
.menu-horizontal a, .menu-horizontal a:hover { display: block; padding: 3px 4px; text-decoration: none; }

/**** Body ****/
#body { font-size: 0.9em; line-height: 1.4; font-family: gothambook, Arial; color: #555; }
@media only screen and (max-width: 40em) { #body { font-size: 0.8em; } }

/**** Container ****/
.container { width: 1000px; margin: 0px auto; position: relative; }

/**** Header ****/
#header { position: relative; }
#header .row { max-width: 1400px; }

#header-menu-button { display: none; position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; background: url(../images/icon-menu.png) no-repeat center center; cursor: pointer; }
@media only screen and (max-width: 40em) { #header-menu-button { display: block; } }

#logo { display: inline-block; padding: 15px 15px; max-width: 175px; }

/**** Menu ****/
#menu-main { font-family: "Poppins", sans-serif; font-weight: 600; max-width: 950px; margin: 0px auto; }
#menu-main li { position: relative; max-width: 120px; }
#menu-main li:hover { background: #fafafa; }
#menu-main li:hover > a, #menu-main li:hover > span, #menu-main li:hover > a:hover { color: #001e44; text-decoration: none; }
#menu-main a, #menu-main span { display: block; padding: 30px 10px; font-size: 14px; color: #000; line-height: 15px; cursor: pointer; text-decoration: none; }
@media only screen and (max-width: 40em) { #menu-main a, #menu-main span { font-size: 20px; padding: 12px 15px; text-align: left; } }
#menu-main a.menu-open, #menu-main span.menu-open { display: inline; }
#menu-main ul ul { background: #fafafa; border-top: none; min-width: 220px; text-align: left; margin-right: -1px; }
@media only screen and (max-width: 40em) { #menu-main ul ul { min-width: auto; width: 100%; } }
#menu-main ul ul li { border-left: none; }
#menu-main ul ul a { font-size: 15px; line-height: 16px; padding: 4px 10px 3px; }
@media only screen and (max-width: 40em) { #menu-main ul ul a { font-size: 18px; text-align: left; padding: 10px 15px 10px 30px; } }

@media only screen and (max-width: 40em) { #menu-main-container { position: absolute; z-index: 2; top: -1px; left: -1px; margin-left: -320px; width: 320px !important; height: auto !important; padding: 10px 0; }
  #menu-main { background: #fafafa; }
  #menu-main li { max-width: none; }
  #menu-main span.menu-open { display: none; }
  #menu-main ul ul { display: block; border: none; } }
#menu-mobile { display: none; position: absolute; z-index: 3; top: 15px; right: 15px; width: 24px; height: 24px; background: url(../images/icon-menu.png) no-repeat center center; cursor: pointer; }
@media only screen and (max-width: 40em) { #menu-mobile { display: block; } }

/**** Content ****/
#content { padding: 30px 15px; min-height: 350px; background: #fff; max-width: 1200px; margin: 0px auto; word-break: break-word; }
#content img { height: auto !important; }
#content table { max-width: 100% !important; }
@media only screen and (max-width: 40em) { #content { padding: 25px 10px; } }

#body.body-splash #content { margin: 0px auto; }

#body.body-wide #content, #body.body-wide #banner { max-width: 1200px; }

/**** Footer ****/
#footer { padding: 50px 15px; font-family: GothamRoundedMedium, gothambook, Gotham, Arial; background: #f6f6f7; /*a,
a:link,
a:active,
a:visited,
a:hover {
	color:$color-red;
}*/ }
#footer #email { margin: 10px 0 25px; }
#footer #credit { text-align: right; }
@media only screen and (max-width: 40em) { #footer { text-align: center; } }

#footer-client { margin-top: 10px; font-size: 12px; }

/*#footer-social {
	position:absolute;
	right:30px;         
	top:25px;
}
#footer-social span {
	display:block;
	width:48px;
	height:48px;
	float:left;
	margin-left:8px;
}
.st_facebook_custom {background:url(../images/social-facebook.png) no-repeat center center;}
.st_twitter_custom {background:url(../images/social-twitter.png) no-repeat center center;}
.st_linkedin_custom {background:url(../images/social-linkedin.png) no-repeat center center;}*/
/** Home */
.body-template-home #content { padding: 0; max-width: none; }
.body-template-home .page-section { max-width: 1200px; padding: 30px 15px; margin: 0 auto; }
.body-template-home .page-section-home-banner { padding: 0; max-width: none; }
.body-template-home .page-section-home-banner .row { max-width: none; }

#home-banner-left { color: #fff; background: #001E44; background: linear-gradient(0deg, #001e44 0%, #6286b5 100%); }
#home-banner-left .home-banner-text { max-width: 100%; width: 615px; margin-left: auto; padding: 30px; }
#home-banner-left h1, #home-banner-left h2, #home-banner-left h3 { color: #fff; }
#home-banner-left a.button { background: #e00708; }
#home-banner-left a.button:hover { background: #000; }

#home-banner-right { background: url("../images/home-banner-1.jpg") no-repeat center center; background-size: cover; }

/**** Sidebar ****/
#icons { padding-bottom: 20px; text-align: center; }
#icons img { max-width: 250px; }

.sidebar { background: #001e44; color: #fff; padding-top: 15px; position: relative; }
.sidebar a { color: #fff; }

.sidebar-heading { background: url(../images/tab.png) left top no-repeat; margin-left: -15px; padding: 18px 0px 17px 38px; color: #001e44; font-size: 18px; line-height: 19px; font-family: "Poppins", sans-serif; height: 67px; text-transform: uppercase; letter-spacing: -.1pt; }

.sidebar-content { padding: 10px 25px; }

.sidebar-bottom { background: url(../images/sidebar-bottom.png) right top no-repeat; margin-bottom: -70px; height: 20px; position: relative; }

@media only screen and (max-width: 40em) { .sidebar { margin: 10px -10px 0px; padding-bottom: 15px; }
  .sidebar-bottom { display: none; } }
/**** Share ****/
#body .stButton { margin: 0px 1px; }

/**** Font Resize ****/
.font-resize a { font-size: 1.2em; line-height: 1.2em; vertical-align: middle; }

/**** Search ****/
/*.search-box-form-input {
	width:120px;
	vertical-align:middle;
} 
.search-box .search-box-form-submit {
	vertical-align:middle;
}*/
/**** Weather ****/
.aw-widget-current h3 { color: #fff; }

/**** Forms ****/
.button, a.button, a.button:link, a.button:active, a.button:visited, a.button:hover, input[type=submit] { display: inline-block; padding: 10px 20px; background: #001e44; color: #fff; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 18px; text-decoration: none; text-align: center; }

#emma-form-a579764eb4dfda5c492a1c24df5b08c4 form div input[type="text"], #emma-form-a579764eb4dfda5c492a1c24df5b08c4 form div input[type="email"] { width: 240px; }

#container .home-buttons { margin: 0px -10px; }
#container .home-buttons .column { padding: 10px; }

@media only screen and (max-width: 64em) { .table-home-hosts { width: 100%; } }
@media only screen and (max-width: 40em) { .table-home-hosts td { display: block; } }
#home-dates #home-dates-text { padding: 30px; background: url("../images/white-85.png") repeat left top; text-align: left; margin-top: -250px; }
@media only screen and (max-width: 40em) { #home-dates #home-dates-text strong { display: block; }
  #home-dates #home-dates-text p span { font-size: 14px !important; } }

/** Foundation stuff */
.row.equal { display: table; width: 100%; }

.row.equal .column { float: none !important; display: table-cell; vertical-align: top; }

/*##end##*/