/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
.alpha-resize-indicator {
	display:none;
}

h1, h2, h3, h4, h5, h6, p{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
font-size:14px;
}

h2.block-title {
display:none;
}

#main-menu, .menu {
	letter-spacing:.5px;
}

ul.inline li {
padding:0 .9em;
}

/* header area */

#block-views-home-alert-block .content {
background-color: #e28e13;
border-radius: 10px;
text-align: center;

}

#block-views-home-alert-block .content p {
margin:0;
}

#block-views-home-alert-block .content p a:link, #block-views-home-alert-block .content p a:visited {
text-decoration:none;
color:#f7f7f7;
font-size:15px;
padding:.5em 0;
display:inline-block;
text-shadow: 0px 1px 1px rgba(34, 34, 34, 1);
}

div.gov-wrap {
	padding:0;
}

#block-views-home-alert-block {
padding: 1em 0;
}

#zone-branding-wrapper {
display: none;
}

#section-header {
position:relative;
z-index:10;
}

#zone-header {
position: relative;
}

#region-header-first {
/* position: absolute;
top: 1em;
left: 0; */
}

/* To remove bottom border from uNav
#zone-user-wrapper {
	background-color:#003366;
}*/


 #zone-menu-wrapper{
background-color: #222;
background-color: rgba(34,34,34,.8);
color:#f7f7f7;
padding: 1em 0;
/*-webkit-box-shadow: 0px 15px 30px 0px rgba(34, 34, 34, 1);
-moz-box-shadow:    0px 15px 30px 0px rgba(34, 34, 34, 1);
box-shadow:         0px 15px 30px 0px rgba(34, 34, 34, 1);*/
position: relative;
top: -7px;
}

/* hiding original front page text */

.front .content article {
/*background-color: #222;
background-color: rgba(34,34,34,.5);
color:#f7f7f7;
-webkit-border-radius: 10px;
border-radius: 10px;*/
}

.front .field-name-body.field-type-text-with-summary {
    visibility: hidden;
}

#zone-menu-wrapper a:link, #zone-menu-wrapper a:visited {
	color:#f7f7f7;
	text-transform:uppercase;
	text-decoration:none;
}

#zone-menu-wrapper  li  a {
padding:.5em 1.25em .5em .5em;
}

#zone-menu-wrapper  li.last  a {
padding:.5em .25em .5em .5em;
}

.sf-depth-2{
	background-color: rgba(34, 34, 34, 1);
}

.navigation {
	text-align:center;
	font-size:12px;
	}


/* front page */

article .content {
padding: 1em 1em 0 1.5em;}

/* creates background image */
.field-name-field-background-image img {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index:-1;
}

/* new logo positioning */

.block-block-9 {
	text-align: center;
}

/* created a block (block 10) to recreate front page text in the preface section to accomodate new logo placement (on the left).  will be hiding the original content */

.block-block-10 {
background-color: #222;
background-color: rgba(34,34,34,.5);
color:#f7f7f7;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 1em 1em 0 1.5em;min-height: 130px;}

.block-block-10 p {
letter-spacing: .3px;font: italic 17px/1.5em Georgia, Times, "Times New Roman", serif;
margin-bottom: 10px;}

/* hiding the page name - although there is a preprocessor way to do this */

.front #page-title {
	display:none;
	}

	/* logo */
.region-header-first-inner {
padding-top: 3.2em;/*changed from 1em by gg*/
}
	/* page title on internal page */
#page-title {
position: absolute;
top: -115px;/* was -170px */
left: 125px; /* was 200px */
font-size: 30px; /*changed from 40px by gg (with no effect)*/
line-height:1em;
}


/*  accordian styling for be prepared */

#block-quicktabs-be-prepared .ui-state-default {
background: none;
/*background-color: #1b2a5e;
font-size: 20px;*/
}

#block-quicktabs-be-prepared .ui-state-default a, #block-quicktabs-be-prepared .ui-state-default a:link, #block-quicktabs-be-prepared .ui-state-default a:visited {
color:#f7f7f7;
}

#block-quicktabs-be-prepared .ui-accordion .ui-accordion-header {
margin-top:1.5em;
background-color: #1b2a5e;
font-size: 20px;
}

#block-quicktabs-be-prepared .ui-state-default .ui-icon, #block-quicktabs-be-prepared .ui-state-active .ui-icon {
background: url('/sites/all/themes/nyvolunteers/images/plus-minus.png');
background-repeat:no-repeat;
}

#block-quicktabs-be-prepared .ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left:95%;
}
#block-quicktabs-be-prepared .ui-state-default .ui-icon {
background-position:0 0;
}
#block-quicktabs-be-prepared .ui-state-active .ui-icon {
background-position:100% 50%;

}


/* end be prepared accordion */

/* Training events styling */
.view-training-events .view-header h3 {
margin:40px 0 20px 0;
}

.view-training-events .view-content h3 {
margin:10px 0;
font-size:19px;
}

.view-training-events .view-header .train-home {
  width:250px;
}


.view-training-events .view-header .train-home h3 {
margin:0;
padding-bottom:1em;
font-size:25px;
}


.view-training-events .views-row-odd {
background-color: #d7d7d7;
padding: 10px;
border-radius: 10px;
margin-bottom: 1em;
}

.view-training-events .views-row-even {
background-color: #b3b3b3;
padding: 10px;
border-radius: 10px;
margin-bottom: 1em;
}

.view-training-events .views-field-field-registration-link {
float:right;
}

.view-training-events .views-field-field-registration-link  a {

background-color: #1b2a5e;
display: inline-block;
padding: 1em 2em;
text-align: center;
margin:1em 4em;
border-radius:10px;
text-decoration:none;
}
.view-training-events .views-field-field-registration-link a:link, .view-training-events .views-field-field-registration-link a:visited {
	color:#f7f7f7;
}

.view-training-events .views-field.views-field-title {
margin-bottom: 10px;
font-weight:bold;
}

.view-training-events .views-field-field-date-time {
display: inline-block;
float: right;
}

/* end training events styling */

/* online training page */

.online-box {
border: 1px solid #ccc;
	-webkit-box-shadow:2px 3.464px 6px 0px rgb( 0, 0, 0 );
	-moz-box-shadow:2px 3.464px 6px 0px rgb( 0, 0, 0 );
	box-shadow:2px 3.464px 6px 0px rgb( 0, 0, 0 );

	-webkit-border-radius: 10px;;
	-moz-border-radius:10px;;
	-ms-border-radius: 10px;;

	border-radius: 10px;

	float:right;
	clear: right;
	min-width: 250px;
    padding: 2em 1em;
    margin: 1em;
}

.online-box hr {
    margin:1em 0;
    border: 0;

	background: rgba(0,0,0,.15);
	-webkit-box-shadow: 0px 0px 3px 2px rgb( 0, 0, 0 );
	-moz-box-shadow: 0px 0px 3px 2px rgb( 0, 0, 0 );
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,.15);
}



.online-box a:link, .online-box a:visited {
 color:rgb(226,142,19);
 font-weight:bold;
 text-decoration:none;
 padding-right:20px;
 background:transparent url('/sites/all/themes/nyvolunteers/images/purple-arrow.png') no-repeat 100% 50%;
}

.nysgov {
    float:right;
	clear: right;
	font-size:small;
}

.nysgov a:link, .nysgov a:visited {
text-decoration: none;
}

/* end online training page */

/* styling form */
fieldset .fieldset-wrapper {
	margin: 1em 0 .5em 2em;
}

fieldset legend {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: .5em;
	padding-top: 1em;
}

.form-radios, .form-checkboxes {
display: inline-block;
}

.form-radios .form-item, .form-checkboxes .form-item {
	float: left;
	margin-right: 1em;
}

#webform-component-contact-information--phone-group .fieldset-wrapper {
background-color: #eaeaea;
padding: .5em;
display: inline-block;
}

/* postscript */

.not-front #zone-postscript-wrapper {
z-index:-1; /* so it doesn't cover content on secondary pages */
}

#zone-postscript-wrapper {
/*position: fixed;
bottom: 0;
left: 0;*/
width: 100%;
padding-bottom: 4em;
}

#zone-postscript {
text-align: center;
}

.train-home, .volunteer-home {
background-color: #1b2a5e;
padding: .7em 2em 0em 2em;
border-radius: 10px;
min-height:90px;
}
.train-home p, .volunteer-home p {
margin:0;
padding:0;
font-size:14px;
color:#f7f7f7;
}

.train-home h3, .volunteer-home h3 {
font-size: 30px;
font-weight: 100;
letter-spacing: 1px;

margin: 0;
}

.volunteer-home p {
padding-top: .75em
}

.train-home a:link, .train-home a:visited, .volunteer-home a:link, .volunteer-home a:visited {
color:#f7f7f7;
text-decoration:none;
text-transform: uppercase;
}

.train-home.vform {
width: 200px;
float: right;
margin: 0 0 10px 20px;
text-align:center;
}

/* footer */
/* footer */
#section-content {
margin-bottom:4em; /* to keep the fixed section-footer from overrunning the body */
min-height: 40em;
}

#section-footer {
 /* position: fixed; */
 /* width: 100%; */
 /* left: 0; */
 /* bottom: 0; */
 /* background-color: #222; */
 /* background-color: rgba(34,34,34,.9); */
 /* padding: .5em 0; */
}

#zone-footer {
width: 100%;
font-size: 8px;
}

#section-footer a:link, #section-footer a:visited {
	color:#f7f7f7;
	text-transform:uppercase;
	text-decoration:none;
}

#zone-footer ul li.leaf {
list-style-image: none;
list-style-type:none;
float:left;
}


/* universal nav fun */

#nygov-universal-footer {
 position: fixed;
 width:100%;
 bottom:0;
 left:0;
 margin-bottom: 0;
 }

 /* global nav fun */

 .nys-global-header {
	 top: -7px!important;
	 border-bottom: 0px!important;
}

 .nys-global-header  a:link {
	 text-decoration: none!important;
}

.nys-global-footer {
  clear: both;
  width: 100%;
}

 .nys-global-footer .footer-container h4 {
    display: none;
}

.nys-global-footer .footer-container a {
  text-decoration: none;
  color: #000;
}

  /* volunteer page */
.volpara{
	width:350px;
	float:right;
}

.context-volunteer .form-actions input[type="submit"], .context-volunteer .form-actions input[type="submit"]:hover {
margin-left: 1.3em;
width: 200px;
background: #1b2a5e;
min-height: 90px;
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
color: #f7f7f7;
text-shadow: #000000 1px 1px;
}

@media screen and (max-width: 979px) {
	.sf-menu ul {
		padding-top: 29%;
	}
	.sf-item-2 ul {
		padding-top: 45%;
	}
}

@media screen and (min-width: 768px) {
	.sf-menu ul {
		padding-top: 29%;
	}
	.sf-item-2 ul {
		padding-top: 45%;
	}
}

@media screen and (min-width: 980px) {
	.sf-menu ul {
		padding-top: 6%;
	}
}


/* hacks and overrides*/

/*This prevents horizontal scrolling on the volunteer page*/
div#webform-component-volunteer-skills--skills label.element-invisible{
    left: -9999px;
    top: auto;
}
