/*

_____________________________________________________

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 ---
   
Dark Blue #1a1a46 

**/





/********************************* 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%;
	}
}

.page-title{
  background:url(../images/st-paul.jpg) center center;
  padding:10px 0;
}
 
.front .page-title{
  display:none;
}



/*
 * 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;
	font-family: 'Muli', sans-serif;
}

article h1.title{
	color:#375d81;
	margin:10px 0 1em 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%;
	font-family: 'PT Sans', sans-serif;
}

.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{
	padding-top:10px;
}

#block-superfish-1 {
	font-family: 'PT Sans', sans-serif;
	text-transform:uppercase;
}

#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: 16.6666667%;
}

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

#sidr-wrapper-0{
	position:relative;
	float:right;
	margin-top:10px;
}

.nav-button{
	position: relative;
  float: right;
  padding-top: 15px;
  height: 45px;
  width: 45px;
  text-align: right;
  line-height: 5px;
	font-family: 'PT Sans', sans-serif;
}

.nav-button span, 
.nav-button span:before, 
.nav-button span:after {
  cursor: pointer;
  border-radius: 0px;
  height: 4px;
  width: 45px;
  background: #ffffff;
  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 {
 min-height:45px;
 display:block;
 position:relative;
 padding-bottom:15px;
	padding-top:15px;
}


.front #header{
}


/* Logo image. */

.logo{
  background:#1a1a46;
	display:block;
	padding: 10px 20px;
	height:100%;
}

.logo-box{
	padding-right:0;
}

@media (max-width:480px){
	#header .container{
		padding-left:0;
		padding-right:0;
	}
	
	.logo-box,
	.random-button-box{
		padding-right:0;
		padding-left:0;
	}
}

@media (max-width:767px){
	#header{
		padding-top:0;
		padding-bottom:0;
	}

	#navbar {
		padding-top: 10px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.logo img{
	  width: 50%;
    margin: 0 auto;
    display: block;
	}

	.random-button-box .block{
		margin-bottom:auto;
	}
	
	.random-button-box .block p{
		padding-bottom:0;
		margin-bottom:0;
	}
}

@media (min-width: 481px) and (max-width:767px) {
	.logo-box,
	.random-button-box{
		padding-right:0;
		padding-left:0;
		margin-bottom:10px;
	}
	
	.random-button-box{
		margin-top:-1px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.sf-menu.sf-style-light-blue{
		font-size:14px;
	}
}


.random-button-box{
	padding-left:0;
}

.filler-images{
	display:none;
}

@media (min-width: 481px)  {
	.region-top-center-box{
		display:block;
		position:relative;
		height:100%;
	}
	
	.email-sign-up{
		position:relative;
		display:block;
		height:100%;
	}
	
	.email-bg-image{
		height:100%;
		width:100%;
		display:block;
		position:absolute;
		opacity:.5;
		filter: alpha(opacity=50);
		background-color: #FFFFFF !important;
    background-image: url('../images/header-bg-email/rotator.php') !important;
    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;
	}
	
	.region-top-center-box .block-title{
		padding: 15px 20px;
    margin: 0;
    color: #1a1a46;
    font-size: 17px;
    text-align: center;
	}
	
	.region-top-center-box .webform-component input{
		background:rgba(255,255,255,.6);
		padding:5px;
	}
	
	.region-top-center-box  .form-item{
		margin:0 0 .5em;
	}
	.region-top-center-box .form-actions{
		position:relative;
		display:block;
		width:100%;
	}
	.region-top-center-box input[type="submit"]{
		display:block;
		position:absolute;
		width:200px;
		left:50%;
		margin-left:-100px;
		top:25px;
    padding: 5px;
    font-size: 1.05em;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
   
		text-align:center;
		cursor: pointer;
    -webkit-appearance: button;
    background: #1a1a46;
    color: #ffffff;
    border: solid 1px #aaa;
		box-shadow: none;
    border-top: none;
    border-left: none;
	}
	
	.filler-images{
		display:block;
		position:relative;
		height:100%;
		width:100%;
		opacity:.5;
		filter: alpha(opacity=50);
	}
	
	.filler-images .left-image{
		width:50%;
		height:100%;
		float:left;
		padding-right:7.5px;
	}
		
	.filler-images .right-image{
		width:50%;
		height:100%;
		float:left;
		padding-left:7.5px;
	}
	
	.filler-images .left-image .random-image{
		height:100%;
		width:100%;
		display:block;
		background-color: #FFFFFF !important;
    background-image: url('../images/header-bg-left/rotator.php') !important;
    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;
	}
	
	.filler-images .right-image .random-image{
		height:100%;
		width:100%;
		display:block;
		background-color: #FFFFFF !important;
    background-image: url('../images/header-bg-right/rotator.php') !important;
    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;
	}
}

.region-top-left-box,
.region-top-left-box .block,
.region-top-left-box .block p{
	display:block;
	position:relative;
	height:100%;
}

.region-top-left-box .block p{
	vertical-align: central;
}

.region-top-left-box .block p a{
	color:#ffffff;
	display:block;
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
	font-size:2em;
	font-style:italic;
}


.region-top-left-box .block p a:hover{
	box-shadow:1px 1px 3px #333333;
	text-decoration:none;
}

.region-top-left-box .block p a:active,
.region-top-left-box .block p a:focus{
	box-shadow: inset 1px 1px 3px #333333;
}

.red a{
	background:#b2220f;
}


@media (max-width:767px) {
	.region-top-left-box .block p a{
		height:70px;
		padding-top:20px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.region-top-left-box .block p a{
		padding-top:28px;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.region-top-left-box .block p a{
		padding-top:40px;
	}
}


@media (min-width: 1200px){
	.region-top-left-box .block p a{
		padding-top:50px;
	}
}

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

#user-login{
  text-align:center;
}

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

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





/******** Volunteer Blocks ***********/
#block-block-2{
	  background-color: #FFFFFF !important;
    background-image: url('../images/walz-volunteer.jpg') !important;
    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;
	  height: 350px;
    margin-left: -15px;
    margin-right: -15px;
		margin-bottom:15px;
		position:relative;
}

#block-multiblock-1{
	background-color: #FFFFFF !important;
	background-image: url('../images/walz-volunteer.jpg') !important;
	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;
	margin-bottom:15px;
	position:relative;
	padding:0;
}



#block-block-3{
	  background-color: #ffffff !important;
    background-image: url('../images/walz-lte.jpg') !important;
    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/meet-tim.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev-tim-walz.pantheon.io/sites/default/files/meet-tim.jpg',sizingMethod='scale')";
	  height: 350px;
    margin-left: -15px;
    margin-right: -15px;
		position:relative;
		filter: saturation(20%);
}


#block-block-2 p,
#block-multiblock-1 p,
#block-block-3 p{
	height:100%;
	width:100%;
	display:block;
	position:relative;
	background: rgba(255,255,255,.25);
	-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;
}


#block-block-2 p a,
#block-multiblock-1 p a,
#block-block-3 p a{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	font-family: 'Muli', sans-serif;
	color:#f9c32d;
	line-height: 1.24em;
  padding-top: 60%;
	font-size:1.6em;
	opacity:.85;
	filter: alpha(opacity=85);
	-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;
}

#block-multiblock-1 p a{
	opacity:.8;
	filter: alpha(opacity=80);
}

#block-block-2 p:hover,
#block-multiblock-1 p:hover,
#block-block-3 p:hover{
	background:none;
}


#block-block-2 p a:hover,
#block-multiblock-1 p a:hover,
#block-block-3 p a:hover{
	opacity:1;
	filter: alpha(opacity=100);
}


#block-block-2 p a:focus,
#block-multiblock-1 p a:focus,
#block-block-3 p a:focus{
	box-shadow: inset 3px 3px 6px #333333;
}


#block-block-2 p a .darkbluelink,
#block-multiblock-1 p a .darkbluelink{
	background:#0B256F;
	display:block;
	float: right;
  padding: 5px 15px 5px 10px;
}

#block-block-3 p a .darkbluelink{
	background:#0B256F;
	display:block;
	float: left;
  padding: 5px 10px 5px 15px;
}

@media (min-width:481px) and (max-width:767px){
	#block-block-2 p a,
	#block-multiblock-1 p a,
	#block-block-3 p a{
		font-size:2em;	
	}		
}


@media (min-width: 768px) and (max-width:991px){
	#block-block-2 p a,
	#block-multiblock-1 p a,
	#block-block-3 p a{
		font-size:1.4em;	
	}	
}

@media(min-width:992px) and (max-width:1199px){
	#block-block-2 p a,
	#block-multiblock-1 p a,
	#block-block-3 p a{
		font-size:1.6em;	
	}
}

@media(min-width:1200px){
	#block-block-2 p a,
	#block-multiblock-1 p a,
	#block-block-3 p a{
		font-size:1.6em;	
	}
}

@media (max-width:767px){
	.region-sidebar-second{
		padding-top:15px;
	}
	
	#block-block-2,
	#block-block-3{
		float:left;
		width:50%;
	}
	
	#block-block-2{
		margin-right:15px;
	}
	
	#block-block-3{
		margin-left:15px;
	}
}

.region-sidebar-second{
}


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

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

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

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

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

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

#widgets-element-socialmedia_share-default .widgets-element{
	margin-right:0;
	width:48px;
	-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:hover{
	background:#f9c32d;
}



/********************************* 8. MAIN CONTENT ***********************************/



.node{
	padding-bottom:20px;
}

.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: -100px;
	height: 100px;
	background: rgba(255,255,255,.6);
	margin-left: -15px;
	margin-right: -15px;
	position:relative;
}

.node-type-article .title-header{
	margin-top:-200px;
	height:200px;
}

.node-type-article .page-icon{
	position: absolute;
	top: 0;
	right: 0;
	background: #f9c32d;
	height: 50px;
	width: 50px;
}

.node-type-article .page-icon .newspaper-icon{
	background:url(../images/news-icon.png) no-repeat center center;
	height:40px;
	width:40px;
	margin: 5px;
}

.node-type-article .page-icon .article-icon{
	background:url(../images/article-icon.png) no-repeat center center;
	height:40px;
	width:40px;
	margin: 5px;
}


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

.title-header .field-name-field-source{
	font-family: 'Muli', sans-serif;
	font-weight:bold;
	color:#333;
	padding: 15px 15px 5px 15px;
}


.title-header .field-name-field-author{
	font-family: 'PT Serif', serif;
	color:#333;
	padding:0 15px;
	font-style:italic;
}


.title-header .date-in-parts{
	font-family: 'PT Serif', serif;
	color:#333;
	padding:0 15px;
	font-style:italic;
}

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


@media (min-width:768px){
	.header-background-image{
		height:400px;
	}
	
	.title-header{
		margin-top: -200px;
		height: 200px;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.node-type-article .title-header{
		margin-top:-300px;
		height:300px;
	}
	
	.node-type-article .page-icon{
		position: absolute;
		top: 0;
		right: 0;
		background: #f9c32d;
		height: 50px;
		width: 50px;
	}
	
	h1.page__title{
		padding-top:80px;
		font-weight:bold;
	}
	
	.node-type-article h1.page__title{
		padding-top:55px;
	}
}


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

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

.node-type-article .main-center-content{
	padding-bottom:0;
}

.node-type-page .node-page{
	background:#ffffff;
	margin:0 auto;
}

.overlay{
	display: block;
  position: absolute;
  top: 0;
  background: url(../images/bg-overlay3.png) repeat;
  z-index: 10;
	height:100%;
	width:100%;
	opacity:0;
}


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


/******* Issues Page *********/
.view-issues{
	
}

.view-issues .views-row{
	margin-bottom:15px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.issue-block-height{
	height:0;
	padding-bottom:150%;
	width:100%;
	display:block;
	position:relative;
}

.view-issues .issue-block-height a{
	position:absolute;
	height:100%;
	width:100%;

}

.view-issues .issue-block-height{
  -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;
  opacity: .8;
  filter: alpha(opacity=80);
  background: rgba(255,255,255,.2);
  position:relative;
}

.view-issues .issue-block-height:hover{
	box-shadow:1px 1px #f9c32d, 2px 2px #f9c32d, 3px 3px #f9c32d;
    opacity: 1;
  filter: alpha(opacity=100);
  background: rgba(255,255,255,0);
}

.view-issues .issue-block-height a:focus{
	box-shadow: inset 3px 3px 6px #333333;
}

.view-issues .issue-title{
	display: block;
  position: absolute;
  font-family: 'Muli', sans-serif;
  color: #f9c32d;
  line-height: 1.24em;
  font-size: 1.3em;
}

.view-issues .views-row-1 .issue-title,
.view-issues .views-row-10 .issue-title{
	bottom:25%;
}

.view-issues .views-row-2 .issue-title,
.view-issues .views-row-11 .issue-title{
	bottom:20%;
}

.view-issues .views-row-3 .issue-title,
.view-issues .views-row-12 .issue-title{
	bottom:25%;
}

.view-issues .views-row-4 .issue-title,
.view-issues .views-row-13 .issue-title{
	bottom:15%;
}

.view-issues .views-row-5 .issue-title,
.view-issues .views-row-14 .issue-title{
	bottom:20%;
}

.view-issues .views-row-6 .issue-title,
.view-issues .views-row-15 .issue-title{
	bottom:25%;
}

.view-issues .views-row-7 .issue-title,
.view-issues .views-row-16 .issue-title{
	bottom:20%;
}

.view-issues .views-row-8 .issue-title,
.view-issues .views-row-17 .issue-title{
	bottom:20%;
}

.view-issues .views-row-9 .issue-title,
.view-issues .views-row-18 .issue-title{
	bottom:20%;
}

.view-issues .darkbluelink{
	background: #0B256F;
	display: block;
	float: right;
	padding: 5px 15px 5px 10px;
}

@media (max-width:767px){
	.view-issues .views-row{
		width:50%;
		float:left;
	}
	
	.view-issues .views-row-odd{
		padding-right:7.5px;
	}
	
	.view-issues .views-row-even{
		padding-left:7.5px;
	}
	
	.view-issues .issue-title{
		font-size:18px;
	}
	
}


/********* 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;
	font-family: 'Muli', sans-serif;
	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{
	font-family: 'PT Serif', serif;
  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;
	font-family: 'Muli', sans-serif;
	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;
	font-family: 'Muli', sans-serif;
	color: #f9c32d;
	line-height: 1.24em;
	font-size: 1.3em;
	text-align:left;
	margin-top:5% !important;
}



@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-family: 'Muli', sans-serif;
	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;
}

/*** Letters to the Editor ***/
.page-lte .main-center-content{
		margin-top:0;
		padding-top:0;
	}


.view-letters-to-the-editor{
	position:relative;
	display:block;
}


.view-letters-to-the-editor .view-header{
	margin-top:-100px;
	position:relative;
	display:block;
	font-style:italic;
	font-family:'PT Serif', sans-serif;
	padding-bottom:50px;
}

.view-letters-to-the-editor .view-filters{
	margin-left:-15px;
	margin-right:-15px;
	padding:10px 15px;
	background:#1a1a46;
	position:relative;
	display:block;
}


.views-exposed-widgets {
    margin-bottom: .5em;
    position: relative;
    display: block;
}

.views-exposed-form .views-exposed-widget{
	width:auto;
	padding:0;
}

.views-exposed-form .views-exposed-widget label{
	color:#fff;
}


.views-exposed-form .views-exposed-widget input{
	padding:5px 10px;
}

.views-exposed-form .views-exposed-widget .form-item{
	padding-top:10px;
	float:left;
	position:relative;
	width:100%;
}

#edit-distance-wrapper{
	width:50%;
}

.form-item-distance-postal-code input{
	width:100%;
}

.form-item-distance-search-distance,
.form-item-distance-search-units{
	display:none;
}

.view-letters-to-the-editor .form-item-distance-search-distance {
	display:none;
}


.views-exposed-form .views-submit-button{
	position: absolute;
  right: 15px;
  bottom: 0;
}
.views-exposed-form .views-exposed-widget .form-submit{
	border: solid 3px #fff;
  color: #fff;
}

@media (max-width:767px) {
	.view-letters-to-the-editor .view-header{
		margin-top:0;
		color:#fff;
		background:#1a1a46;
		margin-left:-15px;
		margin-right:-15px;
		padding:10px 15px;
		border-bottom:solid 1px #ddd;
	}
	
	.view-letters-to-the-editor .view-header p{
		margin:0;
	}
	
	.view-letters-to-the-editor .view-filters{
		margin-top:0;
		padding-bottom:0;
	}
	
	#edit-distance-wrapper{
		width:90%;
		position:relative;
		display:block;
	}
	
	.views-exposed-form .views-exposed-widget .form-item{
		width:100%;
	}
	
	.views-exposed-form .views-submit-button{
		float:left;
		padding:0;
		width:100%;
		position:relative;
		bottom:10px;
		padding-bottom:15px;
	}
	
	.views-exposed-form .views-exposed-widget .form-submit{
	}
}

.view-letters-to-the-editor .view-content{
	padding:30px 0 25px 0;
}


.view-letters-to-the-editor .publications a {
	border: solid 1px #aaa;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding:10px;
}

.view-letters-to-the-editor .publications a:hover{
	text-decoration: none;
	box-shadow: 0 0 #aaa, 1px 1px #aaa, 2px 2px #aaa, 3px 3px #aaa;
	background: #fad97d;
}
.view-letters-to-the-editor .publications a:focus{
	text-decoration: none;
	box-shadow: 0 0 #aaa, 1px 1px #aaa, 2px 2px #aaa, 3px 3px #aaa;
	background: #f9c32d;
}


.view-letters-to-the-editor .publications h3{
	margin-top:0;
}
/*** 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;
}
	
	
	
/*** Endorsements ***/
.view-endorsements{
	position:relative;
	width:100%;
	display:block;
}

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

.view-endorsements .views-row .box-border{
	
}
	
.view-endorsements .views-row .Individual{
	width:100%;
	display:block;
	border:solid 1px #ddd;
	padding: 10px;
  text-align: center;
}

.view-endorsement-quotes{
  width: 100%;
    display: block;
    border: solid 1px #ddd;
    padding: 10px;
}

.view-endorsement-quotes .views-field-title,
.Individual .endorser-name{
	color: #000000;
	font-size: 14px;
	font-family: 'Muli', sans-serif;
}

.view-endorsement-quotes .views-field-title{
  text-align:right;
}

.Individual .endorser-city,
.view-endorsement-quotes .field-name-body p{
	font-family: 'PT Serif', serif;
	color: #333;
	padding: 0 15px;
	font-style: italic;
}



.view-endorsements .views-row .Organization{
	height:175px;
	width:100%;
	display:block;
}
	
.view-endorsements .views-row .Organization .endorser-name{
  text-align:center;
  margin-bottom:25px;
  padding-bottom:20px;
}
	
	
/*** Contact Us ***/


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;
}


/*********
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')";
}

/********* Photo Gallery ***********/

#block-views-gallery-block{
  margin-bottom:30px;
  margin-top:30px;
}

.footer #block-views-gallery-block{
  margin-top:0;
}

#block-views-gallery-block .views-row{
 display:block;
  position:relative;
  margin-bottom:20px;
}

@media(min-width:480px){
  
#block-views-gallery-block{
  
}

#block-views-gallery-block .views-row{
  display:block;
  position:relative;
  float:left;
  width:33.3333333333%;
}

#block-views-gallery-block .views-row .views-field-field-gallery-image{
  padding-right: 5px;
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 63%;
  overflow: hidden;
}

#block-views-gallery-block .views-row-last .views-field-field-gallery-image{
  padding-right:0;
}
}

.gallery-page-view{
  display:inline-block;
  position:relative;
}


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

#bottom-form{
	margin-left:-15px;
	margin-right:-15px;
	padding: 0 15px 25px 15px;
	background:#f9c32d;
}


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

#bottom-form .node__title,
#bottom-form .field,
#bottom-form .default-form-title{
	color:#ffffff;
}

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

#bottom-form.selected-form{
}

#bottom-form.default-form{
}

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


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

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

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


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

.footer {
	padding: 15px 0;
	width:100%;
	margin-top:15px;
	bottom:0;
	left:0;
	position:relative;
	border-top: 1px solid #0B256F;
  color: #ffffff;
  background: #1a1a46;
}

.footer .container{
}

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

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

.footer .block-title{
	font-size:18px;
	color:#fff;
	margin-top:0;
}

.contact .contact-info{
	padding-left: 25px;
  margin-bottom: 1.5em;
}

.contact .email{
	background:url(../images/mail-icon.png) no-repeat left center;
}

.contact .phone{
	background:url(../images/phone-icon.png) no-repeat left center;
}

.contact .address{
	background:url(../images/address-icon.png) no-repeat left center;
}


.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;
	}










/********************************* 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; 
		height:95%;
		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 {
	background:rgba(255,255,255,0.8);
	min-height:600px;
	width:100%;
}
#in-iframe #navbar,
.mfp-content #navbar,
#in-iframe .footer,
.mfp-content .footer{
	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 #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 #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) {

}