@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.generics.css");
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.modules.css");
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.nav.css");
/* lib.forms no longer needed */
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.grists.css");
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.panels.css");
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.promotion.css");
@import url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/CSS/lib.apps.css");

@media screen, all {

/*-------------------------------------------------------
 LAYOUT
---------------------------------------------------------*/

/* whole page container */
#sx-wrapper { }
.width1220 { width: 100%; max-width: 1220px; margin: 0 auto; }

/* masthead */
header { padding-bottom: 10px; background: #abd6eb; }
#sx-masthead { width: 100%; background: #fafafa; margin: 0; min-height: 240px; /* -webkit-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.2); - not sure when this should be apparent, but it only appears for tablet screen sizes, and interferes with the new login element text */ }
/* increase height slightly for login box element */
.logged-in #sx-masthead { min-height: 250px; }

.sx-mo { max-width: 1220px; margin: 0 auto; position: relative; }
.sx-mi { padding: 18px 0 14px; }

/* avatar */
#sx-avatar { float: left; }

/* header phone number */
.phoneno { position: absolute; right: 340px; top: 30px; margin: 20px; font-size: 1.3em; font-family: 'Montserrat', sans-serif; }
.phoneno a:link, .phoneno a:visited { text-decoration: none; }
.phoneno a:hover, .phoneno a:active, .phoneno a:focus { text-decoration: underline; }

/* search */
#show-search { display: none; background: #001948 url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/search-mob.png") no-repeat center; background-size: 50%; border-radius: 5px; width: 60px; height: 60px; float: right; text-indent: -999em; position: absolute; right: 20px; top: 20px; }
#sx-search.show #show-search { background: #001948 url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-search-close.png") no-repeat center; background-size: 30px auto; }

/* header buttons */
#mem-buttons { float: right; }
.loginout a { display: block; text-decoration: none; color: #001948; background: #ffb840; color: #000; border: 1px solid #ecac3e; padding: 14px 17px; display: inline-block; font-family: 'Montserrat', sans-serif; margin-left: 15px; text-decoration: none; display: block; float: left; }
/* additional login box element for greeting (hide most of content) */
.login-panel-outer { display: none; clear: both; float: right; }
.logged-in .login-panel-outer { display: block; }
.login-form-outer { padding: 5px 0; }
.login-panel-outer legend { display: none; }
.login-panel-outer fieldset { border-width: 0; padding: 0; }
.login-panel-outer .oLoginFormTitle, .login-panel-outer .oLoginFormElement { display: block; width: auto; float: left; clear: none; }
.login-panel-outer .oLoginFormQuestion, .login-panel-outer .oLoginFormButtonContainer, .login-panel-outer .oLoginFormPanelText { display: none; }

/* nav + content */
#sx-body { clear: both; background: #fafafa; margin: auto; }
.sx-bdo { background: #fff; padding: 0; width: 100%; margin: auto; border-radius: 0; border: 0; }
.sx-bdi { width: 100%; margin: auto; padding: 0; }

/* content */
#sx-co-out { max-width: 1220px; margin: auto; }
#sx-content { float: right; width: 75%; }
.sx-co { padding: 0; }
.sx-ci {}
#header-placeholder { max-width: 1220px; margin: 0 auto; }
 
/* generator */
#sx-generator {}

/*-------------------------------------------------------
 USABILITY
---------------------------------------------------------*/
/* accessibility links */
#sx-help { position: relative; font-size: .9em; float: right; }
#sx-help ul, #sx-help li { list-style-type: none; margin: 0; padding: 0 0; }
#sx-help li { float: left; display: block; padding: 0 0; }
#sx-help li.text-larger { padding: 0; }
#sx-help a:link, #sx-help a:visited { padding: 0 10px 0 0; }

/* search box */
#sx-search { float: right; width: 25%; margin: 20px 0 16px; clear: right; }
#sx-search { border: 0; padding: 0; }
#sx-search fieldset { border: 0; padding: 0; margin: 0; width: 100%; background: #abd6eb; border-radius: 5px; }
/* with this method, it remains visible to screen readers */
#sx-search fieldset legend, #sx-search fieldset .question { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#sx-search fieldset .fields { float: left; width: 75%; }
#sx-search fieldset .buttons { float: left; width: 25%; text-align: right; clear: none; margin: 0; }
#sx-search .answer { margin: 1em 0 0 9%; width: 90%; }
#sx-search .textbox { border-width: 0; width: 100%; background: none; }
#sx-search .button { display: inline-block; float: right; margin-top: 0; }
#sx-search .button { border: 0; height: 65px; width: 65px; background: #001948 url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/search.png") no-repeat center; cursor: pointer; border-radius: 0 5px 5px 0; }
#sx-search .element { margin: 0; }

/*skip*/
#skiptocontent a { background: none; border-bottom: 1px solid white; border-right: 1px solid white; border-bottom-right-radius: 8px; color: white; left: 0; padding: 6px; position: absolute; top: -40px; transition: top 1s ease-out 0s, background 1s linear 0s; z-index: 10005; }
#skiptocontent a:focus { background: #bf1722 none repeat scroll 0 0; left: 0; outline: 0 none;  position: absolute; top: 0; transition: top 0.1s ease-in 0s, background 0.5s linear 0s; }

/*-------------------------------------------------------
 BREADCRUMB 
---------------------------------------------------------*/
#sx-bct { clear: both; padding: 5px 20px 10px; background: #abd6eb; margin-bottom: 45px; }
#sx-bct a { text-decoration: none; }
#sx-bct a.home { font-weight: bold; text-decoration: underline; }
.sx-bi { max-width: 1220px; margin: auto; padding: 10px 0; }
#sx-bct .sep { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/bc-arrow.png") no-repeat center; width: 40px; display: inline-block; height: 15px; }
#sx-bct .sep .inner { display: none; }

/*-------------------------------------------------------
 STRUCTURAL ELEMENTS 
---------------------------------------------------------*/
.width-contain { max-width: 1220px; margin: 0 auto; }
.light-blue { background: #58b0e3; padding: 30px 0; position: relative; }
.light-blue .contenteditor { max-width: 1220px; margin: auto; }
.white-stripes { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/bg-stripes.png"); border: 1px solid #fff; padding-bottom: 50px; }
.pink-twitter { background: #b01d8a; }
.pink-speech { background: #b01d8a url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/bg-advice.png") left 10% bottom no-repeat; padding: 50px 0; }
.dark-blue { background: #00204e; color: #fff; }
.dark-blue a { color: #fff; }
.mode-live .show-mobile { display: none; }
.mode-live .hide-mobile { display: block; }
.mode-live .show-tablet { display: none; }
.mode-live .hide-tablet { display: block; }

.location-wrap { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-location.png") top left no-repeat; padding-left: 40px; margin-bottom: 50px; }
.email-wrap { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-email.png") top left no-repeat; padding-left: 40px; margin-bottom: 15px; }
.phone-wrap { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-phone.png") top left no-repeat; padding-left: 40px; margin-bottom: 15px; }

/*-------------------------------------------------------
 FOOTER
---------------------------------------------------------*/
#sx-extras { clear: both; margin: 0; padding: 0;  }
#sx-extras .sx-eo { background: #abd6eb; }
#sx-extras .sx-ei {  }
#ft-part-1 { max-width: 1220px; margin: auto; padding: 45px 0; }
#ft-part-2 { max-width: 1220px; margin: auto; padding: 30px 0; }
#sx-extras #ft-part-1 .ft-left { float: left; width: 40%; }
#sx-extras #ft-part-2 .ft-left { float: left; width: 66%; }
#sx-extras .ft-right { float: right; width: 27%; }

#sx-extras .location { float: left; background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-location.png") no-repeat left top; padding-left: 40px; width: 50%; }
#sx-extras .email { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-email.png") no-repeat left top; padding-left: 40px; min-height: 40px; display: inline-block; }
#sx-extras .phone { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-phone.png") no-repeat left top; padding-left: 40px; min-height: 40px; display: inline-block; width: 30%; }
#sx-extras .facebook { display: inline-block; padding: 40px 20px 0 0; }

#sx-extras .external-link { margin-bottom: 50px; margin-top: 30px; }
#sx-extras .external-link ul li { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/arrow-fw-white.png") no-repeat left center; padding: 0 0 10px 30px; }
#sx-extras .copyright { font-size: 0.8em; }
#sx-extras .flinks { font-size: 0.8em; margin: 15px 0; }
#sx-extras .flinks ul, #sx-extras .flinks li { list-style-type: none; margin: 0; padding: 0; display: inline; }
#sx-extras .flinks li { padding: 0 10px; border-left: 1px solid #fff; }
#sx-extras .flinks li:first-child { border: 0; padding-left: 0; }

#sx-extras a.button { background: #ffb12c; border: 1px solid #eaa32a; padding: 15px 0; margin-bottom: 15px; text-decoration: none; font-family: "Montserrat",sans-serif; display: block; width: 170px; text-align: center; float: right; margin-left: 50px; }
#sx-extras .f-logo { width: 50%; float: left; display: block; margin-top: 30px; text-align: right; }
#sx-extras .f-logo a.edge { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/logo_NAHT-edge.png") no-repeat center; width: 158px; height: 66px; display: inline-block; text-indent: -999em; text-align: left; }
#sx-extras .f-logo a.assure { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/logo_NAHT-assure.png") no-repeat center; width: 114px; height: 66px; display: inline-block; text-indent: -999em; text-align: left; }

#sx-extras .ft-right .underline { width: 100%; border-bottom: 1px solid #334d71; padding-bottom: 5px; display: block; }
#sx-extras .f-logo a.primaryfut { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/Primary-Futures-logo-for-footer2.jpg") no-repeat center; width: 150px; height: 150px; display: inline-block; text-indent: -999em; text-align: left; }
#sx-extras .f-logo a.mnda { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/logo_mnda.png") no-repeat center; width: 150px; height: 150px; display: inline-block; text-indent: -999em; text-align: left; }
#sx-extras .f-logo a.p2b { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/place2be.png") no-repeat center; width: 150px; height: 150px; display: inline-block; text-indent: -999em; text-align: left; }

/*-------------------------------------------------------
 COLUMNS
---------------------------------------------------------*/
/*used on joining page*/
.columns-alpha { margin-bottom: 10px; }
.columns-alpha .column-inner { margin-right: 10px; }
.columns-alpha .column-alpha .column-inner { margin-right: 50px; }

/*used for columns needing borders in between*/
.columns-gamma .column-inner { border-left: 1px solid #1a3760; }
.columns-gamma .column-alpha .column-inner { border-left: 0; }
.columns-gamma .column-body { padding: 25px 0; }
.panel.style-beta .columns-gamma .column-body .asset { min-height: 90px;  }

/* used to swap order of content for mobile - TWO COLUMNS ONLY */
.columns-iota { overflow: hidden; }
.columns-iota .column-alpha { float: right !important; clear: none !important; }
.columns-iota .column-beta { clear: none !important; }
.columns-iota .column-inner { margin-right: 10px; }
.columns-iota .column-beta .column-inner { margin-right: 50px; }

/*columns omega used on home page, light blue section. Collapse into single columns pre tablet*/
.columns-omega { max-width: 1220px; margin: auto; margin-bottom: 10px; }
.columns-omega .column-alpha h2 { font-size: 2em; margin-top: 18px; }

}

@media print {
/* print friendly */
#sx-help, sx-masthead, #sx-extras, #sx-bct { display: none; }
#sx-nav { width: 0; display: none; }
#sx-content { margin-left: 0px; }

}