/*
Theme Name: District50
Author: CL Phillips
Author URI: https://behance.net/losdesigns
Version: 20171120.1

Colors:*/

@font-face {
  font-family: 'Special';
  src: url('./fonts/caudex-italic.svg');
  src:  url('./fonts/caudex-italic.eot?#iefix') format('embedded-opentype'),
url('./fonts/caudex-italic.woff2') format('woff2'),
url('./fonts/caudex-italic.woff') format('woff'),
url('./fonts/caudex-italic.ttf') format('truetype'),
url('./fonts/caudex-italic.svg#Special') format('svg');
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-light.eot');/* IE9 Compat Modes */
  src: url('./fonts/OPSans-light.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-light.woff2') format('woff2'),
url('./fonts/OPSans-light.woff') format('woff'),
url('./fonts/OPSans-light.ttf') format('truetype'),
url('./fonts/OPSans-light.svg#OPSans') format('svg');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-ltitalic.eot');
    src:  url('./fonts/OPSans-ltitalic.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-ltitalic.woff2') format('woff2'),
url('./fonts/OPSans-ltitalic.woff') format('woff'),
url('./fonts/OPSans-ltitalic.ttf') format('truetype'),
url('./fonts/OPSans-ltitalic.svg#OPSans') format('svg');
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-regular.eot');
src:  url('./fonts/OPSans-regular.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-regular.woff2') format('woff2'),
url('./fonts/OPSans-regular.woff') format('woff'),
url('./fonts/OPSans-regular.ttf') format('truetype'),
url('./fonts/OPSans-regular.svg#OPSans') format('svg');
  font-weight: 400;
  font-style: normal;
    -webkit-font-smoothing: antialiased;}

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-italic.eot');
  src:  url('./fonts/OPSans-italic.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-italic.woff2') format('woff2'),
url('./fonts/OPSans-italic.woff') format('woff'),
url('./fonts/OPSans-italic.ttf') format('truetype'),
url('./fonts/OPSans-italic.svg#OPSans') format('svg');
  font-weight: 400;
  font-style: italic;}
  
@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-semibold.eot');
  src:  url('./fonts/OPSans-semibold.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-semibold.woff2') format('woff2'),
url('./fonts/OPSans-semibold.woff') format('woff'),
url('./fonts/OPSans-semibold.ttf') format('truetype'),
url('./fonts/OPSans-semibold.svg#OPSans') format('svg');
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-semibolditalic.eot');
  src:  url('./fonts/OPSans-semibolditalic.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-semibolditalic.woff2') format('woff2'),
url('./fonts/OPSans-semibolditalic.woff') format('woff'),
url('./fonts/OPSans-semibolditalic.ttf') format('truetype'),
url('./fonts/OPSans-semibolditalic.svg#OPSans') format('svg');
  font-weight: 600;
  font-style: italic; } 

@font-face {
  font-family: 'OPSans';
  src: url('./fonts/OPSans-bold.eot');
  src:  url('./fonts/OPSans-bold.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-bold.woff2') format('woff2'),
url('./fonts/OPSans-bold.woff') format('woff'),
url('./fonts/OPSans-bold.ttf') format('truetype'),
url('./fonts/OPSans-bold.svg#OPSans') format('svg');
  font-weight: bold;
  font-style: normal; } 

@font-face {
  font-family: 'OPSans-xb';
  src: url('./fonts/OPSans-extrabold.eot');
  src:  url('./fonts/OPSans-extrabold.eot?#iefix') format('embedded-opentype'),
url('./fonts/OPSans-extrabold.woff2') format('woff2'),
url('./fonts/OPSans-extrabold.woff') format('woff'),
url('./fonts/OPSans-extrabold.ttf') format('truetype'),
url('./fonts/OPSans-extrabold.svg#OPSans') format('svg');
  font-weight: 800;
  font-style: normal; }

html, body, main, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, fieldset, figcaption, figure, footer, group, header, legend, mark, menu, meter, nav, output, progress, section, summary, time, audio, video, form, input, select, textarea, button {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  border: 0;
  outline: none; }

html {
    background:#d4d4d4;
	color: #363636;
	overflow-y: scroll;
    min-width: 360px;
    box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
	font: 18px/1.2 "OPSans", sans-serif;
    margin: 2.5em auto 0;
    max-width:2000px;
    overflow: hidden;}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

p, li, input, select, input[type=submit],input[type=email],input[type=search],input[type=email],input[type=button], h1, h2, h3, h4 {
  cursor: default;
  box-sizing: border-box;
}

a {
  text-decoration: none;
    color: inherit;
    vertical-align: inherit;
    line-height: inherit;}
a, a:visited, a:focus { outline: none;}

li {
    vertical-align: middle;
    list-style-position: inside;
    line-height: 1.45;
    }

li a {
    line-height: inherit;}

nav ul {
  display: table;
  width: 100%; }
  nav ul li { display: table-cell;}

header ul {list-style: none}

article img {
    max-width:100%;
    height: auto;}

p {
    font-size: 18px /*18px*/;
    line-height: 1.2;
    margin-bottom: 14px;}

p a  {font-style: italic;}

video {
    width: 100%;
    height: auto;
    max-height: 100%}

object {
    width: 100%;
    height: 100%;}

small {font-size: 60%;}

label, figure img {display: block;}
article figure img {margin: 0 auto;}

label + label, select {margin-top: 10px;}

table *, input, select, textarea, button, .button {
    vertical-align: middle;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    max-width: 100%;}

input, select, textarea {
    background-color: #363636;
    color:#EBEBEB;
    font-size: small;
    height: 40px;
    padding: 7px 22px;	
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input:hover,input:focus {
	box-shadow: inset 0 0 0 2px #F0Cb47}

button, .button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

textarea {min-height: 150px;}
/* --- Video Styling -- */
input:focus {
  box-shadow: none;
  outline: none;
}
input:hover::-webkit-slider-thumb, input:active::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  background: #F0Cb47;
}
input:hover::-moz-range-thumb, input:active::-moz-range-thumb {
  opacity: 1;
}
input:hover::-ms-thumb, input:active::-ms-thumb {
  opacity: 1;
}
input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: #9C842F;
  height: 3px;
}
input::-webkit-slider-thumb {
  width: 0px;
  height: 0px;
  -webkit-appearance: none;
  background: transparent;
  border-radius: 50%;
  margin-top: -3px;
  position: relative;
}
input::-webkit-slider-thumb:before {
  position: absolute;
  top: 3px;
  right: 50%;
  left: -2000px;
  background: #F0Cb47;
  content: '';
  height: 3px;
  pointer-events: none;
}
input::-moz-range-track {
  width: 45px;
  height: 3px;
}
input::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #F0Cb47;
  border: 0;
  border-radius: 50%;
  position: relative;
  opacity: 0;
}
input::-moz-range-progress {
  height: 3px;
  background: #F0Cb47;
  border: 0;
  margin-top: 0;
}
input::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  color: transparent;
  height: 3px;
  margin-top: 10px;
  width: 45px;
}
input::-ms-thumb {
  border: 0px;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: #F0Cb47;
  opacity: 0;
}
input::-ms-fill-lower {
  background: #F0Cb47;
  border-radius: 0;
}
input::-ms-fill-upper {
  background: #9c842f;
  border-radius: 0;
}
input::-ms-tooltip {
  display: none;
}

blockquote {
    font-style: italic;
    font-size: .825em;
    line-height: 1.4;
    margin:0;
	quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote::before {content: open-quote;}
blockquote::after {content: close-quote;}

/* --- End Video Styling -- */
/* Transitions */
figure img, input, select, nav ul li, .cell figcaption, .widerR, .widerL {
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

article figcaption {    font-size: small;
    line-height: .95;
    padding-top: .5em;}
/* ============================================================*/
/* === BASE ===================================================*/
.alignleft {
    float: left;
    margin: 0 2em 2em 0;
}
.alignright {
    float: right;
    margin: 0 0 2em 2em;
}
.xpnd {-webkit-animation:.4s .75s backwards expand;
       animation:.4s .75s backwards expand;}

.title {
    font-size: 2em;
    font-family: 'OPSans-xb';
	margin-bottom: .25em;
    line-height: .95;
    text-transform: uppercase;
	letter-spacing: -1px;
}

.container {
    box-sizing: content-box;
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px;
    position: relative;
}

/*---- Modal ----*/
/* This is modal bg */
.modal:before{
    content: ""; 
    display: none;
    background: rgba(0,0,0,.95);
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; 
    z-index: 10;
  }
  
/* Active animate in modal */
.modal:target:before{
  display: block;
}  
.modal:target .modal-dialog{
  top: 10%;
-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);    
}

/*Modal Dialog*/
.modal-dialog{
  margin-left: -30%;
  position: fixed; 
  left: 50%; 
  top: -150%;  
  z-index: 11; 
  width: 60%;
  height:60%;
/*  transform: translate(0, -500%);*/
-webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
}

.modal-body{height:100%;}

.modal-header,
.modal-footer{
  padding: 10px 20px;
}

/*ADDED TO STOP SCROLLING TO TOP*/
.btn-close, .btn-close:hover {color:white;}
.btn-close {
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom:1em;
}
#close {
  display: none; 
}
/* --End Modal --*/

.media-wrap {position:relative;
}

.media-wrap .link-wrap, .media-wrap .link {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.media-wrap .link-wrap {
    background: rgba(0,0,0,.15);
    color:#FFF;
    text-align: center;
    z-index: 3;
}

.media-wrap .link:before {
    border: 2px solid;
    border-radius: 50%;
    content: '\25B6';    
    display: inline-block;
    font-size: .75em;
    height: 1.25em;
    width: 1.25em;
    line-height: .75;
    padding: 5px 10px;
    position: relative;
    top: -5px;
    right: 10px;
}
.media-wrap .link {
    text-shadow: 1px 1px 2px black;
    top: 36%;
    font-size: 3em;
}

.media-wrap .bg {display:none;}

.video-container {
    box-sizing: border-box;
    position: relative;}

.video-container * {
    background:none;
    border-radius: 0;
    box-shadow: none;
    float:none;
    outline:none;
    }

.video-controls {
    background: black;
    background: rgba(0,0,0,.9);
    border-radius:2px 2px 0 0;    
    height:3px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.video-controls > * {
    color: #f0cb47;
    cursor: pointer;
    height: 60px;
    padding: 0 1em;
    position:absolute;
    width:auto;
}

.video-container:hover .video-controls {height: auto;top:initial;bottom:0;}
.video-controls button:hover {color:#9C842F;}
#play-pause {
    width: 60px;
    padding:0 8px;
    position: relative;
    overflow: visible;
    content: '\25B6';
    font-size: 1.5em;}
#seek-bar {
    width: 100%;
    padding: 0;
    height: auto;
    left: 0;
    right: 0;
}
.video-controls:hover #seek-bar {height: 20px;}
#mute {
    width: auto;
    padding: 0 18px;
    position: relative;
    overflow: visible;
    font-size: .85em;
}
#volume-bar:hover {background:none;}
#fullscreen {
    font-size: .85em;
    position: relative;
    float:right;
}
/* === MAILER Successful contact form sent === */
.robotest {display: none;}
.visible, .errors {
    background: #d9b922;
    letter-spacing: 2px;
    margin: 0.75em auto;
    padding: 1em;
    text-align: center;
    text-transform: capitalize;
}
.errors {background: red; color:#ebebeb}
.invalid input, .invalid textarea {
    box-shadow: inset 0 0 1px 1px red;}
.invalid p {
    background: red;
    border-radius:0 0 8px 8px;
    color: #ebebeb;
    font-size: .9em;
    font-style: italic;
    margin-bottom: .5em;
    padding: .5em;
    text-align: left;
}

/* ============================================================*/
/* === STYLES ==============================================*/
input, select, .button, .moreLink a {
    border-radius: 4px;
    color: #e4e4e4;
    line-height: 1.45;
    padding: 7px 22px;
}

input[type="submit"],button, .button {
    background: #F0Cb47;
    color: #363636;
    font-family: 'OPSans-xb';
    font-size: 1em;
    float: left;
    height:auto;
    text-transform: uppercase;
    white-space: normal;
    width: 100%;
    box-shadow:0px 3px #9C842F, 0 20px 24px -17px #363636;
}
input:hover, .button:hover, select:hover {
    background: #363636;
    box-shadow: none;
    color:#F0CB47;
}

input[type="submit"]:active,button:active,.button:active, .moreLink a:active, .social-wrap li a:active {
    box-shadow:inset 0px 3px rgba(0,0,0,.5);
    position: relative;
    top: 2px;}

input+input, .button+.button {margin-top: 1em;}

input[type="submit"], .button, .moreLink a {padding-top:6px; padding-bottom: 6px;}

.button {
    box-sizing: border-box;
    text-align: center;
 }
 
 fieldset {margin-bottom: 1em;}
 fieldset > input, fieldset > label, fieldset > select {
    width: 49.5%;
    float: left;
    margin: 0;
}
fieldset select {margin:0;}
fieldset > input +input, fieldset > label+label, fieldset > select + select {margin:0;margin-left:1%;}

.moreLink a {
    box-shadow: 0px 3px #9C842F, 0 20px 24px -17px #363636;
}
#nws-header-wrap,
.meta-box {    padding: 1em;
    display: table;
    margin: 0 auto;
    box-sizing: border-box;}
.meta-box {
    background: #363636;
    color: #ebebeb;

}

.meta-box > *,#nws-header-wrap > * {
    float:left;
    line-height: 40px;}
.meta-box > * + *,#nws-header-wrap > * + * {margin-left: 26px}
/*-- Search Form --*/

.search-form .search-field{
    margin:0;
    float:left;
    width:auto;
    max-width:400px;}

.search-form .search-submit {
    margin-left: 18px;
    padding-bottom:5.5px;
    padding-top:5.5px;
    width:auto}

.search-form span {display: none;}
.search-form label {display: inline; }

.newsletter-profile form {margin: 0 auto;
    display: table;}

.page-nav *, .post-nav * {
    vertical-align: text-bottom;
    padding: 0 10px;
    float: left;
    display: block;
    min-width: 1em;
    text-align: center;
    line-height: inherit;
}

.htitle {
	text-transform: capitalize;
	font-family: 'OPSans-xb';
    font-size: 3em;}

.page-numbers {border-radius: 3px}

/* ===HEADER =============*/
body > header {
    min-width: 600px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
	height: 45px;
}

.customize-support > header {top:32px;}
.customize-support .nivo-lightbox-close {top:6%;}

/*===Menu===*/
li.current-menu-item {
	color: #F0Cb47;
	background:#363636;}
li.current-menu-ancestor {
	background:#F0Cb47 ;
	color:#363636;}
.current-menu-ancestor li a {color:#FFF!important;}	
.menu-item-has-children {padding-right:15px;}	
.menu-item-has-children::after{
    background: url("./img/icons.png") center -112px no-repeat transparent;
    background: url("./img/icons.svg") center -112px no-repeat transparent;
    background-size: 10px auto;
    content: "";
    height: 10px;
    width: 18px;
    position: absolute;
    top: 45%;
    right:12px;
}
.menu-item-has-children:hover::after, .current-menu-ancestor::after {
	background-position: center -160px;}

.cf:before, .cf:after, .row:before, .row:after {
    content: "";
    display: table;
}
.menu_container, 
.anchor-link { display: none; }

.menu_container {width: 100%;  }
	
.anchor-link {
	float:none;
	padding: .5em 1em;
    width: auto;}
nav * {
	box-sizing: content-box;
	height: auto;
	width: auto;
	}
.nav {

	color: #FFF;
	width:100%;}
	
.nav ul, .nav li {position:relative;}
.nav li {display: list-item}
.nav ul {
    background: #363636;
    background: rgba(54,54,54,.9);
	font-weight: bold;
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	text-align: center; }
.nav ul > li {
	cursor: pointer;
	display:block;
	float: left;}	
.nav ul li {
	display: inline-block;
	text-align: left; }
.nav ul a { 
	color: inherit;
	display: block;
	padding: 10px 16px;
	text-decoration: none; }

.nav ul > li:hover .sub-menu {display:block}
.sub-menu * {
    width: 100%;
    box-sizing: border-box;
}
.nav > ul > li ul {
	display: none;
	font-weight: normal;
	position: absolute;
	left: 0;
	min-width:12em;
	}
	
.main_content, 
.nav {
	display: block;
	position: relative;
	-webkit-transition: .2s margin ease;
	transition: .2s margin ease; }
.main_content {
	background-color: #f4f4f4;
	padding: 1.5em;
	position: relative;
	margin: 0 auto;
	max-width: 70em;
	width: 100%; }

body.active .main_content:before {
	background-color: #4e4e4e;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;	 }

li.home-btn {
	font-style: italic;
	font-family: 'OPSans-xb';
  margin-left: 0;
}
.nav ul li a:hover, .nav ul li.home-btn a/*,.nav ul li.donate-btn a:hover*/{
		background:#F0Cb47;
    color:#363636;}
	
li.home-btn:before {
    background-position: center 0;
    background-size: 20px auto;
    height: 20px;
    width: 20px;
    left: 14px;
    right: initial;
    top: 16px;    
}

.nav ul li.donate-btn {
    background: white;
    color: black;

   /* float: right;
    font-size: .8em;
    background: none;
    position: relative;
    top: 10px;
    right: 7px;*/
}
.nav ul li.donate-btn a {
    padding-left: 1.5em;
    padding-right: 1.5em;
   /*border: 2px solid #F0Cb47;
    border-radius: 4px;
	color: #FFF;
    padding: 5px 15px;
    */
}
/*.nav ul li.donate-btn:active{
		top: 9px;
}*/
/* --Social Tags -- */
.social-menu-items{margin: auto;width:auto;}
.social-menu-items li {display: block; float:left;font-size:.85em;font-weight: 400;}
.social-tag+.social-tag {padding-left: 10px;}
.social-tag:before {
    background: url("./img/icons.png") no-repeat transparent;
    background: url("./img/icons.svg") no-repeat transparent;
    background-size:20px auto;
    content: "";
    margin-right: 2px;
    height: 25px;
    width: 25px;
}
.social-tag:before, .social-tag>* {float:left;line-height: 25px}

.twitter:before{background-position:center -141px}
.facebook:before{background-position:center -196px}
.linkedin:before {background-position:center -169px}
/* -- /Social Tags -- */

/*-- Searchbox --*/
.meta-box #searchform *, #nws-header-wrap * {
    margin-top: 0;
    width: auto;
    float: left;}

.meta-box input[type="search"] {
	border-bottom: 1px solid #F0Cb47;
    border-radius: 0;
    margin-left: 1em;
	}

#nws-header-wrap {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 55px;
    right:24px;
}
#nws-header-wrap input {
    text-align: left;
    float:left;
    margin:0;
    width:auto;}
#nws-header-wrap input + input {margin-left:10px}

/*#nws-header-wrap input[type="submit"] {padding-top:5.5px; padding-bottom: 5.5px;}*/
#nws-header-wrap label {display: none;}
main {background:#FFF;}

#hero {
    padding-bottom:1em;
    position: relative;
    overflow: hidden;}

#hero .button {width:auto;}

.hero-info {
    max-width: 600px;
    color: white;
    margin-top: 15%;
    position: relative;
    z-index: 2;
}

.hero-info h1 {
    font-size: 4em;
    line-height: .8;
    margin-bottom: .25em;}

.hero-feature  {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
margin-top: -8%;}
.hero-feature img {width:100%;height:auto;}

footer {
    background:#fff;
    text-align: center;
    padding-bottom:2em;
}
footer .section{
    background: inherit;
    position: relative;}

footer .content {
    box-shadow: 0 18px 60px -45px black;
    z-index: 3;
    margin-bottom:1em;
}

.footer-quote {
    margin: 0 auto;
    width: 400px;
}

.footer-quote p {
    border: 2px solid #F0CB47;
    border-radius: 3px;
    font-weight: 800;
    margin-top:1em;
    padding: 1em;
    position: relative;
    text-transform: uppercase;
}
.footer-quote .quote-author {
    background: #F0CB47;
    border: 2px solid #FFF;        
    font: 700 .75em/1 'OPSans', arial, sans-serif;
    padding: .35em 1.35em;
    position: relative;
    bottom: 1.85em;
    text-transform: uppercase;
    z-index: 2;
}
.site-info-wrap {
    background: #363636;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom:0;
    right:0;
    left:0;
    z-index: 5;
}
footer .cell {position:relative;min-height:300px;}
footer .logo-sticker img {
    height: auto;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;}
.site-info-wrap .container {
	padding-top:12px;
	padding-bottom:12px;
	box-sizing: border-box;}

/* === FRONT PAGE ====*/
/* --Article --*/
.body-wrap {line-height:1.8;}
.media-wrap:after {
    background: #F0CB47;
    height:2px;
    content:'';
    position:absolute;
    bottom:0;
    width:5%;
    z-index: 5;
    -webkit-animation:10s .5s infinite alternate;
            animation:10s .5s infinite alternate;}

@-webkit-keyframes span {
  0% {
    width:0;
  }
  100% {
    width: 100%;
} }

@keyframes span {
  0% {
    width:0;
  }
  100% {
    width: 100%;
} }

figure.cell {
    height: auto;
    overflow:  hidden;
    padding:0;
    position: relative;
    text-align: right;
}

figure.cell, figure.cell+.cell+.cell {z-index: 2}

figure.cell+.cell {
    text-align: center;
    z-index: 3;

}

figure.cell a {
	height: 220px;
    display: block;
	}

figure.cell img {
    margin: auto;
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
	    margin-left: -229px;	
}
figure.cell img:hover {
    opacity:.9;
}

figure.cell figcaption {
    background: #F0CB47;
    background: rgba(240,203,71,.9);
    border-top:1px solid #FFD84C;
    font-weight: 500;
    font-size: .8em;
    line-height: 1.2;
    text-transform: capitalize;
    padding:8px 2em 8px;
    position:absolute;
    bottom: 7px;
    right: 0;
    left:42px;
    white-space:nowrap;
    z-index: 3;
}
figure.cell+.cell figcaption {
    bottom: 18px;
    left:0;
    padding-right: 0;
    padding-left: 0;
}

figure.cell+.cell+.cell figcaption {
    bottom:7px;
    right: 42px;
    padding-left: 2em;
    padding-right:0;
    text-align: left;
}

.cell figcaption:before, .cell figcaption:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position:absolute;
    bottom:-11px;
    box-sizing: border-box;
}
.cell figcaption:after {display:none}
.cell figcaption:before {
    border-width: 28px 21px 15px 21px;
    border-color: rgba(240,203,71,.9) #F0CB47 #9C842F transparent;
    right: 100%;
    top: -1px;
}
.cell+.cell figcaption:after {
    border-width: 0 0 11px 10px;
    border-color: transparent transparent #F0CB47 #9C842F; 
    display:block;right:0;}

.cell+.cell figcaption:before {
    border-width: 0 9px 11px 0;
    border-color: transparent #9C842F #F0CB47 transparent;    
    left:0;
    top:inherit;
}

.cell+.cell+.cell figcaption:before {content: none;}
.cell+.cell+.cell figcaption:after {
    border-width: 28px 21px 15px 21px;
    border-color: #F0CB47 transparent #9C842F rgba(240,203,71,.9);
    left: 100%;
    top: -1px;}

figure.cell figcaption span {
    display: block;
    letter-spacing:1px;
    font-weight: 400;
    font-family:"OPSans", arial, sans-serif;
    font-size: .6em;
    font-style:normal;
    text-transform: uppercase;}
figure.cell figcaption span::before {content: "//"}

#post-image {
    text-align: center;
    height: 140px;
    margin: 3em auto;    
    width: auto;}

#post-image .logo {
    background-image: url("/theme/uploads/logo-stars.png");
    background-image: url("/theme/uploads/logo-stars.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;  
}

#post-image p {
    font-size: .8em;
    margin-top:1em;}
#info-wrap {
	box-sizing: border-box;
    margin: 0 auto;
	padding: 3em 6em;
/*    width:1240px*/
}

#info-wrap article {
    float: left;
    padding-top:2em;
    width: 62%; /*770px*/}

#info-wrap article p {line-height:1.8;}
#info-wrap article .button {
    background: #343434;
    color: #ebebeb;
    display: inline-block;
    float: none;
    margin-top:2em;
    width: auto;}
#info-wrap h2 {
    font-weight:700;}

#info-wrap aside {
    float:right;
    width: 410px;/*33% 400px*/}

.gallery-aside .personal img {
	margin: auto;
  display: block;
	max-width: 100%;
	height:auto;}

.gallery-item {
    float:left;
    height: 95px;
    position: relative;
    overflow:hidden;
    text-align: center;
    width:33.33%;}

.gallery-item figure img {
	cursor: pointer;
    margin: auto;
    position: absolute;
    left: -50%;
    right: 0;
    top: 0;
    bottom: 0;
	height:100%;
	width:auto;
 }
 
.gallery-item img:hover {opacity:.9}

.gallery-aside blockquote {
	border: 1px solid #F0Cb47;
	border-right:none;
	border-left:0;
	color: #E4E4E4;
    text-align: justify;
    padding:7%;}

.gallery-aside .button {margin-top:1em}

/* --- Feature Banner --- */
.feature-banner {
    background: url("/theme/uploads/feature_banner.jpg") center 10px fixed no-repeat #F0CB47;
    background-size: cover;
    text-align: center;
    text-transform: uppercase;
    -webkit-animation: 15s 1s infinite alternate live; 
    animation: 15s 1s infinite alternate live;
		position: relative;
}

.feature-banner > .container {
	position: relative;
	z-index: 2;
}
.feature-banner::after {
	background-color: #F0CB47;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .7;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.feature-banner h1 {
	font-family: 'OPSans-xb';
    font-size:5em; /* 90px */
    font-weight: 800;
    line-height: 1em
}

.feature-banner h3 {
    font-size:1em;
    font-weight: 700;}

.feature-banner h3+h3 {
    margin-bottom: 1.2em;
    text-transform: capitalize;
}

.feature-banner p {
    font: italic 1em/1.2 "Special", arial, cursive;
    text-transform: capitalize;
}

.feature-banner img {
    height:auto;
    max-width:100px;
    margin-bottom:3em;}

/* --- Footer --*/
.cell-wrap {padding:0;}
.cell {
    box-sizing: border-box;
    float:left;
    padding:30px 40px;
    width:33.3%;}

.cell-header {min-height:85px;}

.logo-sticker img {
    height:auto;
    width:100%;
}
.logo-sticker img:hover {-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
footer .cell+.cell {
    box-shadow: -1px 0 #F0CB47}

.cell p, .social-menu {
    font-size: small;
    margin: .75em 0 0;}

.cell .social-menu {
    font-weight: 600;
    font-style: italic;
    margin-top:2em;
    text-transform: uppercase;}

/*==Landing Page== */
body#pg_immi {margin-top:0;}

#pg_immi .body-wrap {
    background:#4c4d4f;
    padding-bottom:5em;}
#pg_immi #info-wrap {
    background: white;
    border-radius: 6px;
    padding: 2em;
    max-width: 1200px;
}
#pg_immi aside {padding-top:5%;}

#pg_immi .banner {
    border-top:1px solid #4c4d4f;
    clear:both;
    padding: 1em 2em .5em 2em;
    text-align: center;
    text-transform: uppercase;
    color:#F0CB47;
    font: normal 2em/1 OPSans;
}
#pg_immi .banner div {margin-top: .25em;}
#pg_immi .banner a {
    float: none;
    font-size: .45em;
    padding:.5em 1em;
}
#pg_immi .feature img {
    width: 100%;
    height: auto;
}

#pg_immi article p {
    font-size: 2em;
    line-height: 1.2;
    text-align: center}
#pg_immi article blockquote {
    border: none;}
#pg_immi blockquote::before, #pg_immi blockquote::after {content: none;}

#pg_immi ol {
    font-size: .8em;
    padding: 1em}
    #pg_immi li {
        line-height:inherit;
        list-style-position:initial;
    }
/*=== Home == */
#home .hero-feature::after {
	background-color: black;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .2;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#home .gallery-aside {
	padding: 2em;
    box-sizing: border-box;
    background: #363636;
	}

#home .gallery-item img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -56.5px;
    top: 0;
    right: 0;
    bottom: 0;}
/* === BIO PAGE === */
#bio .feature, #bio, #bio .body-wrap {position:relative;}

#bio .feature {
	max-height: 550px;
    overflow: hidden;}
	
#bio .feature img {
    width: 100%;
    height: auto;
}

#bio .feature span {
    background: #FFF;
    content: "";
    height: 25px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
}
#bio .feature span::after {
    border-style: solid;
    border-width: 25px 0 0 25px;
    border-color: transparent transparent transparent #FFF;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 100%;
    box-sizing: border-box;
}

#bio #info-wrap {
    position:relative;
    z-index: 2;}

#bio #info-wrap .htitle {
    color: #FFF;
	line-height: 1;
    font-style: italic;
    font-size: 5.5em;
    text-transform: uppercase;
    position: absolute;
    top: -1.75em;
    left: 108px;
}

#bio #info-wrap article {
	padding:0;}

#bio .body p {font-size: 20px;}
.social-wrap {
	border:1px solid #363636;
	border-left:none;
	border-right:none;
	box-sizing: content-box;
	height: 28px;
	line-height:25px;
	margin-top:3em;
	padding: 1em 0;
	text-align:center;
}
	
.social-wrap * {
    height: inherit;
	width:auto;
    line-height: inherit;
	list-style: none;	
    padding: 0;
}

.social-wrap li {
	display:inline-block;
	font-size: 13px;}
	.social-wrap li + li {margin-left:1em}

.social-wrap li a {
	background: #363636;
	border-radius: 4px;
	color: #E4E4E4;
	display:block;
    padding: 0 14px;
}

.share-wrap {
	border: 2px solid #E4E4E4;
    border-left: none;
    border-right: none;
	padding:1em 0;
	margin-bottom:1em;
	}
.share-wrap ul {
	display:table;
	margin:0 auto;}
.share-wrap ul * {
	list-style: none;
	height:auto;
	width:auto;
	float:left;
    font-size: .78em;
}
.share-wrap li+li{margin-left:12px;}

#bio aside .personal {
	background: #F0CB47;
	padding: 72px 36px;
	position: relative;}
	
#bio blockquote{
	border: 2px solid #fff;
    border-left: none;
    border-right: none;
	color:#363636;
	line-height:1.1;
	font-size: 1.1em;
	padding: 1em 0;
	text-align:center;	}
	
#bio blockquote::before, #bio blockquote::after {
    color: white;
    font-size: 7em;
    line-height: .7;
    position: absolute;
	left: 50%;
    top: 25px;
    z-index: 0;}

#bio blockquote::after {
	top: initial;
	left: initial;
	right:50%;
	bottom:-40px}	

#bio .gallery-row + .gallery-row {margin-top: 1em}
#bio .gallery-item {
	height:120px;
	width: 33.33%;}

#bio #info-wrap .subscribe {
    background: black;
	padding:1em;
	}
	.subscribe .title {
		font-size:1em;
		line-height: 4em;
		text-align: center;
   }
 
/* === Blog Page === */
#blog article:hover, .post-list article:hover {
    background: #363636;
    color: #FFF;
}

#blog article, .post-list article {
	border-top: 1px solid #E1E1E1;
    line-height: 1.4;
	min-height: 200px;
    padding:2em;
}

#blog article *, .post-list article * {
    line-height: inherit;
    padding:0;
    vertical-align: text-bottom;}
#blog article figure, .post-list article figure {
    float:left;
    margin-right: 2em;}

#blog article figure img:hover,.post-list article figure img:hover {
    opacity: .8}

#blog article h2, .post-list article h2 {
    font-weight: 700;
    text-transform: capitalize;
}

#blog article time, .post-list article time {
    display: block;
    font-style: italic;
    font-size: small;
    font-weight: bold;
    margin-bottom:2em}

#blog article time span, .post-list article time span {
    text-transform: uppercase;
}

#blog .moreLink, .post-list .moreLink {
    background:none;
    margin-top:20px;
	position:absolute;
	bottom:0;
	left: 0;    
    text-align: inherit;
}
#blog .moreLink a, .post-list .moreLink a {
    background: #363636;
    color: #FFF;
    padding: 6px 18px;}
#blog article:hover .moreLink a, 
.post-list article:hover .moreLink a {
    background:#FFF;
    color:#363636;
}

/* === Gallery === */
#photos .heading {margin-bottom:40px;}
#photos .gallery-item {
    display: block;
    height:225px;
    width: 14.285%;}

#photos .gallery-item img {
	height: auto;
	margin-left: 50%;}

/*--Single --*/
#single .container article, #single .container aside {
    float: left;
    box-sizing: border-box;
}

#single .htitle {
	font-size: 2em;
	text-align:center;
	line-height: 1;
    padding: .25em 0;}

#single article {
    border-bottom: 1px solid #e4e4e4;
	width: 75%;}
	#single article p {
        text-align: justify;
        line-height: 1.4;
}
    #single article blockquote {
        border-top:1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
    }
#single blockquote {
    font-size: smaller;
    padding:.75em;}
#single blockquote::before, #single blockquote::after {content: none;}
#single .container aside {
    width: 25%;}

#single #side-wrap {background: #f4f4f4; margin-left:20px;}
#single .side-block { padding: 1em;}
#single .side-block + .side-block {border-top:1px solid white;}

#single aside h6 {
    border-bottom: 1px solid #e4e4e4;
    color: #474747;
    font-size: 1em;
    padding: .35em 1em;
    text-transform: uppercase;
}

#single aside li, #single aside label {
    display: block;
    font-size: .75em;
    list-style: none;
    text-transform: capitalize;
    padding: 1em 1.5em;
}
#single aside .tags li {
    background: #F0CB47;
    border-radius: 4px;
    border-bottom-right-radius: 20px;
    border-bottom: none;
    display: inline-block;
    margin: .7em .5em;
    padding: .75em 1em; 
}
#single aside .cats li {
    font-weight:normal;
    padding-top: .5em; padding-bottom: .5em;}
    #single aside .cats li li {font-size: 1em;}
 
#single aside .lists li + li {border-top:1px solid #e4e4e4;}

#single aside .lists li:hover a{color: black;}
.heading {
 box-shadow: 0 28px 60px -44px black;}
		
.page .htitle {font-size: 4em;text-align:center;}	
.hcontent {margin:0 auto; width:75%}

.page article p img {display: block; margin:0 auto;}
/* ----- Contact ----*/
.contact-wrapper .htitle {font-size: 4em}
.contact-wrapper .foreward {
	border-bottom: 1px solid #E4E4E4;
}	
#contact main, #cmnts main {text-align:center;}

#contact .join {
	box-shadow: 0 51px 68px -74px;}

	
#contact .logo-sticker {margin-top: 3em;}
#contact .logo-sticker img {
	width: 25%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;}

#contact select {width:100%;}	
.cell-block {
	background: #FFF;
	margin:1em auto;
	padding:2em;
	width:65%;
	box-sizing: border-box;}	
	
.contact-wrap {background: #E4E4E4}


#cmnts .cell-header {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom:1em;	
	}
	
#cmnts .comment-form-comment label {display:none;}
#cmnts .comment-form span small {display:block;}
#cmnts .info {
    font-size: .7em;
    border: 1px solid #E4E4E4;
    padding: 2em;}

.info-box {
  border-top: 1px solid #F0CB47;
	font-weight: bolder;
	margin-top: 1em;	
	padding-top: 1em;
}

/* -- Comments --*/
p.comment-notes {
    font-size: .7em;
}
.comment-list {
    border-top: 2px solid #F0CB47;
    margin-top: 3em;}
.comment-list li {
	list-style:none;
    padding: 2em;
    margin: .5em 0;
    border-bottom:1px solid #F0CB47;
		text-align: left;
	}
.comments-area label, .newsletter-profile th {
    display: inline-block;
    font-weight: bold;
    font-size: .83em;
    margin-bottom: .5em;
}	
.comment-body > p {
	text-align: justify;
    font-size: .9em;
    line-height: 1.4;}
	.comment-body > p:before {content: open-quote;}
	.comment-body > p:after {content: close-quote;}
.comment-author.vcard {
	border-top: 1px dashed #e4e4e4;
  padding-top: .75em;
	text-transform: capitalize;}
.comment-author cite {
	font-weight:bold;	
  text-transform: uppercase;}
.comment-author.vcard p {
	font-size: .82em;
	margin-bottom:0;}

/* -- Profile Page --*/
.newsletter-profile tr {text-align:center;}
.newsletter-profile tr + tr th {margin-top :.75em;}
.newsletter-profile th, .newsletter-profile select {margin:0;}
.newsletter-profile td {
    display: block;}
/* ============================================================*/
/* === COMMON II ==============================================*/

/* --- CLEAR FLOATS --- */
.meta-box:after,#nws-header-wrap:after,.page-nav:after, form:after,.cell-wrap:after,.social-tag:after, .body-wrap .container:after, .gallery-row:after, #blog article:after, .post-list article:after, .gallery-wrap:after, #bio #info-wrap::after, fieldset::after, .share-wrap ul::after{
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

.widerL, #posts figcaption {
-webkit-animation:3s .5s backwards widerL;
        animation:3s .5s backwards widerL;
}

.widerR, #posts .cell+.cell+.cell figcaption  {
-webkit-animation:3.5s 0s backwards widerR;
        animation:3.5s 0s backwards widerR;
}
#posts .cell+.cell figcaption {
-webkit-animation:none;
    animation:none;}
/* --- TRANSITIONS --- */
input, select, img,.button .media-wrap:after, .video-controls {
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}
/* --- Facebook plugin fix --- */
.fb_iframe_widget {display: inline;}

/* --- ANIMATIONS --- */
@-webkit-keyframes grow {
	from {opacity: 0;filter: alpha(opacity=0); -webkit-transform: scale(0.25,0.25); transform: scale(0.25,0.25);}
to {opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1,1); transform: scale(1,1);}}
@keyframes grow {
	from {opacity: 0;filter: alpha(opacity=0); -webkit-transform: scale(0.25,0.25); transform: scale(0.25,0.25);}
to {opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1,1); transform: scale(1,1);}}

@-webkit-keyframes expand {
	from {opacity: 0;filter: alpha(opacity=0); letter-spacing: -1em;}
to {opacity: 1;filter: alpha(opacity=100); letter-spacing: inherit;}}
@keyframes expand {
	from {opacity: 0;filter: alpha(opacity=0); letter-spacing: -1em;}
to {opacity: 1;filter: alpha(opacity=100); letter-spacing: inherit;}}

@-webkit-keyframes live {
    from {background-size: 105%} to {background-size: 100%}
}
@keyframes live {
    from {background-size: 105%} to {background-size: 100%}
}

@-webkit-keyframes widerL {
	from {left:100%;width:0%}
to {left:42px;width:inherit;}}
@keyframes widerL {
	from {left:100%;}
to {left:42px;width:inherit;}}

@-webkit-keyframes widerR {
	from {right:100%;width:0%}
to {right:42px;width:88%;}}
@keyframes widerR {
    from {right:100%;width:0%;}
to {right:42px;width:88%;}}
/* =================================================*/
/* === MEDIA QUERIES ================================*/
/*@media screen and (min-width:1488px){
    li.donate-btn {padding:0;}
}*/
@media screen and (max-width: 1366px){
	#home .gallery-item img {
		margin-left: -43.5px;
		width:110%}
}
@media screen and (max-width: 1366px) and (min-width: 1281px) {
	#info-wrap {padding:1em;width:1000px;}
	#info-wrap .gallery-aside {width:333px;}
	#home aside blockquote {
		font-size: .75em;
		text-align: left;}
	#bio #info-wrap .htitle {left:56px;}
    #pg_immi #info-wrap { width:90%;
        
    }
    #pg_immi #info-wrap .gallery-aside {width:36%}
}
@media screen and (min-width:1281px){
    .nav ul {max-width: 1440px;}
	/* Menu */
	.cf ul a {
    padding-top: 16px;
		padding-bottom: 16px;}
	/**/	
}
@media screen and (max-width: 1280px) {
		/* Menu */
	.cf li + li a {
    font-size: .6em;
    padding-top: 15px;
    padding-bottom: 16px;}
	
	/*.nav ul li.donate-btn {	top: 9px;}*/
	/**/
	.hero-info { margin: 8% auto 0;
	text-align:center;}
	#hero .button {width: 100%;}
	
	#info-wrap {padding:1em;width:960px;}
	#info-wrap .gallery-aside {width:300px}
	#home .gallery-aside .personal img{float: none;
	    margin: 0 auto;
    	width: 100%;
	    height: auto;
	}
	#home .gallery-item {height:80px;}
	
	#bio #info-wrap .htitle {
		left:0;}
		
	#blog article {
		width: 80%;
    	margin: 0 auto;
		text-align:center;}
	
	#blog article figure {
		box-shadow: 0 28px 40px -24px;
		margin: 0 auto;
		margin-bottom: 1em;
    	width: 405px;
    	float: none;
	}
	
	#blog article time {margin-bottom:1em}
	
	.feature-banner img {margin:0;}	

	#photos .gallery-item {	height: 175px;}
	
	#posts.cell-wrap {padding:0 8em;}
	#posts figcaption {
		bottom:0;
		text-align:center;
		-webkit-animation: none;
		animation: none;}
	#post-wrap .cell {width: 50%;}
	#post-wrap figcaption { left: 0;font-size: .8em;}
	#post-wrap figure.cell + .cell + .cell,.cell figcaption:before, .cell figcaption:after {display:none}

    #pg_immi article {padding:1em 0 0}
    #pg_immi #info-wrap {padding-left:0; padding-right:0;}
    #pg_immi aside, #pg_immi article {
        float:none;
        width:100%;}
        #pg_immi aside {
            text-align: center;
            margin:1em auto 0 auto;
            padding-top:1em;}
    #pg_immi article blockquote {padding-left:12%; padding-right:12%} 
    #pg_immi ol {
        background: #f1f1f1;
        padding: 2em 16%;
        margin:2em auto 0 auto;
    }
}
@media screen and (min-width: 1151px) {
#single .post-extra {display: none;}

}
@media screen and (max-width: 1150px) {
#single .container article, #single .container aside {float:none; width: 100%}
#single #side-wrap {margin:0;}
#single .search, #single .lists {display: none;}

}
@media screen and (max-width: 1024px) {
	#home #info-wrap {padding: 2em;}
	#posts.cell-wrap {padding:0}

	#photos .gallery-item {	height: 120px;}
	#photos .gallery-item img {	margin-left: auto;}
	
	footer .cell-wrap .cell {width: 50%;}
	footer .logo-sticker {display:none;}

	.hero-feature img {
	width: auto;height:100%;}
}

@media screen and (max-width: 968px) {
/*--Menu --*/
	.menu_container {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 20px;
    	height: 20px;}
	.anchor-link {
        background: #F0Cb47;
        display: block;
        height: 1px;
        width: 1px;
        position: relative;
        border-radius: 0;
        box-shadow: none;
        padding: 1.25em;}
	.anchor-link span, .anchor-link span:before, .anchor-link span:after {
		background-color: #363636;}
	.anchor-link span {
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		    -ms-transform: translateX(-50%) translateY(-50%);
		        transform: translateX(-50%) translateY(-50%);
		width: 18px;
		height: 3px;
	}
	.anchor-link span:before, .anchor-link span:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: background .25s, -webkit-transform .25s;
		transition: background .25s, -webkit-transform .25s;
		transition: transform .25s, background .25s;
		transition: transform .25s, background .25s, -webkit-transform .25s;
		-webkit-transition: -webkit-transform .25s, background .25s;
		-moz-transition: -moz-transform .25s, background .25s;
		-o-transition: -o-transform .25s, background .25s;
		-ms-transition: -ms-transform .25s, background .25s;}	
	
	.anchor-link span:before {
		-webkit-transform: translateY(-6px) rotate(0deg);
		-ms-transform: translateY(-6px) rotate(0deg);
		transform: translateY(-6px) rotate(0deg);}
	
	.anchor-link span:after {
		-webkit-transform: translateY(6px) rotate(0deg);
		-ms-transform: translateY(6px) rotate(0deg);
		transform: translateY(6px) rotate(0deg);}
		
	.anchor-link:hover span:before {
		-webkit-transform: translateY(-8px) rotate(0deg);
		-ms-transform: translateY(-8px) rotate(0deg);
		transform: translateY(-8px) rotate(0deg);}
		
	.anchor-link:hover span:after {
		-webkit-transform: translateY(8px) rotate(0deg);
		-ms-transform: translateY(8px) rotate(0deg);
		transform: translateY(8px) rotate(0deg);}
	.click.anchor-link span {
		background-color: transparent;}
	.click.anchor-link span:before, .click.anchor-link span:after {
		color: #363636;}
	.click.anchor-link span:before{	
		-webkit-transform: translateY(0) rotate(45deg);	
		    -ms-transform: translateY(0) rotate(45deg);	
		        transform: translateY(0) rotate(45deg);}
	.click.anchor-link span:after{	
		-webkit-transform: translateY(0) rotate(-45deg);	
		    -ms-transform: translateY(0) rotate(-45deg);	
		        transform: translateY(0) rotate(-45deg);}		
	.nav {
		float: left;
		margin-left: -100%;
		width: 300px;
		z-index: 2;
		color:#FFF;}
	.main_content {
		float: left;
		margin-left: 0;
		width: 100%; }
	
	body.active .nav {margin-left: 0; font-size: 12px;}
	body.active .main_content { margin-right: -100%; }
	
	.nav {
		border: none;
		padding: 0.6em 0;
		padding: 0; }
	.nav ul {
		font-weight: normal;
		text-align: left; }
	.nav ul > li {float:none;}	  
	.nav ul li {display: block; }
	.nav ul li a {
		padding: 1.25em 1.2em; 
		font-size: 1.2em;
	    font-weight: bold;}
	.nav li li a {
		font-size: .95em;
		padding-left: 2.5em;}
	.nav > ul > li ul {
		position: static;
		display: block;}

	.menu-item-has-children:after {display: none;}
	.menu-item-has-children {padding:0;}
	.nav ul li.home-btn a {padding-left: 5em;}
	/**/
	
	body {margin:0;}
	
	#hero {
		background: #FFF;
		padding: 0;
	}
	#home .gallery-aside .personal img {width:30%;}
	#home .gallery-aside .images {display:none;}

	/*--BIO Page --*/
	#bio #info-wrap .htitle {
		right:0;
		font-size: 7.5em;
	}
	#info-wrap {width:95%;}
	#bio #info-wrap {text-align: justify;}
	#bio #info-wrap .htitle, #bio blockquote { text-align: center;}
	#bio .social-wrap {padding:2em 0;}
	#bio .feature span {display:none;}

    #info-wrap article, #info-wrap .gallery-aside {
		float:none;
		width:100%;}
	
	#bio .gallery-item {
   		width: 16.6%;
    	margin: 0;}
	#bio .gallery-item img {width:auto;}
	
	.feature-banner {
		background-position: center top;
		-webkit-animation: none;
		animation: none;}
	
	/*li.home-btn {padding-left:20px}*/
	li.home-btn:before {display:none}
    /*.nav ul li.donate-btn {
        float: initial;
        display: initial;
        right: initial;
        top: initial;
        font-size: inherit;
        
    }
    .nav ul li.donate-btn a {
        border: none;background-color:white;
        color: black;
        border-radius: 0;
        padding: 1em;
        text-align: center;
    }*/
	.container {text-align:center}
	
	#nws-header-wrap {
		position: static;
		padding: 0 0 1em;
		margin: 0 auto;
		display: table;}
    
    #pg_immi .container {text-align:left}
}
@media screen and (max-width: 820px) {
	#bio #info-wrap .htitle {
		font-size: 5em;
    	top: -2em;}
		
	.cell-block {width: 100%;}
	
	/*.donate-btn.menu-item {display:none;}*/
	
	.feature-banner h1 {font-size: 2em;}
	.hero-feature img {min-width: 775px;}
	.site-info-wrap {position:static;}
	.meta-box .post-nav, .meta-box .page-nav, #nws-header-wrap .post-nav, #nws-header-wrap .page-nav {
		float: none;
    	margin: 12px auto 0;
    	display: table;}
	.meta-box form, #nws-header-wrap form {float:none;}
	article p {text-align:justify}
    footer p,#post-image p {text-align: center;}

	#single article {width:100%}	

	#photos .gallery-item {height: 100px;}
}
@media screen and (max-width: 780px) {
	.customize-support > header { top: 46px;}
	#nws-header-wrap input {margin:0 0 12px 0!important;width:100%;}
}
@media screen and (max-width: 640px) {
    .hero-info h1 {font-size: 2em;}
    .hero-feature img {min-width: auto;margin-left: -50%;}
    .footer-quote {width:initial;}
    footer .cell-wrap .cell {
        width:100%;
    }
}