/*
Theme Name: Wright House Foundation
Theme URI:  
Author: Justin Y. - Work With IWS 
*/


/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #000; font-family: 'Helvetica Neue LT Com', Arial, sans-serif; font-size: 14px; line-height: 1.25; color: #424242; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { opacity: .75; }

h1,
h2 { font-family: 'Neutra Text', Arial, sans-serif; text-align: center; text-transform: uppercase; }
h1 { font-size: 74px; color: #fff; }
h1 span { font-size: 44px; }
h1 span,
h1 small,
h2 small,
h2 span { font-weight: normal; display: block; }
h1 small,
h2 span { font-size: 34px; }
h2 { font-size: 57px; color: #000; }
h2 span { line-height: 1; }
h2 small { font-size: 26px; }
h1 small,
h2 small { letter-spacing: 0.2em; }
h3 { font-size: 47px; color: #000; font-family: 'Neutra Text', Arial, sans-serif; text-transform: uppercase; font-weight: normal; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.popup{display:none;}
/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.wrapper{position:relative;}
.shell { max-width: 1000px; margin: 0 auto; box-sizing: border-box; }

.main { background: #fff; padding-top: 23px; min-height: 916px; }
.main-head { margin-bottom: 20px; }
.main-body { overflow: hidden; }
.content { float: left; width: 64%; }
.content.full-width { width: 100% }
.sidebar { float: right; width: 32%; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico { display: inline-block; vertical-align: middle; background: url(../../uploads/2015/04/sprite.png) no-repeat; margin-right: 5px; }


/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { height: 50px; box-sizing: border-box; background: #d5452a;position:relative;z-index:2; }
.hp-logo { position:absolute; z-index: 1; margin-left: 50%; left: -260px;top:  180px }
.logo-link { text-decoration none; color:#000 }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { position: relative; }
.nav ul { list-style: none outside none; font-size: 0; line-height: 0; text-align: center; }
.nav li { display: inline-block; margin-left: 30px; position:relative; }
.nav li ul{display:none; position:absolute; top: 50px; left:0px; background: rgba(0,0,0,0.5)}
.nav .sub-menu li{ text-align:left; display: block; margin-left: 0px; padding-left:15px; padding-right:15px }
.nav .sub-menu { width: 260px }
.nav a { color: #fdfeff; font-family: 'Neutra Text', Arial, sans-serif; font-size: 19px; text-transform: uppercase; line-height: 50px; }
 

.btn-menu { display: none; height: 9px; padding-top: 9px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #000; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #000; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    -webkit-transition: all .3s linear; 
       -moz-transition: all .3s linear; 
            transition: all .3s linear; 
 }
.btn-menu.active span { border-color: transparent; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
    -ms-transform: rotate(45deg) translate(2.5px, 6px);
   -moz-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);
}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
    -ms-transform: rotate(-45deg) translate(2.5px, -6px);
   -moz-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px); 
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider{position:relative;z-index:1;}
.slider-clip { position: relative; }
.slide,
.slide-image { height: 939px; position: relative; }
.slide-content { position: absolute; top: 9%; width: 100%; text-align: center; }
.slide-image:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; background: rgba(1, 1, 1, 0.3); }
.slide-title span { line-height: 1; }

.bx-pager { position: absolute; bottom: 25px; left: 50%; }
.bx-pager {
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}
.bx-pager-item,
.bx-pager-link { float: left; }
.bx-pager-item { margin: 0 5px; }
.bx-pager-link { width: 12px; height: 12px; background: #fcfefc; text-indent: -9999px; overflow: hidden; white-space: nowrap; 					}
.bx-pager-link:hover,
.bx-pager-link.active { background: #d5452a; }

.bx-prev,
.bx-next { position: absolute; top: 52%; width: 31px; height: 54px; background: url(../../uploads/2015/04/sprite.png) no-repeat; }
.bx-next { right: 40px; background-position: 0 0; } 
.bx-prev { left: 40px; background-position: -35px 0; }


aside ul {
	padding: 18px 
}
aside ul li a {   color: #d5452a }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials { margin-top: 35px; }
.socials ul { list-style: none outside none; font-size: 0; line-height: 0; text-align: center; }
.socials li { display: inline-block; margin: 0 12px; }
.socials li:last-child { margin: 0 4px }
.socials a { color: #fff; display: block; font-family: 'Neutra Text', Arial, sans-serif; font-size: 18px; }
.ico-facebook { width: 11px; height: 22px; background-position: -70px 0; }
.ico-instagram { width: 22px; height: 22px; background-position: -85px 0; }
.ico-twitter { width: 25px; height: 21px; background-position: -111px 0; }
.ico-youtube {   margin-top: -4px; width: 27px; height: 30px; background: url('../../uploads/2015/04/sprite.png')no-repeat; background-position: -85px -24px; }
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article p { margin-bottom: 15px; }
.content h3 a { color:#000 }
.content a {   color: #d5452a }
.content img { max-width: 100%;  height: auto }
/*  Breadcrumbs  */
.article .breadcrumbs { font-size: 13px; margin-bottom: 10px; }
.breadcrumbs a { color: #d5452a; }
.breadcrumbs span { margin: 0 3px; }
figure { display: inline-block; margin: 8px }
/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */
.widget-action { background: #d5452a; color: #fff; padding: 4%; }
.widget-title { font-size: 45px; text-align: center; color: #fff; }
.list-links { list-style: none outside none; margin-top: 15px; }
.list-links li { margin-bottom: 18px; }
.list-links li:last-child { margin-bottom: 15px; }
.list-links a { text-transform: uppercase; color: #fdfeff; font-family: 'Neutra Text', Arial, sans-serif; font-size: 21px; position: relative; padding-left: 50px; }
.list-links a:before { background: url(../../uploads/2015/04/sprite.png) no-repeat -140px 0; width: 26px; height: 26px; content: ''; position: absolute; top: -4px; left: 10px; }


/* ------------------------------------------------------------ *\
	Quote
\* ------------------------------------------------------------ */
.quotes{margin-top:20px;}
.quotes, .quotes li{ list-style:none;}
.quotes img{float: left; margin: 0 15px 15px 0; width:80px; height:80px;}
p.quoteimage{margin:0px;}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { border-top: 13px solid #d5452a; }

.footer-nav { margin-top: 33px; }
.footer-nav ul { list-style: none outside none; font-size: 0; line-height: 0; text-align: center; }
.footer-nav li { display: inline-block; position: relative; line-height: 13px; }
.footer-nav li + li { margin-left: 20px; }
.footer-nav li + li:before { background: #fff; width: 1px; height: 13px; top: -1px; left: -10px; position: absolute; content: ''; }
.footer-nav a { color: #fff; font-size: 14px; font-family: 'Neutra Text', Arial, sans-serif; }

.copyright { color: #fff; font-family: 'Neutra Text', Arial, sans-serif; text-align: center; margin: 5px 0 40px; }




button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.clearfix { width: 100%; clear: both }
.col-50 { float: left; width: 48%; max-width: 100%; padding: 0; margin: 0 0 20px }
/* ------------------------------------------------------------ *\
	Retina
\* ------------------------------------------------------------ */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
		.ico,
		.bx-prev,
		.bx-next { background-image: url('../../uploads/2015/04/sprite-2x.jpg'); background-size: 136px 54px; }
}

@media only screen and (max-width: 1099px){
	.widget-title { font-size: 42px; }
	.list-links a { font-size: 20px; }
}

/*  Under Shell  */
@media only screen and (max-width: 999px){
	.shell { padding: 0 20px; }
}

/*  Tablet  */
@media only screen and (max-width: 979px){
	.widget-title { font-size: 33px; }
	.list-links a { font-size: 15px; }
}

@media only screen and (min-width: 768px){	
.nav li:hover ul {display:block; position:absolute; top: 50px; margin-left: -15px; background: rgba(0,0,0,0.5); min-width: 230px }
.nav li ul li a  { font-size: 18px; line-height: 40px }
	 
	
}

/*  Mobile  */
@media only screen and (max-width: 767px){
	h1 { font-size: 42px; }
	h2,
	h3 { font-size: 37px; }
	h1 span,
	h2 span { font-size: 26px; }
	h1 small,
	h2 small { font-size: 24px; }
	.content,
	.sidebar { float: none; width: 100%; }
	.sidebar { margin: 20px auto; }
	
	.slide,
	.slide-image { height: 660px; }

	.btn-menu { display: inline-block; margin-top: 15px; }
	.nav ul { display: none; text-align: left }
	.nav ul li:hover ul { display: block; position: relative}
	
	.nav ul.active { display: block; background: #d5452a; position: absolute; top: 50px; left: -20px; z-index: 10; }
	.nav li { display: block; margin-left: 0; padding: 0 20px; }
    .nav ul il .sub-menu li a { font-size: 14px }
	.nav li ul{ display:none; position:relative; top: 0px; left:0px;background: none;}
	.nav .sub-menu { display: none; text-align:center; width: 100%;}

	.list-links { text-align: center; }
	.list-links a { padding-left: 40px; }

	.socials [class^='link-'] { background: url(../../uploads/2015/04/sprite.png) no-repeat; display: block; height: 22px; text-indent: -9999px; overflow: hidden; white-space: nowrap; }
	.socials .link-facebook { width: 11px; background-position: -70px 0; }
	.socials .link-instagram { width: 22px; background-position: -85px 0; }
	.socials .link-twitter { width: 25px; background-position: -111px 0; }
	.socials .link-youtube { width: 22px; height: 30px;  background-position: -87px -22px }
    .socials li:last-child { margin: 0 4px }
	.socials .ico { margin-right: 0; }
	.copyright { font-size: 13px; }
	.hp-logo   { margin-left: 50%; left: -185px; top: 150px }
	.col-50 { float: none; width: 100% }
	
 	.hp-logo > h1 > span.notice { font-size: 13px!important; max-width: 75%!important; margin: 0 auto!important }
}

@media only screen and (max-width: 479px){
	.slide,
	.slide-image { height: 460px; }
	.bx-pager { display: none; }
	.bx-prev { left: 10px; }
	.bx-next { right: 10px; }
}



@media(max-width: 767px){
 .popmake-title { font-size: 120%!important; font-weight: bold; padding-top: 8px } 
 .popmake.theme-552 { padding: 20px!important }
 .mbr { display: block }
	#popmake-688 a { font-size: 15px!important} 
}