/*

_____________________________________________________

Tall Grass Digital
Author: Warren Claflin
Version: 1.0
URL: http://www.tallgrassdigital.com
_____________________________________________________

1. ROOT
2. TYPOGRAPHY (See css/html-reset.css)
3. TABLES
4. FORMS (See css/forms.css)
5. NAVIGATION 
6. HEADER
7. HIGHLIGHTED
8. MAIN CONTENT
9. SIDEBAR
10. FOOTER
11. PAGE BOTTOM
12. GLOBAL OBJECTS
13. VENDOR-SPECIFIC 
14. TEMPLATE SPECIFICS
15. MODERNIZR

--- Colors ---
   
Orange: #ff9400;
Blue:
Green:
**/





/********************************* 1. ROOT ***********************************/
html{
	margin:0;
	padding:0;
	height:100%;
}

body {
  margin:0;
  position: relative;
	height:100%;
}

.not-logged-in .statistics_counter{
	display:none;
}

#page-wrapper { 
margin: 0 auto;
position: relative;
}

@media(max-width:768px){
	#page {
		min-height:100%;
		position:relative;
		height:100%;
	}
}

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

@media (max-width:480px){
  .hidden-480{
    display:none !important;
  }
  
  .visible-480{
    display:block !important;
  }
}

@media (min-width:481px){
  .visible-480{
    display:none !important;
  }
  
  .hidden-480{
    display:block !important;
  }
}

@media (max-width:767px){
  .hidden-768{
    display:none !important;
  }
  
  .visible-768{
    display:block !important;
  }
}

@media (min-width:768px){
  .visible-768{
    display:none !important;
  }
  
  .hidden-768{
    display:block !important;
  }
}



/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}



h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 20px 0 1em 0;
}

h1.title {
	color:#000000;
  padding-left: 15px;
  padding-right: 15px;
 	font-size:32px;
}

article h1.title{
	margin:10px 0 0em 0 !important;
}



div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}


.node img{
  max-width:100%;
  display:block;
  height:auto;
}




/********************************* 3. TABLES ***********************************/

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th { 
font-weight : bold; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}


/********************************* 4. Forms ***********************************/
.webform-component input{
	width:100%;
  border:none;
  border-bottom:solid 1px #aaa;
  box-shadow:none;
}

.webform-component textarea{
  border:solid 1px #aaa;
  box-shadow:none;
}

.webform-component input.form-checkbox{
	width:auto;
}

.webform-component-checkboxes label{
	display:none;
}

.webform-component .form-type-checkbox label{
	display:inline-block;
}


.webform-component-select{
	
}

.webform-component-select .form-select{
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 4.428571;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-item .description {
  font-size: 1em;
  margin-top: 3px;
  color: #888;
}




/********************************* 5. Navigation ***********************************/

#navbar{
  float:right;
  display:block;
  position:relative;
}

#navigation .menu {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

#navigation .links li, #navigation .menu li {
    float: left;
    padding: 0 10px 0 0;
    list-style-type: none;
    list-style-image: none;
    width: 14.2857142%;
    text-transform:uppercase;
    font-size:1.1em;
    text-align:center;
  display:block;
  position:relative;
  margin-top:-15px;
  margin-bottom:-15px;
}

#navigation .links li a, 
#navigation .menu li a{
  padding-top:20px;
  display: block;
  position: relative;
  height:100%;
  color:#000;
}

#navigation .menu li a::before, 
#navigation .menu li a::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    border: 2px solid #dddddd;
    border: 2px solid rgba(0,0,0,0.07);
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2);
}

#navigation .menu li a::after {
    width: 70px;
    height: 70px;
    border-width: 6px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
}

#navigation .menu li a:hover::before, 
#navigation .menu li a:hover::after, 
#navigation .menu li a:focus::before, 
#navigation .menu li a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

#navigation .links li a:hover, 
#navigation .menu li a:hover{
  text-decoration:none;
}
  
#navigation .menu li a.donate{
  background:#ff9400;
  color:#fff; 
}

#navigation .links li.last, 
#navigation .menu li.last{
	padding:0;
}

.region-sub-navigation .menu-level-2 ul{
  list-style-type:none;
  padding:0;
}

.region-sub-navigation .menu-level-2 li{
  float:left;
  position:relative;
  display:inline-block;
  margin-right: 18px;
}

.region-sub-navigation .menu-level-2 li a{
  padding:3px 5px;
  display:block;
  position:relative;
  color:#000;
}

.region-sub-navigation .menu-level-2 li a:hover,
.region-sub-navigation .menu-level-2 li a:focus,
.region-sub-navigation .menu-level-2 li a:active{
  text-decoration:none;
}


@media screen and (max-width: 870px){
  .region-sub-navigation{
    display:none;
  }
  
  .nav-desktop,
  #sidr-id-block-menu-block-3{
    display:none;
  }
  
  .mobile-nav{
    display:block;
  }
}

@media screen and (min-width:871px){
  .nav-desktop,
  #sidr-id-block-menu-block-3{
    display:block;
  }
  
  .mobile-nav{
    display:none;
  }
}


#sidr-wrapper-0{
}

.nav-button{
	position: relative;
  float: right;
  padding-top: 30px;
  height: 45px;
  width: 45px;
  text-align: right;
  line-height: 5px;
  right:20px;
}

.nav-button span, 
.nav-button span:before, 
.nav-button span:after {
  cursor: pointer;
  border-radius: 0px;
  height: 4px;
  width: 45px;
  background: #ff9400;
  position: absolute;
  display: block;
  content: '';
}


.nav-button span:before {
  top: -10px;
}
.nav-button span:after {
  bottom: -10px; 
}

.nav-button span, .nav-button span:before, .nav-button span:after {
  transition: all 300ms ease-in-out;
}
.sidr-open .nav-button span {
  background-color: transparent;
}
.sidr-open .nav-button span:before, .sidr-open .nav-button span:after {
  top: 0;
}
.sidr-open .nav-button span:before {
  transform: rotate(45deg);
}
.sidr-open .nav-button span:after {
  transform: rotate(-45deg);
}


/********************************* 7. Header ***********************************/
#header {
  display:block;
  position:relative;
  padding-bottom:15px;
 	padding-top:15px;
}

#topbar{
  display:block;
  position:relative;
  border-bottom:solid 1px #eee;
  padding-bottom:5px;
}

/* Logo image. */

.logo{
	display:block;
	height:100%;
}

.logo-box{
  display:block;
  position:relative;
  width: 180px;
  float: left;
  padding: 0 20px;
  margin-right:50px;
}





@media (min-width: 481px) and (max-width:767px) {
	
}


@media (min-width: 768px) and (max-width: 991px) {

}



@media (min-width: 481px)  {
}
	
	

/******** Login Page ***********/

#user-login{
  text-align:center;
  display:block;
  position:relative;
  margin-bottom:100px;
}

@media (min-width:768px){
  #user-login{
    width:80%;
    margin:0 auto;
    margin-bottom:100px;
  }
}

#user-login label{
  font-size:16px;
}

.region-sidebar-second{
}

.sidebar-left,
.sidebar-right{
  border-top:solid 1px #ddd;
  margin-top:20px;
}

.sidebar h2.block-title{ 
  font-family: 'Roboto', sans-serif;
  text-align:center;
  font-size:22px;
}  
  
.constituencies .views-row{
  margin-bottom:30px;
  padding-top:30px;
  border-top: solid 1px #eee;
  text-align:center;
}

.constituencies .views-row-last{
  border-bottom: solid 1px #eee;
}


.constituencies .views-field-title h3{
  text-align:center;
  margin:10px 0 6px 0;
}

.constituencies .views-field-body p{
 color:#555555; 
 font-weight:lighter;
}


@media screen and (max-width:767px){
  .sidebar-left,
  .sidebar-right{
    border-top:none;
    margin:0;
  } 
  
  .sidebar-right{
    display:table;
    position:relative;
    border: solid 2px #00aae4;
  }
    
  .constituencies .views-row{
    margin-bottom:30px;
    padding-top:30px;
    border-top: solid 1px #eee;
    text-align:center;
    display:block;
    position:relative;
    float:left;
    width:50%;
  }
  
  .constituencies .views-row-odd{
    padding-right:7.5px;  
  }
  
  .constituencies .views-row-even{
    padding-left:7.5px;
  }
  
  .constituencies .views-row-last{
    border-bottom:none;
  }
}

 
/*********** Social Media Links *************/

.region-social-media{
  padding-top:35px;
} 

#block-widgets-s-socialmedia-share-default{
	float:right;
	margin-right:-15px;
}

#block-widgets-s-socialmedia-share-default h2.block-title{
  float:left;
  font-size:13px;
  text-transform:uppercase;
  margin-top:10px; 
  left:10px
}


#block-widgets-s-socialmedia-share-default #widgets-element-socialmedia_share-default{
  margin-left:70px;
}

@media (max-width:991px) {
 .region-social-media{
   padding-top:0;
 }
 
  #block-widgets-s-socialmedia-share-default {
    float:left;
    margin-right: -15px;
  }
}
#widgets-element-socialmedia_share-default .widgets-element{
	width:36px;
  height:36px;
  border-radius:50%;
  background:#00aae4;
  margin-right:8px;
  margin-bottom:8px;
	-webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#widgets-element-socialmedia_share-default .widgets-element a{
  display:block;
  height:100%;
  width:100%;
  position:relative;
  padding-top: 2px;
  padding-left: 1px;
}

#widgets-element-socialmedia_socialmedia-twitter-share-button:hover{
	background:#79cdf1;
}

#widgets-element-socialmedia_socialmedia-facebook-share-button:hover{
	background:#3b5998;
}

#widgets-element-socialmedia_socialmedia-pinterest-share-button:hover{
	background:#bd081c;
}

#widgets-element-socialmedia_socialmedia-google-share-button{
  display:none;
}
#widgets-element-socialmedia_socialmedia-google-share-button:hover{
  background:#dd4b39;
}

#widgets-element-socialmedia_socialmedia-linkedin-share-button:hover{
  background:#007bb5;
}

#widgets-element-socialmedia_addthis-email:hover{
	background:#555555;
}








/********************************* 8. MAIN CONTENT ***********************************/
.page-intro {
  display:table;
  position:relative;
  width:80%;
  margin:0 auto;
}

.page-title {
  padding: 30px 0 15px;
}


.node{
	padding-bottom:30px;
}

.header-background-image{
	height:200px;
	display:block;
	position:relative;
	width:100%;
	background-color: #FFFFFF !important;
    background-image: url('../images/bg-top/rotator.php');
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

.title-header{
  margin-top: 12px;
  color: #999;
  font-style: italic;
}



.title-header .field-name-field-sub-title-{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 20px;
  font-family: 'Roboto', sans-serif;
	color: #444444;
	font-style: italic;
	margin-bottom: 1em;
}

.title-header .field-name-field-source{
	font-weight:bold;
	color:#333;
	padding: 15px 15px 5px 15px;
}

.field-name-field-blog-author{
  display:none;
}

.title-header .field-name-field-blog-author{
	color:#333;
	font-style:italic;
  display:block;
}


.title-header .date-in-parts{
	color:#999;
	font-style:italic;
}

h1.page__title{
	font-weight:bold;
}
.node-type-article h1.page__title{
	padding-top:25px;
}


@media (min-width:768px){
	.header-background-image{
		height:400px;
	}
	
	h1.page__title{
		font-weight:bold;
  }
	
	.node-type-article h1.page__title{
		padding-top:55px;
	}
}

@media (min-width:871px){
 h1.page__title{
  padding-left:0;
 }
}

.main-center-content{
	background:#fff;
	padding:20px 15px 0 15px;
  margin-left:-15px;
  margin-right:-15px;
}

/******* Home intro ***********/
#block-block-9{
  background:#f2f2f2;
  position:relative;
  display:block;
  margin: -13px 15px 0;
}

.intro-image{
  display:block;
	position:relative;
	background-color: #FFFFFF !important;
  background-image: url('../images/jca-intro-bg.jpg');
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position:top left !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}


 #block-block-9 .intro{
    display:block;
    position:relative;
    padding:60px 50px 30px;
    top:0;
  }
  
@media screen and (max-width:767px){
 .visible-768 .intro-absolute{
    position:absolute;
    top:0;
    width:100%;
    background: rgba(242,242,242,.9);
 
 }
}
  
@media screen and (min-width:768px){
  #block-block-9 .intro{
    display:block;
    position:relative;
    padding:60px 50px 30px;
  }
}
.intro h3{
}
  
.intro p{
  color:#666;
}

.intro p a{
    position: relative;
    display: inline-block;
    font-size: 1.2em;
    padding: 10px 6px;
    color:#000;
}

.intro p a:hover,
.intro p a:active,
.intro p a:focus{
  text-decoration:none;}

.front .main-center-content{
	background:none;
	padding:0;
}


@media screen and (max-width:767px){
 #block-views-blog-posts-block-3{
   height:auto !important;
 }
}

.field-name-field-author,
.node .field-name-field-sub-title-,
.node .field-name-field-source{
	display:none;
}

.field-name-field-webform .node-title{
  display:none;
}

@media (min-width:480px){
  .initiatives,
  .blog-feed{
    margin-left:-15px;
    margin-right:-15px;
    display:block;
    position:relative;
  }
}
.initiatives .views-row,
.blog-feed .views-row,
.front-blog-highlight .views-row,
.front-blog-feed .views-row{
  border-top:solid 1px #ddd;
  position:relative;
  display:block;
}
.initiatives .views-row-last,
.front-blog-feed .views-row-last,
.front-blog-hightlight .views-row-last,
.blog-feed .views-row-last{
  border-bottom: solid 1px #ddd;
}

.initiatives .issue-preview-height,
.issues-front .owl-item,
.blog-feed .blog-preview-height{
  min-height:250px;
  display:block;
  position:relative;
}

.front-blog-feed .blog-preview-height{
  min-height:150px;
  display:block;
  position:relative;
}

.initiatives .issue-image,
.blog-feed .blog-image{
  display:block;
  position:relative;
  height:250px; /*must match height of .blog-preview-height*/
  width:100%;
}

.front-blog-feed .blog-image{
  display:block;
  position:relative;
  height:150px; /*must match height of .blog-preview-height*/
  width:100%;
}


.blog-feed a.blog-link,
.front-blog-feed a.blog-link{
  position:absolute;
  display:block;
  height:100%;
  width:100%;
  top:0;
  color:#000;
  background:#fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-feed a.blog-link{
  box-shadow: inset -6px 2px 5px rgba(0,0,0,.1);
}

.initiatives a.issue-link{
  position:absolute;
  display:block;
  height:100%;
  width:100%;
  top:0;
  color:#000;
  box-shadow: inset 0px 2px 8px 0px rgba(0,0,0,.1);
  background:rgba(255,255,255,.7);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}

.front-blog-highlight .views-field-nothing{
  display:block;
  position:relative;
  height:100%;
  width:100%;
}


.front-blog-highlight a.blog-link{
  display:block;
  position:relative;
  height:100%;
  width:100%;
  color:#000;
  background:#fff;
  padding-bottom:30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


a.blog-link:hover,
a.blog-link:active,
a.blog-link:focus{
  text-decoration:none;
  background: rgba(0,170,228,.8);
  color: #fff;
}

a.issue-link:hover,
a.issue-link:active,
a.issue-link:focus{
 text-decoration:none;
 color:#fff;
 background:rgba(255,148,0,1); 
}

.front-blog-highlight a.blog-link:hover,
.front-blog-highlight a.blog-link:active,
.front-blog-highlight a.blog-link:focus{
  background: rgba(0,170,228,.8);
}

.initiatives .issue-copy,
.blog-feed .blog-copy,
.front-blog-feed{
  text-align:center;
  position:relative;
  display:block;
  padding:0 20px;
}

.issue-copy .blog-title,
.blog-copy .issue{
  display:block;
  position:relative;
  margin-top:60px;
}


.front-blog-highlight .issue{
  text-align:center;
  color:#555;
  padding-top:15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.front-blog-feed .issue{
   text-align:center;
  color:#555;
  padding-top:25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.front-blog-highlight .publish-date,
.front-blog-feed .publish-date{
  color:#555;
  text-align:center;
  margin-bottom:25px;
  font-style:italic;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.front-blog-highlight a.blog-link:hover .issue,
.front-blog-highlight a.blog-link:active .issue,
.front-blog-highlight a.blog-link:focus .issue,
.front-blog-highlight a.blog-link:hover .publish-date,
.front-blog-highlight a.blog-link:active .publish-date,
.front-blog-highlight a.blog-link:focus .publish-date,
.front-blog-feed a.blog-link:hover .issue,
.front-blog-feed a.blog-link:active .issue,
.front-blog-feed a.blog-link:focus .issue,
.front-blog-feed a.blog-link:hover .publish-date,
.front-blog-feed a.blog-link:active .publish-date,
.front-blog-feed a.blog-link:focus .publish-date{
  color:#fff;
}


.front-blog-highlight .blog-title,
.front-blog-feed .blog-title{
  margin:5px 0 0;
  text-align:center;
}

.blog-copy .blog-title{
  text-transform:uppercase;
}

.blog-copy .author{
  color:#000;
  border-bottom: solid 2px #eee;
  display: inline-block;
  width: auto;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 4px;
  font-size:1.1em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-copy .publish-date{
  font-size:.9em;
  color:#000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-feed a.blog-link:hover .publish-date,
.blog-feed a.blog-link:active .publish-date,
.blog-feed a.blog-link:focus .publish-date,
.blog-feed a.blog-link:hover .author,
.blog-feed a.blog-link:active .author,
.blog-feed a.blog-link:focus .author{
  color:#fff;
}

#block-block-7 h2{
  margin-bottom:40px;
  font-size:2em;
  text-align:center;
}


#block-block-8{
  display:inline-block;
  position:relative;
  width:100%;
  margin-top: 25px;
  margin-bottom: 40px;
}

#block-block-8 p a{
  position:relative;
  display: inline-block;
  font-size: 1.2em;
  padding: 10px 6px;
  color:#000;
}

#block-block-8 p a:hover,
#block-block-8 p a:focus,
#block-block-8 p a:active{
  text-decoration:none;
}

/******* Issues/ Initiatives *********/
/*** orange= #ff9400 ***/
.front .home-section h2.block-title{
  font-size:2em;
  text-align:center;
  margin-bottom:20px;
}

#block-views-initiatives-block-1{
  margin-bottom:40px;
}

#block-views-initiatives-block-1 .block__title{
	text-align:center;
	margin-top:3em;
	margin-bottom:1em;
}

.view-initiatives .view-header{
  text-align:center;
  color:#555;
  text-transform:uppercase;
  margin-bottom:25px;
  font-size:18px;
}



.owl-item{
  text-align:center;
  display:block;
  position:relative;
}

.owl-item .views-field-nothing{
  margin:0 10px;
  display:block;
  position:relative;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #bbb;
}

.issue-image{
  display:block;
  position:relative;
  opacity:.3;
  width:100%;
}

.issue-text{
  display:block;
  position:absolute;
  top:0;
  width:100%;
  padding:0 10px 15px;
  color:#000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.issue-text:hover,
.issue-text:active,
.issue-text:focus{
  background:#ff9400;
  color:#fff;
 }

@media screen and (max-width:479px){
 .owl-item{
 }
}




/********* Slideshow *******/
.front .block{
	margin-bottom:0;
}

.region-content-top{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:15px;
}

@media (min-width:768px){
	#block-views-front-page-slideshow-block{
		width:75%;
		float:left;
		padding-left:0;
	}
}

.flexslider{
	margin:0;
	border:none;
}

.slideshow-height{
	height:0;
	padding-bottom:44.444444%;
}

.slideshow-image{
	display:block;
	position:relative;
}

.slideshow-image a{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	opacity:.8;
	filter: alpha(opacity=80);
  background: rgba(255,255,255,.33);
}

.slideshow-image a:hover{
	opacity:1;
	filter: alpha(opacity=1);
	cursor:pointer;
  background: rgba(255,255,255,0);
}

.slideshow-copy{
	background: #0B256F;
	display: block;
	float: right;
	padding: 5px 5px 5px 18px;
	color: #f9c32d;
	line-height: 1.24em;
	font-size: 1.3em;
	margin: 29% auto 0 auto;
	width: 98%;
}

@media (min-width: 481px) and (max-width:767px) {
	.slideshow-copy{
		font-size: 1.25em;
    position: absolute;
    bottom: 13%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slideshow-copy{
		font-size:1.4em;
		margin-top:25%;
	}
}

@media (min-width: 992px) {
	.slideshow-copy{
		font-size:1.7em;
    width:75% !important;
    position:absolute;
    bottom:9%;
    display:block;
    right:0;
	}
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
	z-index: 20;
}

.flex-control-paging li a {
	background:#ffffff;
}

.flex-control-paging li a.flex-active{
	background:#f9c32d;
}


.flex-direction-nav{
	display:none; 
}

.field-slideshow-controls .next {
  background: url(../images/bg-next.png) center no-repeat;
  background-size: 48px 48px;
  right: 20px;
  border: 0;
	position:absolute;
	display:block;
	text-indent:-9999px;
	height:48px;
	width:48px;
}

.field-slideshow-controls .prev {
  background: url(../images/bg-prev.png) center no-repeat;
  background-size: 48px 48px;
  left: 20px;
  border: 0;
	position:absolute;
	display:block;
	text-indent:-9999px;
	height:48px;
	width:48px;
}

.field-slideshow-controls .next:hover,
.field-slideshow-controls .prev:hover{
	background-color:#3587cb;
}



/********* Home page layout ***********/

.draggableviews-processed {
  float: left;
  margin: 0;
  padding: 0;
}

#block-views-front-page-items-block ul{
	padding:0;
	list-style-type: none;
	margin:0;
}

.view-front-page-items {
	margin-left:-7.5px;
	margin-right:-7.5px;
}

.front-page-item{
	width:50%;
	float:left;
	padding-left:7.5px;
	padding-right:7.5px;
	margin-bottom: 15px;
	position:relative;
	display:inline-block;
}

.draggableviews-processed li.views-row {
	display: block;
	float: left;
	padding: 5px;
	cursor: move;
	width:50%;
	margin:0;
	margin-bottom:15px;
}

@media (min-width: 481px) and (max-width:767px) {
  .front-page-item{
		width:50%;
		float:left;
		padding-left:7.5px;
		padding-right:7.5px;
	}
	
	.draggableviews-processed li.views-row {
		width:50%;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
  .front-page-item{
		width:25%;
		float:left;
		padding-left:15px;
		padding-right:15px;
	}
	
	.draggableviews-processed li.views-row {
		width:25%;
	}
}

@media (min-width: 992px) {
  .front-page-item{
		width:25%;
		float:left;
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	
	.draggableviews-processed li.views-row {
		width:25%;
	}
}

.front-page-grouping{
	border: solid 1px #aaa;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background:#fff;
}

.front-page-grouping a{
	display: block;
	width: 100%;
	height: 100%;
}


.front-block-height{
	min-height:300px;
	height:100%;
	display:block;
	position:relative;
}

.front-block-Posts{
  min-height:500px;
}

.front-page-grouping a:hover{
	text-decoration: none;
  box-shadow: 0 0 #aaa, 1px 1px #aaa, 2px 2px #aaa, 3px 3px #aaa;
  background: #fad97d;
}

.front-page-grouping a:focus{
	background: #f9c32d;
}

.front-page-grouping a .front-title,
.front-page-grouping a .front-created-date,
.front-page-grouping a .front-preview-copy{
	padding-left:10px;
	padding-right:10px;
}

.front-page-grouping a .front-title{
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
}

.front-page-grouping a .front-created-date{
  color: #333;
  font-style: italic;
}

.front-block-Issues .front-created-date,
.front-block-Issues .front-preview-copy,
.front-block-Issues .front-article-image,
.front-block-Events .front-created-date,
.front-block-Events .front-preview-copy,
.front-block-Events .front-article-image{
	display:none;
}

.front-block-Issues,
.front-block-Events{
	-webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
  		-ms-transition: all 0.3s linear;
  		 -o-transition: all 0.3s linear;
  				transition: all 0.3s linear;
}

.front-block-Issues:hover,
.front-block-Events:hover{
	opacity: 1;
  filter: alpha(opacity=100);
}


.front-block-Issues a,
.front-block-Events a{
	opacity: .75;
  filter: alpha(opacity=75);
  background: rgba(255,255,255,.25);
}

.front-block-Issues a:hover,
.front-block-Events a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	background:none;
}

.front-block-Issues a:focus,
.front-block-Events a:focus{
	background:none;
	box-shadow:inset 3px 3px 6px #333333;
}


.front-block-Issues .front-title,
.front-block-Events .front-title{
	background: #0B256F;
	display: block;
	float: right;
	padding: 5px 5px 5px 18px;
	color: #f9c32d;
	line-height: 1.24em;
	font-size: 1.3em;
  position: absolute;
  right: 0;
	bottom:10px;
}


.issue-category-title{
	display:none;
}

.front-block-Issues .issue-category-title{
	background: #0B256F;
	display: block;
	float: left;
	padding: 5px 5px 5px 18px;
	color: #f9c32d;
	line-height: 1.24em;
	font-size: 1.3em;
	text-align:left;
	margin-top:5% !important;
}


/*********** Partners *************/
.view-allies-partners{
}

.view-allies-partners .views-row{
  margin-bottom:15px;
}

.view-allies-partners .field-content a{
  font-size:1.1em;
}



@media (max-width: 768px){
	.views-field-field-embeded-video {
		margin-left:-15px;
		margin-right:-15px;
		padding-bottom:20px;
	}
}

.embedded-video {
	position: relative;
	padding-bottom: 51.75%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.embedded-video .player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** Twitter Feed in News & Masonry ***/

.masonry-item{
	width: 25%;
  display: block;
	position:relative;
	float: left;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

@media (max-width: 480px){
	.masonry-item{
		width:50%;
	}
}


@media (min-width: 481px) and (max-width:767px) {
	.masonry-item{
		width:33%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.masonry-item{
		width:33%;
	}
	
}

.twitternews-block{
}

.twitternews-block .twitter-handle{
	font-weight:normal;
	font-size:.95em;
	background:#eee;
	padding:4px 6px;
}

.twitternews-block .twitter-handle a{
	-webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.twitternews-block .twitter-handle a:hover{
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #3587cb;
}

.twitternews-block .twitter-date{
	padding-bottom:7px;
}


.twitternews-block .twitter-image{
	width: 100%;
  height: 0;
  overflow: hidden;
	padding-bottom: 49%;
}

.twitter-view{
	display:none;
} 

#block-views-our-clients-block-1 .views-row.News .twitter-view{ 
	display:block;
}


.twitter-status {
	background: #f5f5f5;
	color: #333333;
	padding: 10px 10px;
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1.2em;
	border-bottom: solid 1px #eee;
}

.twitter-status a{
	color:#428bca;
}

.views-row-first .twitter-status{
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
  	border-radius:4px 4px 0 0;

}

.views-row-last .twitter-status{
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
}

.twitter-status .name-handle{
	font-size:14px;
}
.twitter-status .name-handle .name a{
	color:#595959;
}
.twitter-status .text {
	margin-left: 60px;
	font-size: 12px;
	color: #9d9d9d;
	line-height: 1.4em;
}
.twitter-status .timestamp {
	float: right;
	color: #9d9d9d;
	font-size: 12px;
	width: 100%;
	text-align: right;
}





/*** News & Updates ***/

.view-news-and-updates{
}

.view-news-and-updates .views-row{
	margin-bottom:15px;
}


@media (min-width: 481px) and (max-width:767px) {
	.view-news-and-updates .views-row{
		width:50%;
		float:left;
	}
}

.view-news-and-updates .box-border{
	
}
	
.view-news-and-updates .article-title,
.view-news-and-updates .body-preview{
	padding:0 10px;
}

.news-article-grouping{
	display:block;
	height:100%;
	position:relative;
}

.news-article-grouping a{
	border: solid 1px #aaa;
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

.news-article-grouping a:hover{
	text-decoration:none;
	box-shadow:0 0 #aaa, 1px 1px #aaa, 2px 2px #aaa, 3px 3px #aaa;
	background:#fad97d;
}
	
.news-article-grouping a:focus{
	background:#f9c32d;
}
	
/*** Staff ***/
.view-staff{
  display: table;
  position: relative;
  margin-bottom: 30px;
  width:100%;
}

 .view-staff .views-row{
   margin-bottom:15px;
 }

@media screen and (min-width:768px){
 .view-staff .views-row{
   display:block;
   position:relative;
   width:50%;
   float:left;
   margin-bottom:15px;
 }
 
 .view-staff .views-row-odd{
   padding-right:7.5px;
 }
 
 .view-staff .views-row-even{
   padding-left:7.5px;
 }
}

a.staff-link{
  color:#000;
  display:block;
  position:relative;
  height:100%;
  border:solid 1px #ddd;
  padding:5px; 
 -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

a.staff-link:hover,
a.staff-link:focus,
a.staff-link:active{
  text-decoration:none;
  color:#fff;
  background:#00aae4;
}
  
.view-staff .staff-block{
  display:inline-block;
  position:relative;
  width:100%;
  overflow:hidden;
}

.staff-block .left-section{
  display:block;
  position:relative;
  float:left;
  width:35%;
}

.staff-block .left-section .staff-image{
 display:block; 
 position:relative;
 height:150px;
 width:100%; 
  
}

.staff-block .right-section{
  display:block;
  position:relative;
  float:left;
  width:65%;
  padding-left:15px;
}

.staff-block .right-section h3{
  margin-top:10px;
}

.staff-title.row{
  margin-bottom:20px;
}

.staff-job-title{
  font-size: 18px;
  font-style: italic;
}

.field-name-field-staff-image{
  display:block;
  position:relative;
  margin-bottom:25px;
}

.field-name-field-staff-email{
  display:block;
  position:relative;
  margin-bottom:15px;
  font-size:16px;
}

.field-name-field-staff-phone{
  font-size:16px;
}

.node-staff.node-teaser .links.inline,
.node-staff.node-teaser h2.node-title{
  display:none;
}

.staff-phone-teaser .field-name-field-staff-phone,
.staff-email-teaser .field-name-field-staff-email{
  font-size:14px;
  margin-bottom:5px;
}

.row-outspace{
  margin-left:-15px;
  margin-right:-15px;
}

/************ 
Calendar
************/
.date-repeat-rule{
	display:none;
}


.view-events{
}

.view-events .views-row{
	margin-bottom: 20px;
  border: solid 1px #ddd;
  padding: 10px 10px 20px;
	box-shadow: 2px 2px 2px #ddd;
}

.view-events .date-display-single{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:1.3em;
	display:block;
	margin-bottom:1em;
}

.view-events .width-50{
  width:50%;
  float:left;
  display:block;
  position:relative;
  min-height: 1px;
}

.left .event-padding{
  padding-right:15px;
}

.right .event-padding{
  padding-left:15px;
}

.view-events .date-display-range{
	color:#666;
	font-style:italic;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	border-bottom: solid 1px #ddd;
}

.view-events h3.event-title{
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:500;
}

.view-events .event-description{
	color:#666666 !important;
}

.view-events .contact-group{
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 5px;
	margin-top:15px;
  font-size:14px;
}

.view-events .contact-info{
	font-size: 13px;
  text-transform: lowercase;
  margin-bottom: 15px;
}

.view-events .event-contact-name{
	font-weight:bold;
	margin-bottom:5px;
  font-size:16px;
}

.view-events .event-contact-phone,
.view-events .event-contact-email{
	padding-left:5px;
}

.view-events .event-contact-person{
  
}

.view-events{
	
}




.view-id-upcoming_event_map .view-content{
	height:200px;
	width:100%;
	display:block;
	position:relative;
}



/*** Bean ***/
.bean-link-block{
  
}

.bean-link{
  display:block;
  position:relative;
  height:100%;
  width:100%;
  text-align:center;
  padding:30px 0;
}

.bean-link .block-title{
  margin-bottom:.25em;
}

.bean-link.blue{
  background:#00aae4;
  color:#fff;
  border-top:solid 5px #00aae4;
  border-bottom:solid 5px #00aae4;
}

.bean-link.blue:hover,
.bean-link.blue:active,
.bean-link.blue:focus{
  text-decoration:none;
  color:#00aae4;
  background:#fff;
  border-top:solid 5px #00aae4;
  border-bottom:solid 5px #00aae4;
}



.bean-link.green{
  color:#fff;
  background:#69ca10;
  border-top:solid 5px #69ca10;
  border-bottom:solid 5px #69ca10;
}

.bean-link.green:hover,
.bean-link.green:active,
.bean-link.green:focus{
  background:#fff;
  color:#69ca10;
  text-decoration:none;
}


.bean-link.orange{
  color:#fff;
  background:#ff6700;
  border-top: solid 5px #ff6700;
  border-bottom: solid 5px #ff6700;
}

.bean-link.orange:active,
.bean-link.orange:focus,
.bean-link.orange:hover{
  color:#ff6700;
  background:#fff;
  text-decoration:none;
}


/*** Contact Us ***/

.region-contact{
  
  
}


.visible-768 .region-contact{
  position:absolute;
  top:0;
  width:100%;
  background:rgba(255,255,255,.7);
}

.visible-768 .contact{
  margin-bottom:15px;
}

.region-contact .block-block{
}

.region-contact .block-webform{
  margin-bottom:4em;
  position:relative;
  display:block;
  margin-left:40%;
}

.region-contact .block-webform h2.block-title{
  text-align:right;
  font-size:2em;
  color:#222222;
}


#block-block-6 p {
  color:#999999;
}

#block-block-6 p strong{
  color:#777777;
}

.map-small-screen{
  display: block;
  position: relative;
  height: 500px;
  width: 100%;
}


h3.offices{
	margin-bottom:0;
}




.pager li {
	display:none;
}


.pager li.pager-previous{
	position:absolute;
	left:20px;
	bottom:5px;
	display:block !important;
}

.pager li.pager-next{
	position:absolute;
	right:20px;
	bottom:5px;
	display:block !important;
}

#main-wrapper {
	position: relative;
}

#block-block-5 p a{
 background: #00aae4;
 padding:30px 0;
 display:block;
 position:relative;
 height:100%;
 width:100%;
 color:#fff;
 text-transform:uppercase;
 font-size: 1.4em;
 letter-spacing: 1px;
}

#block-block-5 p a:hover,
#block-block-5 p a:active,
#block-block-5 p a:focus{
  text-decoration:none;
  background:#00beff;
}


/*********
Footer Social Media Widgets 
*********/

.widgets-element{
	margin-right:0px;
}

.widgets-element:hover{
}

.widgets-element:active,
.widgets-element:focus{
	box-shadow:inset 1px 1px 3px #111;
}

#widgets-element-socialmedia_socialmedia-rss-feed-button{
	display:none;
}

#widgets-element-socialmedia_socialmedia-twitter-profile-button a,
#widgets-element-socialmedia_socialmedia-facebook-profile-button a,
#widgets-element-socialmedia_socialmedia-flickr-profile-button a,
#widgets-element-socialmedia_socialmedia-youtube-profile-button a{
	height:100%;
	width:100%;
	position:relative;
	display:block;
}

#widgets-element-socialmedia_socialmedia-twitter-profile-button a:hover{
	background: #79cdf1;
}

#widgets-element-socialmedia_socialmedia-facebook-profile-button a:hover{
	background: #3b5998;
}

#widgets-element-socialmedia_socialmedia-flickr-profile-button a:hover{
	background: #0063DC;
}

#widgets-element-socialmedia_socialmedia-youtube-profile-button a:hover{
	background: #cd201f;
}

/********** Contact Page ************/
.section-contact-us{
}

.section-contact-us a.map{
	  height: 300px;
    width: 100%;
		display:block;
    background-image: url(/sites/all/themes/walz/images/mankato-office.png);
    position: relative;
		background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://dev-tim-walz.pantheon.io/sites/default/files/contact-page.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev-tim-walz.pantheon.io/sites/default/files/contact-page.jpg',sizingMethod='scale')";
}






/********* Webform at bottom of pages ***********/

#bottom-form{
	margin-left:-15px;
	margin-right:-15px;
	padding: 0 15px 25px 15px;
	background:#fff;
  border: solid 1px #ff9400;
}


#bottom-form .node__title,
.default-form-title{
	margin-bottom:.25em;
}

#bottom-form .node__title,
#bottom-form .field,
#bottom-form .default-form-title{
	color:#00aae4;
  line-height:1.4em;
  margin-top:0;
}

#bottom-form .field-name-field-description{
	font-size:14px;
}

#bottom-form.selected-form{
  float: right;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 0;
  margin-left: 25px;
  margin-right: -75px;
  margin-bottom: 50px;
}

#bottom-form.default-form{
  float: right;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 0;
  margin-left: 25px;
  margin-right: 0px;
  margin-bottom: 50px;
}



@media (min-width:481px) and (max-width: 767px) {
  #bottom-form.selected-form,
  #bottom-form.default-form{
    margin-right:0;
    width:50%;
  }
}

@media (min-width: 768px){
	
	#bottom-form.selected-form,
  #bottom-form.default-form{
    margin-right:-15px;
    width:40%;
  }
}




@media (min-width: 1100px){
  #bottom-form.selected-form,
  #bottom-form.default-form{
    margin-right: -30px;
    width:40%;
  }
}

@media (min-width: 1200px){
  #bottom-form.selected-form,
  #bottom-form.default-form{
    margin-right: -75px;
    width:40%;
  }
}




#bottom-form .form-item{
	width:100%;
	padding:0;
}


#bottom-form .form-item input{
	padding:10px;
}

#bottom-form input[type="submit"]{
	margin-left:0;
}

@media(min-width:768px){
	#bottom-form{
    padding: 15px 15px 30px 15px;
    margin-top:25px;
	}
}


/********************************* 10. FOOTER ***********************************/

.footer {
	padding:0 0 15px 0;
	width:100%;
	bottom:0;
	left:0;
	position:relative;
  border-top: solid 2px #00aae4;
}

.footer .container{
}

.footer .credit .container{
	margin-top:10px;
	display:block;
}

.credit-text{
	margin-right:-15px;
}



.flickr-block-photosets .flickr-block-photoset {
    margin: 0.25em;
    border-top: none;
		width:30%;
		float:left;
		padding-top:0;
}

.flickr-block-photosets .flickr-block-set-title,
.flickr-block-photosets .flickr-counter{
	display:none;
}

.flickr-block-photosets .flickr-photoset-img{
	width:100%;
	border: solid 1px #e4e4e4;
}


@media(max-width:768px){
	.footer {
	}
  
  .region-footer .block{
    margin:0 auto;
    text-align:center;
  }
  
  #widgets-element-socialmedia_profile-default{
    display:table;
    width:auto;
    margin:0 auto;
  }
  
}

.region-footer .block{
	margin-bottom:.5em;
}

.region-bottom .block{
	margin-bottom:0;
}



.credit{
	color: #ddd;
  font-size: .85em;
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 20px;
}



.credit a{
	color:#ddd;
	-webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.credit a:hover{
	text-decoration:none;
	color: #f7b500;
	-webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

/********************************* 11. PAGE BOTTOM ***********************************/
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}


/********************************* 12. GLOBAL OBJECTS ***********************************/

.panel-group .panel{
  display: block;
  position: relative;
  background: blue;
  height: 55px;
  border: none;
  border-radius: none;
	}



.section-civicrm .sidebar-left,
.section-civicrm .sidebar-right{
  border-top:0;
}

.section-civicrm .main{
  border-top: solid 1px #ddd;
}

.section-civicrm .hidden-768,
.section-civicrm .visible-768{
  display:none !important;
}

.crm-container a.button, 
.crm-container a.button:link, 
.crm-container a.button:visited {
  display: block;
  float: left;
  line-height: 135%;
  color: #000;
  text-shadow: none;
}





/********************************* 13. VENDOR-SPECIFIC  ***********************************/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
 }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; 
	position:relative;}

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: #ffffff;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; 
 		position:relative;}
  .mfp-iframe-holder .mfp-close {
    top: 0px;
    width: 45px;
    color: #000;
    font-size: 38px;
    right: 0px;
    min-width: auto;
    text-align: center;
		margin-top:0;
	}
				
iframe.mfp-iframe{
	width:100%;
	position:relative;
	display:block;
	height:100%;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



.mfp-container .container{
	background:#fff;
}
/********************************* 14. TEMPLATE SPECIFICS ***********************************/
body #in-iframe {
	width:100%;
}
#in-iframe #navbar,
.mfp-content #navbar,
#in-iframe .footer,
.mfp-content .footer,
#in-iframe #topbar{
	display:none;
}

#in-iframe .header,
.mfp-content .header{
	height:0px;
	min-height:0px;
	z-index:20;
	padding:0;
}

#in-iframe #main,
.mfp-content #main{
	padding-bottom:0;
	background:#eee;
}

#in-iframe article h1.title{
  margin-left:0;
  padding-left:0;
}

#in-iframe #field-slideshow-2-wrapper{
	width:auto !important;
}

#in-iframe #field-slideshow-1-wrapper{
	width:auto !important;
}

#in-iframe .field-slideshow{
	width:100% !important;
}

#in-iframe .field-slideshow-1{
	height: 0 !important;
	padding-bottom:33%;
}
#in-iframe .main-center-content{
  padding-top:0;
}

#in-iframe #field-slideshow-1-controls{
	display:none;
}


#in-iframe aside.col-sm-2{
	width:48px;
}


#in-iframe aside.col-sm-3{
	display:none;
}


#in-iframe section.col-sm-7{
	width:90%;
}

#in-iframe .logo-box{
	position: absolute;
  left: 0;
  top: 10px;
}

#in-iframe .random-button-box,
#in-iframe .filler-images{
	display:none;
}

@media (max-width:779px){
	#in-iframe aside.col-sm-2{
		display:none;
	}
	
	#in-iframe .logo-box{
		width:25%;
		top:0;
	}
	
	#in-iframe .logo-box img{
		width:100%;
	}
	
	#in-iframe section.col-sm-7{
		width:100%;
	}
}

/********************************* 15. MODERNIZR ***********************************/

@media (max-width: 480px) {
 .col-xs-1,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4, 
 .col-xs-5,
 .col-xs-6,
 .col-xs-7, 
 .col-xs-8,
 .col-xs-9,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
 }
}




@media (max-width: 480px) {

}

@media (min-width: 481px) and (max-width:767px) {
	
}

@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) {
	
}


@media (min-width: 992px) {

}