/* This file will hold the main styles for your website. */


/* General Style */



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700italic,700,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300);


body {
  background: #fff;
  font-size: 16px;
  font-family: 'Merriweather', serif;
  font-weight: 400;
  color: #494949;
  line-height: 1.95em;
  -webkit-font-smoothing: antialiased;
  max-width: 1400px;
  margin: 0 auto;
}


img {
	max-width: 100%;
	height: auto !important;
}
	
	
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  color: #144c71;
  margin-bottom: 8px;
}


h1 {
  font-size: 2em;
}


h2 {
  font-size: 1.5em;
}


h3 {
  font-size: 1.17em;
}


h4 {
  font-size: 1em;
  line-height: 1.6em;
}


.front #page-title {
	display: none;
}


h1#page-title.title {
	margin-top: 20px;
	font-size: 1.65em;
	font-weight: 300;
	letter-spacing: .02em;
	color: #fbaf3a;
	border-bottom: dotted 1px #fbaf3a;
	padding-bottom: 20px;
	margin-bottom: 30px
}


a {
	color: #144c71;
}


a:hover {
	color: #0ab0da;
}


button, input[type="reset"], input[type="submit"], input[type="button"] {
	text-shadow: none;
}


blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px 40px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #da7123;
  border-right: 2px solid #da7123;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}


blockquote ol,
blockquote ul {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.zone {
	padding-left: 40px;
	padding-right: 40px;
}


#zone-preface {
	padding-left: 0px;
	padding-right: 0px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}



#region-content ul,
#region-content ol {
  margin-left: 50px;
  margin-right: 50px;
}


#region-content li {
  margin-bottom: 30px;
}


ol li,
ol .item-list li {
  list-style: decimal !important;
}



.not-front .region-content-inner {
	padding-left: 30px;
	padding-right: 30px;
}

table {
	border: none;
	width: 95%;
}

tr:hover td, tr.even:hover td.active, tr.odd:hover td.active {
	background: white;
}

td {
	vertical-align: top;
}


.field-name-body {
	clear: left;
}

.not-front #zone-content {
	padding-top: 120px;
}


.feed-icon {
	display: none;
}


.page-blog .region-content {
	width: 80%;
	float: left;
}


.page-blog .region-sidebar-second {
	width: 15%;
	float: right;
	margin-top: 90px;
	border-left: 1px solid #dad9d9;
	padding-left: 20px;
}

.page-blog .region-sidebar-second li {
	margin: 0 0 0.25em 0em
}


/*********************************** HEADER - LOGO AND MENU  ***********************************/

#zone-branding-wrapper {
	height: 120px;
	position: fixed;
	top: 0px;
	z-index: 100;
	background: rgba(255,255,255, .9);
	width: 100%;
	max-width: 1400px;
	border-bottom: 1px solid #cacaca;
}

.logged-in #zone-branding-wrapper {
	top: 65px;
}


.region-branding {
	float: left;
	width: 30%;
}



.site-name-slogan {
	text-indent: -9999px;
}


.logo-img {
	position: relative;
	top: 10px;
	width: 150px;
	height: auto;
}



#region-menu { 
	margin-top: 40px;
	font-size: 1.15em;
	text-align: right;
	float: right;
	width: 65%;
}

#region-menu li {
	margin-left: 15px;
	margin-right: 15px;
}


#region-menu .menu-1252 {
	margin-right: 30px;
}

.navigation {
	display: inline-block;
}


ul.main-menu a {
	text-decoration:none ; 
	font-size: 19px;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #da7123;
	-o-transition:1.5s;
  	-ms-transition:1.5s;
 	 -moz-transition:1.5s;
    -webkit-transition:1.5s;
  	transition:1.5s;
  	padding-bottom: 5px;
  	border-bottom: 1px solid white;
}


ul.main-menu a.active {
	color: #da7123;
}

ul.main-menu a:hover {
	border-bottom: 1px solid #da7123;
}


#block-block-19 {
	width: 79px;
	float: right;
	font-size: 0px;
	margin-right: 10px;
	margin-left: 15px;
}





/*********************************** FEATURED - FRONT PAGE  ***********************************/





.grid-24.region.region-preface-first .block-block-16 {
	text-align: center;

}


.grid-24.region.region-preface-first .block-block-16 img {
	width: 100%;
	max-width: 1400px;
}


#zone-preface,
.grid-24.region.region-preface-first {
	width: 100%;
	max-width: 1400px;
}


.grid-24.region.region-preface-first {
	margin-left: 0px;
	margin-right: 0px;
}

#zone-preface {
	padding-top: 120px;
}


.banner-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 55px;
	color: white;
	text-align: left;
	position: absolute;
	top: 45px;
	left: 45px;
	text-transform: uppercase;


}








.front .block-blog-block {
	margin-top: 60px;
}

.front .block-blog-block h2.block-title {
	display: none;
}


.front .view-id-blog .views-row {
	display: inline-block;
	width: 32%;
	  vertical-align: top;

}


.front .view-id-blog .views-row-1,
.front .view-id-blog .views-row-2 {
	margin-right: 1.65%;
}


.front .view-id-blog .views-row .views-field-field-blog-image img,
.front .view-id-blog .views-row .views-field-field-session101-image img {
	width: 100%;
	height: auto;
}


.front .view-id-blog .views-field-title {
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
	color: #2d749f;
	font-family: 'Roboto', sans-serif;
	margin-top: 15px;
}

.front .view-id-blog .views-field-title a {
	text-decoration: none;
}

.front .view-id-blog span.date-display-single {
	font-size: .85em;
	color: #cacaca;
}


.front .view-id-blog .views-field-field-date {
	margin-bottom: 10px;
}



/*********************************** WHAT WE DO - FRONT PAGE  ***********************************/


#zone-postscript {
	margin-bottom: 55px;
}

.grid-24.region.region-postscript-first hr {
	background: #da7123;
	width: 85%;
	margin: 0 auto;
	margin-bottom: 50px;
}


#icon-wrapper table {
	width: 98%;
	margin: 0 auto;
}


#icon-wrapper {
	margin-top: 65px;
}

#icon-wrapper h2 {
	text-align: center;
	margin-bottom: 40px;
}



#icon-wrapper a,
#icon-wrapper a:visited {
	text-decoration: none;
}


.icon-image { 

	color:#2d749f;
	width: 85%;
}


.icon-image.icon-one,
.icon-image.icon-three {
	margin-right:5%;
}


.icon-image.icon-two,
.icon-image.icon-four {
	margin-left:5%;
}


.icon-image.icon-one,
.icon-image.icon-two {
	margin-bottom: 50px;
}


.icon-image img {
	height: 80px;
	width: 80px;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}



span.icon-header {
	font-weight: 400;
 	font-size: 1.15em;
 	color: #da7123;
 	display: block;
 	text-align: center;
 	margin-bottom: 15px;

}


.icon-text {
	font-weight: 200;
 	font-size: .85em;
}


span.tagline {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #da7123;
	font-weight: 300;
}


.block-block-10 {
	text-align: center;
	margin-top: 75px;
	margin-bottom: 75px;
}


/*********************************** BLOG ROLL   ***********************************/


.page-blog .view-id-blog .views-row {
	padding-bottom: 40px;
	margin-bottom: 40px;
}


.page-blog .view-id-blog .views-row-last {
	padding-bottom: 0px;
}


.page-blog .view-id-blog .views-field-title {
	 font-family: 'Roboto', sans-serif;
	 font-size: 30px;
	 margin-bottom: 8px;
}


.page-blog .view-id-blog .views-field-title a {
	text-decoration: none;
	color: #144c71;
}

.page-blog .views-field-field-blog-author .views-label,
.page-blog .views-field-field-blog-author .field-content {
	display: inline;
	font-size: 12px;
}

.page-blog .views-field-field-blog-author {
	float: left;
}

.page-blog .views-field-field-blog-image {
	clear: both;
}

.page-blog .views-field-field-blog-author .views-label {
	opacity: .8;
}

.page-blog span.date-display-single {
	margin-left: 4px;
	font-size: 12px;
}

.page-blog .views-field-field-blog-author:after {
	content: "|";
	margin-left: 4px;
	opacity: .4;
	position: relative;
	top: 2px;
}

.page-blog .views-field-field-blog-author .field-content a {
	font-weight: 600;
	font-style: italic;
	text-decoration: none;
	color: #494949;
}

.page-blog .views-field-view-node {
	margin-top: 30px;
}


.page-blog .views-field-field-blogtags {
	font-size: 12px;
	margin-bottom: 5px;
}

.page-blog .views-field-field-blogtags a {
	text-decoration: none;
	margin-right: 10px;
	color: #da7123;
}

.page-blog span.views-label {
	float: left;
	margin-right: 5px;
}

.page-blog .views-field-view-node a {
	background: #fbaf3a;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
}




/*********************************** INDIVIDUAL BLOG   ***********************************/


.node-type-blog  h1#page-title.title {
 	color: #144c71;
 	font-weight: 400;
 	clear: both;
}


.node-type-blog .scribd_iframe_embed {
	max-width: 850px
}

.node-type-blog .field-name-field-blog-author,
.node-type-blog .field-name-field-date {
	display: inline;
	font-size: 12px;
}

.node-type-blog .field-name-field-blog-author a {
	float: left;
}

.node-type-blog  .field-name-field-blogtags .field-label {
	clear: left;
	margin-right: 5px;
}

.node-type-blog  .field-name-field-blogtags {
	font-size: 12px;
}

.node-type-blog  .field-name-field-blogtags .field-item {
	margin-right: 10px;
	margin-bottom: 5px;
}

.node-type-blog .field-name-field-blogtags .field-item a {
	text-decoration: none;
	color: #da7123;
}



.node-type-blog .field-name-field-blog-image {
	clear: both;
}

.node-type-blog .field-name-field-blog-author:before {
	content: "-By ";
	float: left;
	opacity: .8;
	margin-right: 5px;
}



.node-type-blog .field-name-field-blog-author:after {
	content: "|";
	margin-left: 4px;
	opacity: .4;
	float: left;
	position: relative;
	top: 2px;
}

.node-type-blog .field-name-field-blog-author a {
	font-weight: 600;
	font-style: italic;
	text-decoration: none;
	color: #494949;
}

.node-type-blog .field-name-field-date {
	margin-left: 4px;
	float: left;
}

.node-type-blog .field-name-body {
	margin-top: 20px;
}


/*********************************** BLOG TAG PAGE   ***********************************/

.page-taxonomy h2.node-title {
	font-size: 1.65em;
	font-weight: 400;
}

.page-taxonomy h2.node-title a {
	text-decoration: none;
	color: #144c71;
}

.page-taxonomy span.read-more {
	display: block;
	margin-top: 30px;
}

.page-taxonomy span.read-more a {
	clear: left;
	background: #fbaf3a;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
}


.page-taxonomy article {
	margin-bottom: 40px;
	padding-bottom: 40px;
}


.page-taxonomy article:nth-last-of-type(1) {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*********************************** POLLING CENTER   ***********************************/


.page-polling-center .view-id-polling_center .view-filters {
	margin-bottom: 30px;
}

.page-polling-center .view-id-polling_center .views-exposed-widgets select {
	height: 40px;
	font-size: 18px;
	color: #bcbcbc;
	margin-bottom: 30px;
}

input#edit-submit-polling-center {
	height: 40px;
	width: 100px;
	border-radius: 0px;
	background: #0ab0da;
	color: white;
	border: 0; 
}


.page-polling-center .view-id-polling_center .views-row {
	margin-bottom: 90px;
}


.page-polling-center .view-id-polling_center .views-field-title {
    font-family: 'Roboto', sans-serif;
	font-size: 1.75em;
	font-weight: 400;
	color: #144c71;
	margin-bottom: 10px;
}


.page-polling-center .view-id-polling_center .views-field-title a {
	text-decoration: none;
}


.page-polling-center .view-id-polling_center .views-field-field-poll-topc a {
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	font-style: italic;
}


.page-polling-center .view-id-polling_center .views-field-field-poll-topc {
	font-size: 12px;
}

.page-polling-center .view-id-polling_center span.separator {
	opacity: .5;
}


.page-polling-center span.read-poll a {
	background: #fbaf3a;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
}


.view-id-polling_center .views-field-field-poll-run-dates,
.view-id-polling_center .views-field-field-poll-source-1 a {
	font-size: .9em;	
	opacity: .6;
	color: #3c3c3c;
	text-decoration: none;
}

.page-polling-center .views-field-field-blogtags .views-label {
	float: left;
}




.page-polling-center .views-field-field-poll-topc {
	margin-bottom: 15px;
}


.view-id-polling_center .views-field-field-poll-run-dates {
	margin-bottom: 5px;
	margin-top: -8px;

}



.views-exposed-widget.views-submit-button {
	position: relative;
	top: 13px;
}


.view-id-polling_center .views-field-body {
	margin-bottom: 15px;
}






/*********************************** POLLING CENTER - INDIVIDUAL POLL PAGES  ***********************************/




.node-type-poll h1#page-title {
	font-size: 1.75em;
	font-weight: 400 !important;
	color: #2d749f;
}


.node-type-poll .field-name-body {
	margin-bottom: 15px;
}


.node-type-poll .field-name-field-poll-embed {
	width: 75%;
	margin-bottom: 20px;
}



.node-type-poll .field-name-field-poll-topc.field-type-taxonomy-term-reference a {
	text-decoration: none;
	font-style: italic;
}

.node-type-poll .field-name-field-poll-topc.field-type-taxonomy-term-reference div.field-item:after {
	content: "|";
	padding-right: 10px;
	padding-left: 10px;
	font-style: italic;
	opacity: .5;
}

.node-type-poll .field-name-field-poll-topc {
	font-size: 12px;
}

.node-type-poll .field-name-field-poll-topc .field-label {
font-weight: normal;
}

.node-type-poll .field-name-field-poll-topc.field-type-taxonomy-term-reference div.field-item:last-child:after {
	content: none;
}

.node-type-poll .field-name-field-poll-embed a {
	display: none;
}


.node-type-poll  .field-name-field-poll-source a,
.node-type-poll .field-name-field-poll-run-dates {
	font-size: .9em;	
	opacity: .6;
	color: #3c3c3c;
	text-decoration: none;
}


.node-type-poll .field-name-field-poll-source-link {
	margin-top: 15px;
	margin-bottom: 40px;
}


/*********************************** ABOUT PAGE  ***********************************/


#bios h3 {
	margin-bottom: 25px;
}


#bios span.issue-areas {
	opacity: .75;
}

#bios a {
	text-decoration: none;
}




/*********************************** SESSION 101  ***********************************/


.view-session-101 .view-header {
	margin-bottom: 40px;
}

.view-session-101 .views-field-title a {
	text-decoration: none;
	font-size: 18px;
}


.node-type-session-101 .field-type-image img {
	margin-bottom: 30px;
}

#region-content ul.flippy {
	margin-left: 0px;
	margin-right: 0px;
}

#region-content ul.flippy a {
	text-decoration: none;
}

#region-content ul.flippy li.prev {
	float: left;
}

#region-content ul.flippy li.next {
	float: right;
}


.block-flippy ul.flippy li {
	font-size: 12px;
}

/*********************************** SOCIAL SHARE  ***********************************/


#at4-share {
	display: none;
}


.display-social-share #at4-share,
.node-type-blog #at4-share,
.node-type-poll #at4-share {
  display: block;
}


.addthis_responsive_sharing {
  margin-bottom: 20px;
}


.addthis_responsive_sharing,
.fb_like_wrapper {
    display: block;
    float: left;
    margin-top: 30px;
 }

.fb_like_wrapper {
    position: relative;
    top: 10px;
    margin-right: 8px;
 }

.fb-like.fb_iframe_widget {
    width: 49px !important;
    overflow: hidden !important;
 }





/*********************************** FOOTER  ***********************************/





#block-block-14 {
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
	font-size: .8em;
	color: white;
}

#zone-footer-wrapper {
	font-family: 'Roboto', sans-serif;
	background: #2d749f;
}


button.contactbutton {
    text-decoration: none;
    padding: 12px 20px;
    margin-bottom: 0px;
    font-size: 1.3em;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: rgb(218, 79, 73);
    background-image: linear-gradient(to bottom, rgb(238, 95, 91), rgb(189, 54, 47));
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}








@media only screen and (max-width : 1270px) {
	.front .view-id-blog .views-row {
		width: 31%;
	}
}




@media only screen and (max-width : 1220px) {

	
	.front .view-id-blog .views-row {
		display: inline-block;
		width: 47%;
	  	vertical-align: top;
	}

	.front .view-id-blog .views-row-1, 
	.front .view-id-blog .views-row-2 {
		margin-right: 0;
	} 

	.front .view-id-blog .views-row-2 {

		float: right;
	}

	.front .view-id-blog .views-row-3 {
		display: none;
	}

}


@media only screen and (max-width : 900px) {

	.region-branding {
		width: 25%;
	}

	.not-front .region-content-inner {
		padding-left: 0px;
		padding-right: 0px;
	}
}



@media only screen and (max-width : 850px) {
	#edit-field-poll-source-tid-1-wrapper {
		clear: left;
	}
}



@media only screen and (max-width : 800px) {


	blockquote {
		margin: 0 0 20px 0;
		padding: 15px 20px 15px 15px;
		border-left: 5px solid #da7123;
	}


	.zone {
		padding-left: 10px;
		padding-right: 10px;
	}


	.banner-text {
		font-size: 25px;
		line-height: 35px;
		top: 25px;
	}


	.front .view-id-blog {
		width: 80%;
		margin: 0 auto;
	}


	.front .block-blog-block {
		margin-top: 25px;
	}


	.front .view-blog .views-row {
		width: 100%;
	}


	.front .view-blog .views-row-1,
	.front .view-blog .views-row-2 {
		margin-bottom: 50px;
	}


	.front .view-id-blog .views-row-3 {
		display: block;
	}


	#icon-wrapper {
		margin-top: 35px;
	}


	.block-block-11 table, .block-block-11 thead, .block-block-11 tbody, .block-block-11 th, .block-block-11 td, .block-block-11 tr { 
		display: block; 
	}


	table {
		width: 100%;
	}


	.icon-image {
		margin: 0 auto;
	}


	.icon-image.icon-one, .icon-image.icon-two, .icon-image.icon-three {
		margin-bottom: 50px;
	}


	.icon-image img {
		margin-bottom: 0px;
	}


	.page-blog .view-id-blog .views-field-title {
		font-size: 20px;
	}


	.views-field-field-blog-image img,
	.field-name-field-blog-image img {
	 	width: 100%;
	 	height: auto;
	}


	select#edit-field-poll-topc-tid,
	select#edit-field-poll-source-tid-1 {
	 	width: 300px;
	 	font-size: 12px;
	}


	.views-exposed-form .views-exposed-widget.views-submit-button {
	 	top: -15px;
	 	clear: left;
	}



	.page-polling-center .view-id-polling_center .views-field-field-poll-topc a {
		padding-left: 2px;
		padding-right: 2px;
	}

	.page-polling-center .view-id-polling_center .views-field-field-poll-topc {

	}

	.node-type-poll .field-name-field-poll-embed {
		width: 100%;
	}


	 #zone-footer {
	 	padding-right: 0px;
	 	padding-left: 0px;
	 }


}

@media only screen and (max-width : 750px) {

	#block-block-19 {
		display: none;
	}

	#region-menu li.last {
		margin-right: 0px;
		padding-right: 0px;
	}

	.region-branding {
		width: 30%;
	}
	
	#region-menu {
		width: 60%;
	}

	#region-menu li {
		margin-left: 5px;
		margin-right: 5px;
	}

	
}


@media only screen and (max-width : 480px) {
		
	#zone-branding-wrapper {
		height: 75px;
	}

	#zone-preface {
		padding-top: 75px;
	}

	.not-front #zone-content {
		padding-top: 75px;
	}

	.logo-img {
		width: 80px;
		top: 10px;
	}

	.banner-text {
		top: 12px;
	}

	#region-menu {
		margin-top: 20px;
	}

	#region-menu a {
		font-size: .8em;
	}

	#region-branding {
		width: 20%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#region-menu {
		width: 80%;
		margin-left: 0px;
		margin-right: 0px;
	}

	#region-menu li {
		margin-left: 3px;
		margin-right: 3px;
		padding-left: 5px;
		padding-right: 15px;
		border-right: 1px solid #edbd99;
	}

	#region-menu li.last {
		border-right: 0px;
	}


	.front .view-id-blog {
		width: 100%;
		margin: 0 auto;
	}

	.icon-image {
		width: 100%;
	}


	body {
		padding-bottom: 40px;
	}


	#region-content ul,
	#region-content ol {
		  margin-left: 10px !important;
		  margin-right: 10px !important;
	}


	span.name {
		display: block;
		margin-top: 10px;
	}


	table td {
		display: block;
	}
}