/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
YSAS styles
========================================================================== */
@font-face
{
font-family: "Lato Black";
src: url('fonts/Lato-Black.ttf');
}
@font-face
{
font-family: "Lato BlackItalic";
src: url('fonts/Lato-BlackItalic.ttf');
}
@font-face
{
font-family: "Lato Bold";
src: url('Lato-Bol-webfont.eot');
src: url('fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Lato-Bol-webfont.woff') format('woff'),
url('fonts/Lato-Bold.ttf') format('truetype'),
url('fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: "Lato BoldItalic";
src: url('fonts/Lato-BoldItalic.ttf');
}
@font-face
{
font-family: "Lato Regular";
src: url('Lato-Reg-webfont.eot');
src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Lato-Reg-webfont.woff') format('woff'),
url('fonts/Lato-Regular.ttf') format('truetype'),
url('fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: "Lancuna";
src: url('fonts/lacuna-webfont.eot');
src: url('fonts/lacuna-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lacuna-webfont.woff') format('woff'),
url('fonts/lancuna.ttf') format('truetype'),
url('fonts/lacuna-webfont.svg#LacunaRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body { background: #ffffff url(../img/texture_bg.gif); font-family: "Lato Regular", Arial, sans-serif; font-size: 14px; color: #666; font-weight: normal; } /* #132028 */
h1 { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 46px; text-transform: uppercase; color: #2e424d; letter-spacing:1.2px; margin: 30px 0px; }
h2 { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 20px; text-transform: uppercase; color:#2e424d; line-height: 22px; }
h2 > span { color: #cada44; }
.front h2 { color: #f0ecec; }
h3 { font-family: "Lancuna", Arial, sans-serif; font-size: 30px; color: #5fac3e; line-height: 40px; margin: 0px 0px 40px 0px; font-weight: normal }
h4 { font-family: "Lato", Arial, sans-serif; color: #2e424d; font-size: 17px; line-height: 1.7; font-weight: 700; }
h3 + h4 { margin-top: -26px }
h5 { font-size: 24px; color: #5fac3e; line-height: 26px; font-family: "Lato", Arial, sans-serif; margin-bottom: 16px; font-weight: 700; }
h6 { font-family: "Lato", Arial, sans-serif; font-size: 15px; color: #2e424d; font-weight: normal; margin: 44px 0px 30px 0px; font-weight: 700; }
h5 + p { margin-top: 12px; }
h6 + p { margin-top: 12px; }
p { font-size: 16px; line-height: 1.7; font-family: "Lato Regular", Arial, sans-serif; }
ul li { list-style-image: url(../img/li_green.png); color: #132028; font-size: 14px; }
aside ul li { list-style-image: none; }
aside p { font-size: 14px; }
.content-width { width: 964px; margin: 0 auto; position: relative; }
.clear { clear: both; }
a { color: #0295cb; text-decoration: none; }
/*a:hover { color: #dfdfdf; }*/
a > img.more { vertical-align: top; padding-top: 4px; padding-left: 6px }
.megamenu a > img.more { padding-left: 8px; }
.blue-button { background-color: #0295cb; text-align:center; padding: 8px 20px; color: #f0ecec; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.blue-button:hover { background-color: #0f83ae; }
a.blue-button { display: inline-block; }
/* style select boxes with round corners etc */
.view-filters select {
padding: 3px 3px 3px 12px;
margin: 0;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
/*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
background: #f8f8f8 url(../img/arrow_down_blue.png) 205px center no-repeat;
color:#0295cb;
font-size: 13px;
font-weight: bold;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc);
position:relative;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {padding-right:18px}
}
/*
label {position:relative}
label:after {
content:'<>';
font:11px "Consolas", monospace;
color:#0295cb;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
label:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#fff;
position:absolute;
pointer-events:none;
display:block;
}*/
/* end styled select boxes */
nav ul li { display: block; float: left; }
nav ul li a { text-decoration: none; display: block; }
nav ul li a:hover { color: #0295cb; }
header { overflow: hidden; position: relative; }
header .logo { float: left;
margin-left: 10px;
width: 190px;
position: relative;
}
header .logo > img:last-child {
position: absolute;
top: 70px;
right: -68px;
}
header .top { float: right; margin-top: 10px; }
header .top > div, header .top > nav { float: left; }
header .top #googletranslate { width: 71px; height: 29px; font-size: 9px; font-weight: bold; padding-top: 3px; margin-right: 6px; }
header .top .fb { height: 36px; position: relative; z-index: 10; overflow: hidden; width: 48px; }
header .top .fb > a { display: block; float: left; }
header .top .fb .fbgraffiti { background: url(../img/facebook_grafiti.png); width: 33px; height: 36px; }
header .top .fb .fbgraffiti:hover { background: url(../img/facebook_grafiti_over.png); text-decoration: none; }
header .top .fb > div { float: left; }
header .top .fb .fblike { margin-top: 6px; }
header .top .searchbox { display:none; z-index: 15; background-color: #fff; position:absolute; top:0px; right:0px; width: 642px; height: 58px; padding: 10px 6px 6px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .top .searchbox div { float: left; font-size: 13px; padding-top: 8px; padding-right: 6px; }
header .top .searchbox div > a { color: #132028; padding: 6px; }
header .top .searchbox div > a:not(.closesearch):hover { background-color: #8bd0ed; text-decoration: none; }
header .top .searchbox div > a.active { background-color: #8bd0ed; }
header .top .searchbox input { border: none; width: 259px; height: 32px; background-color: #e9e8e8; float: left; padding-left: 12px; }
header .top .searchbox a.search { float: left; }
/* style google translate */
#googletranslate { position: relative; }
#googletranslate > img.arrows { display:block; position: absolute; top: 13px; right: 7px }
.goog-te-gadget-simple { width: 70px; background-color: #f3f3f3 !important; border: 1px solid #d5d5d5 !important; height: 26px; }
.goog-te-gadget-simple > img { display: none; }
.goog-te-gadget-simple span span { width: 50px; display: inline-block; height: 20px; overflow: hidden; border: none !important; font-size: 11px; }
.goog-te-gadget-simple span span:last-child { display: none; }
.goog-te-gadget-simple span span a { color: #132028 !important; }
.goog-te-gadget-simple a.goog-te-menu-value { line-height: 26px; display: block; }
.goog-te-gadget-simple a.goog-te-menu-value > span:first-child { height: 30px; }
nav.main { float: right; margin-top: 42px; height: 50px; overflow: visible; }
nav.main ul { margin-top: 0px; }
nav.main li { margin-left: 0px; display:-moz-inline-stack; display:inline-block; vertical-align:bottom; float: none; width: auto; list-style-image:none; *display: inline\9; zoom: 1; }
nav.main li a { color: #132028; padding: 0px 0px 7px 17px; letter-spacing: 1.3px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 15px; text-align: center; }
nav.main li a:hover { text-decoration: none; }
nav.main li.yellow { width: 141px; height: 50px; background-color: #cada44; position: relative; }
nav.main li.yellow a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; width: 141px; height: 50px; padding: 14px 0px 0px 0px; color: white; }
nav.main li.arrow img { position: absolute; right: 0px; bottom: -20px; }
nav.main li.grey { background-color: #dfdfdf; width: 139px; height: 40px; position: relative; }
nav.main li.grey:not(.small):hover { background: #8bd0ed }
nav.main li.grey.hover { background: #8bd0ed }
nav.main li.grey a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 139px; height: 40px; font-size: 17px; padding: 11px 0px 0px 0px; color: #000 }
nav.main li.grey.small { width: 101px; }
nav.main li.grey.small a { width: 101px; }
nav.main li.grey.small a:hover { color: #0295cb; }
nav.main li.about { width: 58px }
nav.main li.research { width: 81px; }
nav.main li.getinvolved { width: 103px }
nav.secondary { margin-top: 6px; }
nav.secondary ul { margin-top: 3px; padding: 0px; }
nav.secondary li { margin-right: 19px; }
nav.secondary li:first-child { margin-left: 15px; }
nav.secondary li a { text-decoration: none; font-size: 13px; color: #132028; font-family: "Lato Regular", Arial, sans-serif; }
nav.secondary li a:hover { color: #0295cb }
.background { width:100%; background: url(../img/background_illustrated1.jpg) top center no-repeat; height: 1056px; position:absolute; top: 0px; }
.sharestorygraphic { position: absolute; z-index: 5; right: 0px; top: 168px; width: 243px; height: 203px; overflow: hidden; }
.sharestorygraphic .animation { }
.offscreen { overflow: hidden; position: absolute; height: 800px; width: 30px; right: 0px }
.form-required { color: #323d43; }
.feedbackform { position:absolute; right:-520px; top: 0px; width: 520px; color: #132028; background: #e8e8e8; border: 1px solid #cada44; z-index: 150; padding: 20px 14px 30px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.feedbacktab { position: absolute; left: -32px; top: 260px; }
.feedbackform h1 { margin-top: 0px; margin-bottom: 0px; }
.feedbackform h4 { margin-top: 8px }
.feedbackform .close-feedback-form { background: #cada44; padding: 2px 3px 5px 5px; position: absolute; top: 0px; right: 0px; cursor:pointer; }
.feedbackform textarea { color: #666; border: 1px solid #dedede; }
.feedbackform input[type='text'], .feedbackform input[type='email'] { width: 100%; padding-left: 12px; color: #666; border: 1px solid #dedede; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.feedbackform label { color: #323d43; margin-bottom: 2px; margin-left: 2px; font-weight: normal; font-family: "Lato Regular", Arial, sans-serif; }
.feedbackform input[type='submit'] { background-color: #0295cb; text-align:center; padding: 8px 20px; color: #f0ecec; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); position:relative; }
.feedbackform input[type='submit']:hover { background-color: #0f83ae; }
.feedbackform .below-form { overflow: hidden; margin-top: 20px; font-family: "Lato Regular", Arial, sans-serif; font-weight: normal; }
.feedbackform .below-form .upper { text-transform: uppercase; padding-bottom: 8px; }
.feedbackform .below-form .col { width: 245px; float: left; }
.feedbackform .below-form a { color: #0295cb; }
.feedbackform .below-form a:hover { text-decoration: underline; }
.ask-a-question-wrapper { display: none; position: absolute; left: 50%; z-index: 150; top: 40px; }
.ask-a-question { position:relative; left: -50%; top: 50px; width: 520px; background: #e8e8e8; border: 1px solid #cada44; z-index: 150; padding: 20px 14px 30px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ask-a-question h2 { color:#2e424d; }
.ask-a-question .form-type-radio { display: inline-block; margin-right: 12px; }
.ask-a-question h1 { margin-top: 0px; margin-bottom: 12px; }
.ask-a-question .close-question-form { background: #cada44; padding: 4px; position: absolute; top: 0px; right: 0px; }
.ask-a-question input[type='text'], .ask-a-question input[type='email'] { width: 100%; padding-left: 12px; color: #666; border: 1px solid #d1d1d1; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ask-a-question label { color: #323d43; margin-bottom: 10px; }
.ask-a-question input[type='submit'] { background-color: #0295cb; text-align:center; padding: 8px 20px; color: #f0ecec; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); position:relative; }
.content-width.withmenu { position: relative; }
.megamenu { width: 965px; height: 408px; background: #ffffff url(../img/texture_bg.gif); position: absolute; top: -25px; z-index: 20; display:none; }
.megamenu .yellowfill { position: absolute; top: -20px; height: 20px; z-index: 10; left: 326px; background: #cada44; width: 141px; }
.megamenu .bluefill { position: absolute; top: -20px; height: 20px; z-index: 10; left: 470px; background: #8bd0ed; width: 139px; }
.megamenu .top { background-color: #cada44; height: 92px; color: #2e424d; }
.megamenu.howwehelp .top { background-color: #8bd0ed; }
.megamenu .top h2 { margin: 0; padding: 16px 0px 2px 30px; color: #132028 }
.megamenu .top span { padding: 0px 14px 0px 30px; display: block; line-height: 17px; font-family: "Lato Regular", Arial, sans-serif; }
.megamenu .column { width: 321px; margin-left: 1px; float: left; height: 408px }
.megamenu .yellowfill + div { margin-left: 0px }
.megamenu .bluefill + div { margin-left: 0px }
/*.megamenu .column:last-child { background: url(../img/megamenu_right.gif) bottom center no-repeat; }
.megamenu .column:last-child .helpline { color: #132028; margin-top: 36px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 24px; margin: 24px auto 0px auto; width: 320px; text-align: center;}
.megamenu .column:last-child .number { color: #132028; margin-top: 36px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-size: 32px; margin: 0px auto 18px auto; width: 320px; text-align: center; }
.megamenu .column:last-child a:not(.blue-button) { padding: 0px 0px 8px 0px; margin: 0px auto 0px auto; width: 218px; }
.megamenu .column:last-child a:last-child { width: 239px }
.megamenu .column:last-child > img { }*/
.megamenu .column.last { background: url(../img/megamenu_right.gif) bottom center no-repeat; }
.megamenu .column.last .helpline { color: #132028; margin-top: 36px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 24px; margin: 24px auto 0px auto; width: 320px; text-align: center;}
.megamenu .column.last .number { color: #132028; margin-top: 36px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-size: 32px; margin: 0px auto 18px auto; width: 320px; text-align: center; }
.megamenu .column.last a:not(.blue-button) { padding: 0px 0px 8px 0px; margin: 0px auto 0px auto; width: 218px; }
.megamenu .column.last a.last { width: 239px }
.megamenu .column.last > img { }
.megamenu .column ul { padding: 0 0 0 30px; }
.megamenu .column ul li { list-style-image: none; list-style-type: none; margin: 0px 12px 12px 0px; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.megamenu .column ul li a { color: #132028; }
.megamenu .column ul li a:hover { text-decoration: none; color: #0295cb; }
.megamenu .column > a:not(.blue-button) { color: #132028; text-transform: uppercase; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; padding: 12px 10px 20px 30px; display: block }
.megamenu .column > a:not(.blue-button):hover { text-decoration: none; color: #0295cb; }
.megamenu .column > a.ie8 {color: #132028; text-transform: uppercase; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; padding: 12px 10px 20px 30px; display: block }
.megamenu .column > a.blue-button { display: block; width: 220px; margin: 10px auto; }
footer { overflow:hidden; height: 432px; width: 100%; margin-top: 40px; position: relative; }
footer .footer-background { width: 100%; position: absolute; top: 0px; }
footer .footer-background .left-back { float:left; position: relative; z-index: 3; background: url(../img/footer_left.jpg) bottom left no-repeat; max-width: 755px; width: 50%; height: 448px; }
footer .footer-background .right-back { float:right; position: relative; z-index: 2; background: url(../img/footer_right.jpg) bottom right no-repeat; max-width: 765px; width: 50%; height: 448px; }
footer .footer-background .filler { background: #2e424d; top: 112px; width: 100%; position: absolute; height: 324px }
footer .content-width { position:relative; z-index: 5; margin-top: 112px; overflow: hidden; color: #ccc; font-family: "Lato Regular", Arial, sans-serif; }
footer .content-width .top { overflow: hidden; }
footer .content-width .logo { float: left; margin-left: 9px; margin-top: 0px; position: relative; z-index: 5; }
footer .content-width .logo img:first-child { margin-right: 14px }
footer .content-width .logo img:last-child { margin-top: 0px }
footer .content-width .febfast { float: right; margin-top: 33px; margin-right: 8px; }
footer .content-width .line { background-color: #515b61; width: 100%; height: 1px; top: 100px; position: absolute; }
footer a { color: #ccc; }
footer a:hover { text-decoration: none; }
footer nav { overflow: hidden; width: 810px; float: left; margin-top: -5px; }
footer nav ul { padding: 0px 0px 0px 10px; }
footer nav ul li { float: left; width: 150px; margin-right: 10px; }
footer nav ul li a { font-size: 13px; color: #dde2b1; text-transform: uppercase; }
footer nav ul ul { margin: 0px; padding: 0 0 0 0px; margin-bottom: 20px; }
footer nav ul li li { float: none; }
footer nav ul li li a { color: #cccccc; text-transform: none; font-family: "Lato Regular", Arial, sans-serif; }
footer .connected { float: right; width: 150px; margin: 9px 0; }
footer .connected .top-menu { font-size: 13px; color: #dde2b1; text-transform: uppercase; }
footer .connected > a { margin: 7px 0px 9px 1px; color: #cccccc; display: block; width: 100% }
footer .connected > a img { margin-right: 12px }
footer .connected > a:last-child img { margin-right: 2px }
footer .connected .fblike { overflow: hidden; width: 48px; }
footer .connected .linkedin { vertical-align: top; padding-top: 2px; }
footer .bottom { float: left; width: 100%; margin-top: 31px; padding-left: 10px; font-size: 11px; }
footer .bottom .copyright { float: left; }
footer .bottom .creator { float: right; padding-right: 23px; }
footer .bottom .creator a > img { padding-left: 6px; }
.helpline-filler { height: 80px; }
.fixed-helpline { width: 100%; background: url(../img/fixed_help_back.gif) center; height: 80px; position: fixed; bottom: 0px; z-index: 10 }
.fixed-helpline h3 { font-weight: bold; display: block; background: url(../img/helpline_heading.png) left no-repeat; line-height: 32px; margin: -15px 0px 0px 6px; padding-left: 15px; letter-spacing: 0.5px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-size: 17px; text-transform: uppercase; color: #f0ecec; width: 490px; clear: both; position: relative;} /* "Franklin Gothic Demi Cnd" */
.fixed-helpline h3 > span { color: #cada44;}
.fixed-helpline h3 span.toggle { background-image: url(../img/footer-toggle.png); background-position: 0 -20px; background-repeat: no-repeat; width: 20px; height: 20px; overflow: hidden; position: absolute; top: 6px; right: 16px; }
.fixed-helpline h3 span.toggle-open { background-position: 0 0; }
.fixed-helpline .footer-text {
position:relative;
}
.fixed-helpline .footer-text img{
position:relative;
top: 5px;
left: 14px;
}
.toggle-active {
-moz-transition: height 500ms cubic-bezier(1, 0, 0, 1);
-webkit-transition: height 500ms cubic-bezier(1, 0, 0, 1);
-o-transition: height 500ms cubic-bezier(1, 0, 0, 1);
transition: height 500ms cubic-bezier(1, 0, 0, 1);
}
.ie8 .fixed-helpline h3 { letter-spacing: 0px; font-size: 16px; }
.fixed-helpline .content-width > div { float: left; margin-top: 12px; color: #132028; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-size: 17px; font-weight: bold; letter-spacing: 1px; } /* "Franklin Gothic Demi Cnd" */
.fixed-helpline .content-width > div.number { font-size: 24px; margin-left: 20px; font-weight: bold; }
.fixed-helpline .content-width > div.number .book { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: normal } /* "Franklin Gothic Book Cnd" */
.fixed-helpline .content-width > div.button { float: right; margin-left: 23px; margin-top: 8px; background: url(../img/static_help_option_back.gif) repeat-x; padding: 8px 16px 0px 16px; height: 42px; text-transform: uppercase; }
.fixed-helpline .content-width > div.button:hover { background: url(../img/static_help_option_back_over.gif) repeat-x; }
.fixed-helpline .content-width > div.button a { text-decoration: none; color: #132028; }
.fixed-helpline .content-width > div.button a img { vertical-align: top; padding-top: 4px; padding-right: 6px; }
aside { background-color: #e9e8e8; width: 230px; overflow: hidden; float: right; }
aside a { color: #132028; }
aside nav { background-color: #0295cb; width: 100%; padding: 18px 12px; color: #fff; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
aside nav h2 { color: #fff; margin: 0px 0px 0px 0px; letter-spacing: 1px; }
aside nav ul { margin: 0px 0px 10px 0px; padding: 0px; }
aside nav ul li { margin: 12px 0px 0px 0px; list-style-type: none; float: none; }
aside nav ul li a { color: #fff; font-family: "Lato Regular", Arial, sans-serif; }
aside nav ul li a:hover { color: #132028; text-decoration:none; }
aside nav ul li a.active { color: #132028; }
aside .workers-submenu { padding: 16px; background-color: #48b3d9; }
aside .workers-submenu ul { margin: 0px 0px 10px 0px; padding: 0px; }
aside .workers-submenu ul li { margin: 12px 0px 0px 0px; list-style-type: none; float: none; }
aside .workers-submenu ul li a { color: #fff; font-family: "Lato Regular", Arial, sans-serif; padding-left: 28px; }
aside .workers-submenu ul li a:hover { color: #02698f; }
aside .workers-submenu ul li a.toolkit { background: url(../img/toolkit.png) no-repeat; }
aside .workers-submenu ul li a.toolkit:hover { background: url(../img/toolkit-over.png) no-repeat; }
aside .workers-submenu ul li a.intranet { background: url(../img/intranet.png) no-repeat; }
aside .workers-submenu ul li a.intranet:hover { background: url(../img/intranet-over.png) no-repeat; }
aside .workers-submenu ul li a.user { background: url(../img/user.png) no-repeat; }
aside .workers-submenu ul li a.user:hover { background: url(../img/user-over.png) no-repeat; }
aside .get-help { width: 199px; height: 60px; margin: 18px 15px 18px 15px; background: url(../img/meet_back.gif) no-repeat; }
aside .get-help a { line-height: 60px; font-size: 20px; display: block; width: 199px; height: 60px; text-align:center; text-transform: uppercase; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; }
aside .get-help a:hover { text-decoration: none; color: #FFFFFF; }
aside .meet-us { width: 199px; height: 177px; margin: 9px 15px; background: url(../img/meet_back.gif) no-repeat; }
aside .meet-us:hover h2 a,
aside .meet-us:hover h2 {
color: #FFFFFF;
}
aside .meet-us .image { width: 188px; height: 64px; overflow: hidden; margin: 0px 5px 10px 6.5px; padding-top: 7px; }
aside .meet-us .image img { float: left; width: 62px; }
aside .meet-us h2 { margin: 0px 0px 5px 10px; color: #132028; }
aside .meet-us p { margin: 0px 6px 4px 11px; line-height: 18px; font-size: 13px; color: #132028 }
aside .wide-divider { height: 5px; background-color: #dfdede; width: 205px; margin: 28px auto; }
aside .related-stories { width: 202px; margin: 6px auto; }
aside .related-stories h2 { color: #132028; padding-left: 30px; height: 23px; background: url(../img/talk.gif) left no-repeat; margin: 0px 0px 8px 0px; }
aside .related-stories ul { padding: 0px 0px 0px 0px; }
aside .related-stories ul li { list-style-type: none; background: url(../img/arrow_right_blue.png) left 18px no-repeat; padding: 12px 0px; border-bottom: 1px solid #dfdede; }
aside .related-stories ul li a { display: block; padding: 0px 0px 0px 16px; font-family: "Lato Regular", Arial, sans-serif; }
aside .related-stories ul li a:hover { text-decoration: none; color: #0295cb; }
aside .related-stories ul li span { color: #009b48; display: block; padding-left: 16px; font-size: 12px; }
aside .related-stories ul li span span { color: #132028; display: inline; padding-left: 0px;}
aside .view-latest-stories ul li span span { display: none; }
aside .related-stories .blue-button { margin: 30px auto 2px auto; width: 134px; display: block; }
aside .tips { width: 202px; margin: 0px auto; }
aside .tips h2 { color: #132028; height: 28px; padding-left: 30px; background: url(../img/lightbulb.gif) left no-repeat; margin: 0px 0px 8px 0px; }
aside .tips ul { padding: 0px 0px 0px 0px; }
aside .tips ul li { list-style-type: none; background: url(../img/li_green.png) left 18px no-repeat; padding: 12px 0px; }
aside .tips ul li a { color: #132028; display: block; padding: 0px 0px 0px 16px; font-family: "Lato Regular", Arial, sans-serif; }
aside .tips ul li a:hover { text-decoration: none; color: #0295cb; }
aside .tips .blue-button { margin: 30px auto 2px auto; width: 108px;display: block; }
aside .view-latest-tips .title { padding-left: 16px; color: #0295cb; font-weight: bold; }
aside .faqs { width: 202px; margin: 6px auto; }
aside .faqs h2 { color: #132028; padding-left: 30px; background: url(../img/talk2.gif) top left no-repeat; margin: 0px 0px 8px 0px; }
aside .faqs p { line-height: 15px; color: #132028; font-family: "Lato Regular", Arial, sans-serif; }
aside .faqs a.blue-button { margin-left: auto; margin-right: auto; width: 113px; display: block; }
aside .faqs a.blue-button:last-child { margin: 8px auto 28px auto; width: 143px; }
div.left { float: left; width: 701px; }
.breadcrumbs { color: #2e424d; font-size: 12px; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.breadcrumbs a { color: #83898c; }
.breadcrumbs .active { color: #2e424d; }
.filter { background-color: #e9e8e8; width: 100%; height: 62px; padding: 13px 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.filter select { float: left; width: 230px; height: 30px; margin-top: 3px; }
.filter .blue-button { float: right; }
/* hide the labels that Views puts in, style Views elements in general */
.views-exposed-form label { display: none; }
.view-filters form { float: left; }
.views-exposed-form .views-exposed-widget { padding: 0 1em 0 0; }
.item-count { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 30px; line-height: 46pt; color: #b7b4b4; }
.item-list { width: 100%; padding: 8px 0px; border-top: 5px solid #dfdede; text-align: left; overflow: hidden; }
ul.pager { padding: 0 0 0 8px; margin-top: 6px; }
ul.pager li { float: left; margin: 0px 2px; width: 26px; height: 26px; color: #00a24d; list-style-type: none; text-align: center; }
ul.pager li.pager-first, ul.pager li.pager-last { display: none; }
.item-list .pager li { padding: 0; }
ul.pager li.pager-current { font-size: 13px; width: 26px; height: 26px; text-align: center; color: #fff; background: url(../img/circle_green.png) no-repeat; display: block; padding: 4px 0px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
ul.pager li.pager-next a, ul.pager li.pager-previous a { color: #fff; text-indent: -5000px; }
ul.pager li.pager-next a { background: url(../img/circle_arrow_right.png) no-repeat; }
ul.pager li.pager-previous a { background: url(../img/circle_arrow_left.png) no-repeat; }
ul.pager li a { font-size: 13px; width: 26px; height: 26px; text-align: center; color: #00a24d; background: url(../img/circle.png) no-repeat; display: block; padding: 4px 0px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
ul.pager li a img { vertical-align:top; padding-top:6px; }
ul.pager li a:hover { text-decoration: none; }
ul.pager li a.active { background: url(../img/circle_green.png) no-repeat; color: #fff; }
.box-heading { width: 100%; background-color: #2e424d;padding: 21px 0px 7px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-heading h2 { margin:0px; color: #f0ecec; }
.box-heading + .article-list { margin-top: 10px; }
.gallery { background-color: #e9e8e8; overflow: hidden; }
.gallery .largeimage { width: 700px; height: 395px; float: left;}
.gallery .galleryimage { width: 95px; height: 52px; overflow: hidden; cursor:pointer; margin: 1px; float: left; }
.gallery .galleryimage img { width: 95px; }
/* home page */
.overlay { display:none; width: 100%; height: 100%; position:fixed; background: #111; opacity: 0.7; z-index: 100; filter: alpha(opacity=70); }
.video-player-wrapper { display: none; position: absolute; left: 50%; z-index: 150; }
.video-player { position: relative; left: -50%; top: 40px; z-index: 150; width: 960px; height: 542px; background-color: #acacac; }
.carousel { width: 100%; position:absolute; height: 1200px; overflow: hidden; top: 0px; z-index: 0; transform: scale(1.0001); }
.carousel .slide { width: 100%; max-width: 1406px; margin: 0 auto; position: relative; overflow: visible; height: 778px; }
.carousel .controls { position: absolute; top: -285px; right: -8px; z-index: 50; width:103px; height: 48px; background: url(../img/dots_back.png) center center no-repeat; background-size: cover; padding: 0px 20px 0px 0px; }
.carousel .controls > a { width: 13px; height: 12px; background: url(../img/dot_blue.png) no-repeat; margin-left: 8px; margin-top: 20px; display: block; float: left; }
.carousel .controls > a:first-child { margin-left: 24px; }
.carousel .controls > a.active { background: url(../img/dot_yellow.png) no-repeat; }
.carousel .play-video { position: absolute; top: 400px; left: 700px; z-index: 50; display: block; }
.quotebox { position:absolute; top: -533px; width: 470px; height: 215px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; background: url(../img/quote_box.png); }
.quotebox div.big { color: #132028; font-size: 34px; padding: 35px 20px 0px 25px; letter-spacing: 1.2px; line-height: 38px; position: relative; z-index: 5; } /* */
.quotebox a.small { color: #132028; position: absolute; bottom: 14px; left: 25px; font-size: 14px; }
.quotebox img.quotegraphic { position: absolute; bottom: 46px; right: 20px; }
.stories { position: relative; margin-top: 368px; width: 965px; height: 288px; background: url(../img/stories_bg.png); }
.stories h2 { padding: 20px 0px 0px 16px; margin-bottom: 0px; letter-spacing: 1px; }
.stories .right { width: 470px; float: right; text-align: right; padding-right: 20px; padding-top: 22px; }
.stories .right a { padding-left: 15px; color: #f0ecec; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; letter-spacing: 1px; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.stories .right a:hover { color: #0295c9; }
.stories .right a > img { padding-left: 6px; padding-top: 6px; }
.stories .story { width: 220px; height: 212px; margin: 24px 0px 0px 16px; float: left; }
.stories .story:last-child { margin-right: 0px; }
.stories .story .content { background: #132028; width: 220px; height: 165px; position: relative; }
.stories .story .content > a { /*display: block; position: absolute; left: 14px; bottom: 16px; */ }
.stories .story .content .text { padding-right: 5px; line-height: 26px; display: block; position: absolute; left: 14px; bottom: 16px; color: #335365; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 29px; text-transform: uppercase; } /* */
.stories .story .content .speaker { position:absolute; top: 50px; left: 85px; z-index: 10; }
.stories .story .content .rollover { display: none; background: #132028; position: absolute; width: 220px; height: 165px; color: #fff; z-index: 15; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stories .story .content:hover .rollover { display:block; }
.stories .story .content .rollover a { text-transform: uppercase; display: block; padding-top: 14px; color: #fff; }
.stories .story .content .rollover a:hover { color: #0295c9; }
.stories .story .details { color: #132028; font-size: 12px; padding: 6px; }
.view-stories .content { background: #132028; width: 220px; height: 165px; position: relative; }
.view-stories .content .text { padding-right: 5px; display: block; position: absolute; left: 14px; bottom: 16px; color: #335365; line-height: 26px; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 29px; text-transform: uppercase; } /* */
.view-stories .article-preview .speaker { position:absolute; top: 50px; left: 85px; z-index: 10; }
.panel-row { position:relative; overflow: hidden; margin-top: 20px }
.panel-row .panel { float: left; width: 307px; height: 392px; margin-right: 17px; background: url(../img/panel_bg.png) }
.panel-row .panel h2 { margin: 0px; padding: 20px 0px 0px 16px; letter-spacing: 1px; }
.panel-row .panel ul { margin-top: 32px; padding: 0 10px 0 31px; }
.panel-row .panel ul li { list-style-image: url(../img/li_green.png); margin-top: 14px; }
.panel-row .panel ul li a { color: #132028; }
.panel-row .panel ul li a:hover { color: #0295c9; }
.panel-row .panel > a { color: #132028; text-transform: uppercase; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; padding: 24px 10px 20px 16px; display: block }
.panel-row .panel > a:hover { text-decoration: none; color: #0295c9; }
.panel-row .panel .photogrid { margin: 28px 0px 0px 22px; overflow: hidden; }
.panel-row .panel .photogrid img { float: left; }
.panel-row .panel .bottombox { color: #132028; font-family: "Lato Regular", Arial, sans-serif; clear: both; padding: 14px; 13px; width: 268px; height: 92px; margin-left: 17px; background: #cada44; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); position:relative; }
.panel-row .panel .bottombox > a { color: #132028; text-transform: uppercase; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; padding: 14px 10px 20px 0px; display: block }
.panel-row .panel .bottombox > a:hover { text-decoration: none; color: #0295c9; }
.panel-row .panel-small { float: left; width: 316px; height: 191px; background: url(../img/panel_small_bg.png) left bottom no-repeat; }
.panel-row .panel-small:last-child { margin-top: 14px; }
.panel-row .panel-small h2 { margin: 0px; padding: 11px 13px 0px 0px; letter-spacing: 1px; }
.panel-row .panel-small .text { color: #fff; position: relative; padding: 0px 0px 0px 11px; font-family: "Lato Regular", Arial, sans-serif; }
.panel-row .panel-small .text a:last-child { color: #fff; float: right; padding-right: 36px; }
.panel-row .panel-small .text a:last-child:hover { color: #0295c9; }
.panel-row .panel-small .text > a > img { position: absolute; right: 14px; bottom: 2px; }
.home-quote {
margin: 20px auto;
background-image: url(../img/home-quote-bg.png);
background-position: center;
background-repeat: no-repeat;
width: 798px;
padding: 0 83px;
height: 86px;
overflow: hidden;
text-align: center;
}
.home-quote h2 {
font-size: 24px;
line-height: 24px;
}
/* end home page */
/* articles page */
.article-list { width: 100%; overflow: hidden; margin: 25px 0px 15px 0px; }
.article-list .article-preview { width: 220px; margin-left: 18px; height: 301px; background: url(../img/article_bottom.png) bottom left; float: left; margin-bottom: 34px; position: relative; }
.programs-services .article-list .article-preview .text,
.for-youth .article-list .article-preview .text,
.view-articles .article-list .article-preview .text {
display: block;
color: #335365;
font-family: "franklin-gothic-urw-cond",Arial,sans-serif;
font-size: 29px;
font-weight: bold;
letter-spacing: 1px;
line-height: 26px;
text-transform: uppercase;
padding: 18px 5px 16px 14px;
height: 130px;
background-color: #132028;
overflow: hidden;
position: relative;
z-index: 8;
width: 200px;
}
.for-youth .article-list.view-stories .article-preview .text { padding: 0px 5px 0px 0px; display: block; position: absolute; left: 14px; bottom: 16px; color: #335365; line-height: 26px; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 29px; text-transform: uppercase; height: auto; } /* */
.programs-services .article-list .article-preview .image,
.for-youth .article-list .article-preview .image,
.view-articles .article-list .article-preview .image {
position: absolute;
z-index: 9;
}
.for-youth .article-list.view-stories .article-preview .image { position: relative; }
.article-list .article-preview .text p {
color: #335365;
font-family: "franklin-gothic-urw-cond",Arial,sans-serif;
font-size: 29px;
font-weight: bold;
letter-spacing: 1px;
line-height: 26px;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.article-list .article-preview.profile { background: url(../img/profile_bottom.png) bottom left; clear: none; }
.article-list .views-row-1, .article-list .views-row-4, .article-list .views-row-7, .article-list .views-row-10, .article-list .views-row-13, .article-list .views-row-16, .article-list .views-row-19 { margin-left: 0px; }
.article-list .item1, .article-list .item4, .article-list .item7, .article-list .item10, .article-list .item13, .article-list .item16, .article-list .item19 { margin-left: 0px; }
.article-list .article-preview .image { width: 220px; height: 164px; overflow: hidden; }
.article-list .article-preview h5 { line-height: 20px; margin: 10px 10px; color: #2e424d; font-size: 17px }
.article-list .article-preview h5 a { text-decoration: none; color: #0295cb; font-weight: normal; }
.article-list .article-preview h5 a:hover { text-decoration: underline; color: #0295cb; }
.article-list .article-preview p { color: #132028; margin: 0px 10px; overflow: hidden; font-family: "Lato Regular", Arial, sans-serif; font-size: 13px; line-height: 18px; }
.article-content .article-list .article-preview p { color: #132028; margin: 0px 10px; overflow: hidden; font-family: "Lato Regular", Arial, sans-serif; font-size: 13px; line-height: 18px; }
.article-quote { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-bottom: 12px; border-top: 1px dotted #d2e155; border-bottom: 1px dotted #d2e155; margin-bottom: 24px; } /* padding: 16px 90px 30px 90px */
.article-quote div { background: url(../img/quote_green.png) 20px 20px no-repeat; min-height: 60px; padding: 30px 90px 0px 90px; color: #c0d240; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 26px; line-height: 1.2; letter-spacing: 1.3px; }
.article-quote span { display: block; font-family: "Lancuna", Arial, sans-serif; font-size: 16px; color: #6b732f; letter-spacing: 1.3px; margin-top: 0px; padding: 0px 90px 10px 90px; }
/* end articles page */
/* story page */
.story-content strong, .story-content b { color: #132028; }
.story-content p { margin: 30px 0px; }
.story-content h5 + p { margin-top: 12px; }
.story-content h6 + p { margin-top: 12px; }
.story-content ul li { font-size: 16px; }
.story-content a { color: #0295cb; }
.story-content a:hover { color: #666; }
.story-content .main-image { width: 700px; height: 395px; position:relative; }
.story-content .main-image .speaker { position: absolute; top: 120px; left: 300px; }
.story-content .main-image .play-audio { position: absolute; width: 260px; top: 290px; left: 240px; text-align: center; color: #74c1e1; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.story-content .main-image .play-audio:hover { text-decoration: underline; }
.story-content .main-image .play-audio.stop { display: none; }
.story-content .audiojs { display:none; }
.story-content .blue-button { margin: 16px 0px; width: 150px }
.story-content .story-details { color: #7d8487; line-height: 16px; margin-bottom: 16px; font-size: 13px; line-height: 1.3; font-family: "Lato Regular", Arial, sans-serif; }
.story-content .story-details .tags { color: #2e424d; }
.story-content .story-details .tags a { color: #0295cb; }
.story-content .story-details .tags a:hover { color: #132028; text-decoration: none; }
.story-content .shareoptions { width: 100%; border-bottom: 5px solid #dfdede; padding-bottom: 10px; overflow: hidden; }
.story-content .shareoptions .social { float: left; }
.story-content .shareoptions .print { float: right; color: #0295cb; }
.story-content .shareoptions .print a { color: #0295cb; font-size: 13px; }
.shareoptions .stButton .stArrow,
.story-content .shareoptions .stButton .stArrow {
display: none;
}
.story-content .story-columns { width: 100%; overflow: hidden; }
.story-content .story-left-column { float: left; width: 230px; margin-top: 20px; }
.story-content .story-left-column h3 { margin-top: 220px; padding-right: 15px; }
.story-content .story-left-column a { display: block; margin-left: -23px; position: absolute; }
.story-content .story-text { width: 450px; float: right; margin-top: 55px; color: #666; font-family: "Lato Regular", Arial, sans-serif; }
.story-content .story-text p { margin-bottom: 24px; margin-top: 0px; line-height: 1.7; }
.story-content .story-text p:first-child:first-letter { font-size: 400%; padding: 0px 12px 0px 2px; float: left; margin-top: -22px; color: #2e424d; }
.story-content .story-text .blue-button { display:block; margin-top: 40px; width: 163px; }
.audioplayer { float: right; }
/* for article details */
.article-content { font-family: "Lato Regular", Arial, sans-serif; }
.article-content p { margin: 30px 0px; }
.article-content h5 + p { margin-top: 12px; }
.article-content h6 + p { margin-top: 12px; }
.article-content ul li { font-size: 16px; }
.article-content strong, .article-content b { color: #132028; }
.article-content a:not(.blue-button) { color: #0295cb; }
.article-content a:hover:not(.blue-button) { color: #666; }
.article-content .main-image { width: 700px; } /* height: 395px; */
.main-image + .main-image { margin-top: 30px; }
.article-content .blue-button { margin: 16px 0px; float: left; } /* width: 160px */
.article-content .shareoptions { width: 100%; border-bottom: 5px solid #dfdede; padding-bottom: 10px; overflow: hidden; clear: both; }
.article-content .shareoptions .social { float: left; }
.article-content .shareoptions .print { float: right; color: #0295cb; }
.article-content .shareoptions .print a { color: #0295cb; font-size: 13px; }
.article-content .article-text { color: #666; margin-top: 55px; }
.article-content .article-text p { margin-bottom: 24px; margin-top: 0px; line-height: 1.7; font-family: "Lato Regular", Arial, sans-serif; }
.article-content .article-text p:first-child:first-letter { font-size: 400%; padding: 0px 12px 0px 2px; float: left; margin-top: -8px; color: #2e424d; }
.article-content .article-text h4 + p:first-letter { font-size: 400%; padding: 0px 12px 0px 2px; float: left; margin-top: -22px; color: #2e424d; }
.article-content .youtubeplayer { width: 700px; position:relative; }
.article-content .youtubeplayer .play-button { position: absolute; top: 140px; left: 320px; }
/* no margin top if no big image or video */
.article-content > .article-text:first-child { margin-top: 20px; }
/* end story page */
/* contact page */
.contact-page .top { border-bottom: 5px solid #dfdede; overflow:hidden; margin: 20px 0px 40px 0px; }
.contact-page .top img { float: left; padding-right: 16px; }
.contact-page .top .col { width: 350px; float: left; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: normal; font-size: 19px; }
.contact-page .top .col h2 { color: #2e424d; font-size: 24px; margin: 0px; }
.contact-page .top .col p { padding: 10px 0px 0px 30px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: normal; font-size: 19px; }
.contact-page .top .col .contact-id { font-size: 18px }
.contact-page .section { width: 350px; float: left; padding-right: 24px; padding-bottom: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height:250px; }
.contact-page .section .title { font-size: 16px; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.contact-page a { color: #0295cb; }
/* for youth template */
.tab-container .article-list { margin-top: 0px; }
.tab-container { border-bottom: 1px solid #2e424d; }
.article-content .tabs { width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: -1px; }
.article-content .tabs .tab { padding: 0px 21px; background-color: #e9e8e8; float: left; border-bottom: 1px solid #2e424d; }
.article-content .tabs .tab a { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 17px; letter-spacing: 1.2px; display:block; width: 100%; line-height: 52px; background: none; color: #2e424d; text-transform: uppercase; }
.article-content .tabs .tab.active { background-color: #2e424d; border-bottom: none; height: 53px; }
.article-content .tabs .tab.active a { color: #e9e8e8; background: url(../img/arrow_up_white.png) center 45px no-repeat; height: 53px; }
.tab-container .article-list > p { padding-top: 16px; padding-bottom: 24px; margin-top: 0px; line-height: 1.2; color: #666666; }
.tabcontent .view-content { width: 701px; }
.tabcontent p:first-child { margin-top: 0px; }
/* get help now */
.get-help-page .top { border-bottom: 5px solid #dfdede; overflow:hidden; margin: 20px 0px 40px 0px; }
.get-help-page .top img { float: left; padding-right: 16px; }
.get-help-page .top .col { width: 350px; float: left; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: normal; font-size: 19px; margin-bottom: 10px;}
.get-help-page .top .col h2 { color: #2e424d; font-size: 24px; margin: 0px 0px 4px 0px; }
.get-help-page .top .col .contact-id { padding-left: 40px; font-size: 24px; }
.get-help-page .top .col p { padding: 10px 0px 0px 40px; margin-top: 0px; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: 700; }
.get-help-page h2 { color: #2e424d; }
.get-help-page .section { width: 350px; float: left; padding-right: 24px; padding-bottom: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.get-help-page .section .title { font-size: 16px; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.get-help-page a { color: #0295cb; }
/* Get Involved */
.get-involved h3 { margin-top: 10px; }
.get-involved .section { width: 100%; padding: 10px 0px 24px 0px; border-top: 2px solid #dfdede; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.get-involved .section img { float: left; margin-top: 5px; }
.get-involved .section .image { padding-right: 10px; overflow: hidden; width: 170px; float: left; height: 180px; }
.get-involved .section .text { float: left; width: 500px; margin-left: 14px; font-family: "Lato Regular", Arial, sans-serif; }
.get-involved .section .no-image { margin-left: 0; }
.get-involved h5 { margin-top: 0px; margin-bottom: 4px; }
.get-involved .section .text p { margin: 1em 0; }
.get-involved h6 { margin-top: 0px; margin-bottom: 12px; }
.get-involved .section .title { font-size: 17px; color: #0295cb; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.get-involved a { color: #0295cb; }
.get-involved a:hover { color: #666; }
.get-involved .section h5 { color: #5fac3e; margin-top: 4px; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
/* Local Contacts */
.local-contacts .list { width: 100%; overflow: hidden; margin-top: 20px; }
.local-contacts .list .column { width: 210px; float: left; padding-right: 20px; }
.local-contacts .list .contact-item { width: 210px; float: left; overflow: hidden; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #dfdede; padding-top: 14px; }
.local-contacts .list .contact-item .title { font-size: 24px; line-height: 28px; font-family: "Lato Regular", LatoRegular, Arial, sans-serif; color: #5fac3e; }
.local-contacts .list .contact-item p { font-size: 16px; line-height: 20px; }
.local-contacts .list .contact-item p a { font-size: 16px; line-height: 20px; font-family: "Lato", Arial, sans-serif; color: #0295cb; font-weight: 400; }
.local-contacts .list .latlong { display: none; }
.google-map { width: 700px; height: 394px; }
.google-map .bubble { overflow:hidden;background-color:#fff;padding: 10px; }
.google-map .bubble p { font-size: 12px }
.google-map .bubble .title { font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: 700; }
.google-map .bubble .latlong { display:none;}
/* Programs and Services Summary */
.programs-services .box-heading + p { padding: 8px 10px 2px 8px; }
/* faqs */
.faqs { }
.faqs .question { padding-top: 10px; border-top: 2px solid #dfdede; }
.faqs .answer { margin-bottom: 40px; }
.faqs .answer h6 { margin: 12px 0px 10px 0px; }
/* Tips */
.tip { width: 220px; margin-left: 18px; height: 139px; background: url(../img/article_bottom.png) bottom left; float: left; margin-bottom: 34px; }
.tip .views-label-created { display: inline-block; color: #939393; font-size: 12px; padding: 10px 0px 0px 10px; }
.tip .posted { display: inline-block; color: #00a24d; font-size: 12px; }
.tip h5 { margin: 7px 10px; font-size: 17px; }
.tip h5 a { text-decoration: none; color: #0295cb; }
.tip p { margin: 0px 10px; overflow: hidden; line-height: 1.4; font-size: 14px }
/* article rows on issues page */
.article-rows .views-row { padding-top: 10px; border-top: 2px solid #dfdede; overflow:hidden; margin-bottom: 40px; }
.article-rows .image { float: left; padding-right: 14px; }
.article-rows .title { font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.article-rows .title a { font-size: 16px; color: #0295cb; line-height: 20px; }
.article-rows .title a:hover { text-decoration: underline; }
.article-rows .views-field-field-short-description { display: block; }
/* share your story form */
#block-webform-client-block-70 { width: 100%; background: #e8e8e8; padding: 10px 14px 30px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#block-webform-client-block-70 input[type='text'], #block-webform-client-block-70 input[type='email'] { width: 100%; padding-left: 12px; color: #666; border: 1px solid #d1d1d1; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#block-webform-client-block-70 label { color: #323d43; margin-bottom: 10px; }
#block-webform-client-block-70 input[type='submit'] { background-color: #0295cb; text-align:center; padding: 8px 20px; color: #f0ecec; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); position:relative; }
#block-webform-client-block-70 input[type='submit']:hover { background-color: #0f83ae; }
#block-webform-client-block-70 .form-type-radio { display: inline-block; margin-right: 12px; }
#block-webform-client-block-70 .description { margin-top: 10px; }
.article-content .disclaimer { margin-top: 40px; padding-top: 14px; border-top: 5px solid #dfdede; }
/* Project details */
.project .project-details { margin-bottom: 20px; }
.publication .publication-details { margin-bottom: 20px; float: left; }
.publication .blue-button { width: 190px }
/* search results */
.view-search .view-filters { display: none; }
.view-search .label { float: left; padding: 11px 21px; width: 250px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 18px; letter-spacing: 1.3px; }
.view-search .tab-container { border-bottom: 1px solid #2e424d; }
.view-search .tabs { width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: -1px; }
.view-search .tabs .tab { padding: 0px 21px; background-color: #e9e8e8; float: left; margin-right: 2px; border-bottom: 1px solid #2e424d; }
.view-search .tabs .tab a { font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; font-size: 17px; letter-spacing: 1.2px; display:block; width: 100%; line-height: 52px; background: none; color: #2e424d; text-transform: uppercase; }
.view-search .tabs .tab.active { background-color: #2e424d; border-bottom: none; height: 53px; }
.view-search .tabs .tab.active a { color: #e9e8e8; background: url(../img/arrow_up_white.png) center 45px no-repeat; height: 53px; }
.view-search .search-field { position: relative; width: 100%; background: #e9e8e8; padding: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.view-search .search-field input[type='text']{ width: 100%; padding-left: 12px; color: #666; border: 1px solid #d1d1d1; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.view-search .search-field .search { display: block;position: absolute;top: 29px;right: 29px; }
.search-results .section { width: 100%; padding: 10px 0px 24px 0px; border-top: 2px solid #dfdede; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-results .section img { float: left; margin-top: 5px; }
.search-results .section .image { padding-right: 10px; overflow: hidden; width: 170px; float: left; height: 180px; }
.search-results .section .text { float: left; width: 500px; margin-left: 14px; font-family: "Lato Regular", Arial, sans-serif; }
.search-results h5 { margin-top: 0px; margin-bottom: 4px; }
.search-results .section .text p { margin: 1em 0; }
.search-results h6 { margin-top: 0px; margin-bottom: 12px; }
.search-results .section .title { font-size: 17px; color: #0295cb; font-family: "Lato", Arial, sans-serif; font-weight: 700; }
.search-results a { color: #0295cb; }
.search-results a:hover { color: #666; }
/* New People Profile list */
.people-list {
margin-top: 13px;
}
.people-list-item {
display: block;
clear: both;
margin: 0 0 10px;
border-top: 2px solid #dfdede;
padding-top: 10px;
}
.people-list-item .image {
float: left;
margin: 4px 20px 20px 0;
width: 220px;
}
.people-list-item .image img {
max-width: 100%;
display: block;
}
.people-list-item .text {
margin-left: 240px;
}
.people-list-item .text h3 {
font-weight: 700;
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
padding: 0;
margin: 0 0 8px;
border: none;
}
.people-list-item .text h6 {
margin: 0;
}
.people-list-item .text h5 {
margin: 0 0 10px;
font-family: "franklin-gothic-urw-cond", "Lato Regular", Lato, Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 30px;
color: #c1d342;
}
.people-list-item .text p {
margin: 0 0 10px;
}
/* temp social media hide */
header .top .fb > a.fbgraffiti { display: none ; }
footer .connected > a.fbfooter { display: none; }
/* mobile home */
.mobile { width: 640px; background: url(../img/texture_mobile.gif) repeat-y; overflow: hidden; }
.mobile a.clear { clear: both; }
.mobile .grey-button { margin: 0px 0px 12px 0px; background-color: #d9d9d9; text-align:center; padding: 13px 30px; color: #000; letter-spacing: 1px; font-family: "Lato Bold", Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; display: inline-block; font-size: 26px; }
.mobile .grey-button:hover { background-color: #ccc; }
.mobile .blue-button { color: #fff; font-size: 26px; margin: 0px 0px 12px 0px; background-color: #0295cb; text-align:center; padding: 13px 30px; letter-spacing: 1px; font-family: "Lato Bold", Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: uppercase; border-radius: 35px; ; -moz-border-radius: 35px; ; -webkit-border-radius: 35px; ; display: inline-block; }
.mobile .blue-button:hover { background-color: #0f83ae; }
.mobile .green-button { margin: 0px 0px 12px 0px; font-size: 26px; background-color: #4c8832; text-align:center; padding: 13px 30px; color: #fff; letter-spacing: 1px; font-family: "Lato Bold", Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: uppercase; border-radius: 35px; ; -moz-border-radius: 35px; ; -webkit-border-radius: 35px; ; display: inline-block; }
.mobile .green-button:hover { background-color: #335923; }
.mobile .dark-button { margin: 0px 0px 12px 0px; font-size: 26px; background-color: #1e2b33; text-align:center; padding: 13px 30px; color: #fff; letter-spacing: 1px; font-family: "Lato Bold", Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: uppercase; border-radius: 35px; ; -moz-border-radius: 35px; ; -webkit-border-radius: 35px; ; display: inline-block; }
.mobile .dark-button:hover { background-color: #355060; }
.mobile .logo { width: 100%; height: 350px; overflow: visible; position: relative; padding-left: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .logo img { float: left; }
.mobile .logo img.first { margin-right: 22px; }
.mobile .logo img.second { margin-top: 90px; }
.mobile .logo .sticker { position: absolute; z-index: 2; bottom: -40px; left: 50px; width: 541px; height: 83px; background: url(../img/green_heading_back.png); text-align:center; }
.mobile .logo .sticker > h2 { font-size: 26px; color: #fff; line-height: 28px; margin-top: 12px; }
.mobile .helpline { padding: 62px 0px 20px 0px; width: 100%; font-size: 36px; height: 234px; background: url(../img/help_back.gif); text-align: center; color: #132028; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .helpline .number { margin: 6px auto; width: 408px; height: 80px; font-size: 44px; line-height: 44px; font-weight: normal; background: url(../img/static_help_option_back_over_m.gif) repeat; padding: 20px 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .helpline .number a { color: #132028; }
.mobile .helpline .number:hover { background: url(../img/static_help_option_back_m.gif) repeat-x; }
.mobile .helpline .number > img { float: left; }
.mobile .spray { width: 100%; color: #fff; font-family: "Lancuna", Arial, sans-serif; font-size: 36px; text-align: center; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../img/green_splash.jpg); }
.mobile .findus { cursor: pointer; background-color: #0094cb; height: 134px; padding: 40px; box-shadow: 0 3px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .findus h2 { color: #fff; float: left; font-size: 44px; line-height: 44px; margin-top: 6px; }
.mobile .findus > img { float: left; margin-right: 18px; margin-top: 6px; }
.mobile .findus .downarrow { float: right; margin-top: 0px; margin-right: 0px; }
.mobile .findus .closeicon { display: none; float: right; margin-top: 0px; margin-right: 0px; }
.mobile .findus-content { /*display: none;*/ color: #fff; background-color: #0094cb; }
.mobile .findus-content .place-name { height: 0px; overflow: hidden; cursor:pointer; border-top: 0px solid #00739e; font-family: "Lancuna", Arial, sans-serif; font-size: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobile .findus-content .place-name.open { height: auto; padding: 30px 40px; border-top: 2px solid #00739e; }
.mobile .findus-content .place-name > img { float: right; margin-top: 6px; margin-right: 13px; }
.mobile .findus-content .place-name > div { width: 470px; float: left; }
.mobile findus-content .place-name.shadow { box-shadow: 0 3px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.6); }
.mobile .findus-content .place-details { height: 0px; overflow: hidden; background-color: #00739f; font-size: 26px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .findus-content .place-details.open { height: auto; padding: 30px 40px;}
.mobile .findus-content .place-details .name { font-family: "Lancuna", Arial, sans-serif; font-size: 36px; height: auto; overflow: hidden; margin-bottom: 10px; }
.mobile .findus-content .place-details .name > div { width: 470px; float: left; }
.mobile .findus-content .place-details .name > a { display: block; float: right; }
.mobile .findus-content .place-details a { color: #95dcf9; }
.mobile .findus-content .place-details a { font-size: 28px !important; }
.mobile .findus-content .place-details span { font-size: 28px !important; }
.mobile .findus-content .place-details p { font-size: 28px !important; }
.mobile .faqs { text-align: center; padding: 55px 0px; }
.mobile .faqs h2 { font-size: 44px; line-height: 44px; margin-left: auto; margin-right: auto; width: 100px; height: 45px; color: #000; background: url(../img/talk_mobile.png) left center no-repeat; padding-left: 65px; margin-bottom: 18px; margin-top: 0px }
.mobile .faqs .pagecount { width: 139px; height: 74px; padding-top: 6px; font-size: 36px; line-height: 36px; margin: 0 auto; background: url(../img/yellow_background.png) no-repeat; text-align: center; font-family: "Lancuna", Arial, sans-serif; color: #2e424d; }
.mobile .faqs .pagecount span { font-size: 22px; }
.mobile .faqs ul { padding: 0; margin: 0; }
.mobile .faqs .title { font-family: "Lato Bold", Arial, sans-serif; color: #0094cb; font-size: 40px; }
.mobile .faqs p { margin: 20px 0px; font-size: 38px; line-height: 44px; color: #000 }
.mobile .faq { /*padding: 0px 40px;*/ margin-bottom: 20px; }
.mobile .faq p { padding: 0px 40px; }
.mobile .faq ul li { font-size: 38px; margin-left: 20px; list-style-image: none; list-style-type: none }
.mobile .faq ul li:before{
padding-right: 12px;
content: url("../img/li_green_m.png");
}
.mobile .faq .answer { height: 148px; overflow:hidden; }
.mobile .faqs .pager { width: 160px; margin: 20px auto; overflow: hidden; }
.mobile .faqs .pager a { background: url(../img/dot_yellow_m.png); width: 24px; height: 24px; margin: 0px 4px; display: block; float: left; }
.mobile .faqs .pager a.active { background: url(../img/dot_blue_m.png); }
.mobile .articles { background: #5fac3e url(../img/articles_back.png) center bottom no-repeat; overflow: hidden; text-align: center; color: #fff; padding: 45px; }
.mobile .articles h2 { font-size: 44px; line-height: 44px; margin-left: auto; margin-right: auto; width: 220px; height: 45px; color: #fff; background: url(../img/articles.png) left center no-repeat; padding-left: 30px; margin-bottom: 18px; margin-top: 0px }
.mobile .articles p { padding: 0 40px; font-size: 38px; line-height: 44px; }
.mobile .storiesm { background: #2e424d url(../img/articles_back.png) center bottom no-repeat; overflow: hidden; text-align: center; color: #fff; padding: 45px; }
.mobile .storiesm h2 { font-size: 44px; line-height: 44px; margin-left: auto; margin-right: auto; width: 200px; height: 45px; color: #fff; background: url(../img/comments_m.png) left center no-repeat; padding-left: 40px; margin-bottom: 18px; margin-top: 0px }
.mobile .storiesm p { padding: 0 40px; font-size: 38px; line-height: 44px; }
.mobile .totop { width: 100%; height: 131px; background: url(../img/back_to_top_back.gif); padding-top: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .totop .backtotop-button { margin: 0 auto; display: block; font-size: 26px; line-height: 63px; background: url(../img/back_to_top.gif) no-repeat; width: 385px; height: 63px; text-align:center; color: #000; letter-spacing: 1px; font-family: "Lato Bold", Arial, sans-serif; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.mobile .links { padding: 60px 40px; }
.mobile .links ul { padding-left: 0px; }
.mobile .links li { list-style-image: none; list-style-type: none; }
.mobile .links h2 { color: #000; font-size: 48px; margin-top: 0px; margin-bottom: 30px; line-height: 48px; }
.mobile .links ul li a { display: block; margin-top: 55px; text-transform: uppercase; font-size: 38px; color: #5fac3e; line-height: 26px; font-family: "Lato", Arial, sans-serif; margin-bottom: 16px; font-weight: 700; }
.mobile .links ul li li a { line-height: 25px; font-size: 32px; color: #666; display: block; text-decoration: none; text-transform:none; margin-top: 0px; font-weight: normal; font-family: "Lato Regular", Arial, sans-serif; }
.mobile .links ul li li a:hover { text-decoration: underline; }
/*.mobile .links a + h5 { margin-top: 40px; }*/
.mobile .footer { background: url(../img/back_to_top_back.gif); background-size: cover; height: 260px; padding: 40px; text-align: center; color: #9b9b9c; font-size: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobile .footer a+p { margin-top: 30px; }
.mobile .footer p { font-size: 26px; line-height: 32px; margin-bottom: 10px; margin-top: 12px; }
.mobile .footer p> a { color: #9b9b9c; }
.mobile .footer a > img { margin-left: 8px; }
.admin-edit-button {
position: absolute;
top: 79px;
left : 10px;
height: 30px;
line-height: 32px;
font-size: 15px;
font-weight: bold;
padding: 0 10px;
border: 2px solid #000000;
background-color: #FFFFFF;
color: #000000;
z-index: 100;
}
.container-help {
float:left;
width: 307px;
margin-right:17px;
}
.container-help .panel {
float:none;
height: 196px;
}
.container-help .panel ul li {
margin-top: 7px;
}
.container-help .panel a {
padding:4px 10px 20px 16px
}
.container-help .tool-link {
background-image:url('../img/tool.gif');
width:309px;
height:189px;
background-repeat: no-repeat;
box-sizing: border-box;
padding:20px;
margin-top:17px;
}
.container-help .tool-link h2 {
margin: 0;
text-transform: inherit;
}
.container-help .tool-link p {
width:250px;
font-family: "Lato Regular", Arial, sans-serif;
color:white;
font-size:14px;
line-height:16px;
}
.container-help .tool-link a {
text-transform: uppercase;
font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
font-weight: bold;
}
.tool {
}
.tool .image {
margin-left: 14px;
margin-top: 16px;
}
.tool .image a.link-container {
background-image:url('../img/tool-side.gif');
width:198px;
height:203px;
display:block;
color:white;
box-sizing: border-box;
padding: 10px;
}
.tool .image a h2 {
text-transform: none;
color: white;
margin-top: 0;
margin-bottom: 7px;
}
.tool .image a h2 .green {
text-transform: uppercase;
}
.tool .image a p {
font-size: 13px;
line-height: 14px;
}
.tool .image a span.link {
color: #0295cb;
text-transform: uppercase;
font-family: "franklin-gothic-urw-cond", Arial, sans-serif;
font-weight: bold;
position: relative;
}
.tool .image a span.link img {
position: relative;
top: -2px;
left: 2px;
}
.webform-client-form label{
font-weight: normal;
margin-bottom:10px;
font-size:16px;
}
.webform-client-form input[type="submit"] { border:none; background-color: #0295cb; text-align:center; padding: 8px 20px; color: #f0ecec; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", Arial, sans-serif; font-weight: bold; text-transform: uppercase; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(/sites/all/themes/ysas/css/pie/PIE.htc); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.webform-client-form input[type="submit"] :hover { background-color: #0f83ae; }
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (max-width: 1035px) {
/* Style adjustments for viewports that meet the condition */
.feedbacktab {
top: 96px;
}
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
/* a[href]:after {
content: " (" attr(href) ")";
}*/
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}*/
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
div:not(.showprint) { display: none; }
.showprint div { display: block !important; }
.showprint aside { display: none !important; }
nav { display: none !important; }
.showprint div.shareoptions,
a.back-to-articles,
.shareoptions,
.showprint nav { display: none !important; }
h1 { display: block !important; }
}