/*
Theme Name: Nation Partners
Author: Orasy
Description: Nation Partners
Version: 1.0
Text Domain: np
*/


@font-face {
	font-family: "PantonExtraLight";
	src: url("fonts/Panton-ExtraLight.otf");
}

@font-face {
	font-family: "PantonRegular";
	src: url("fonts/Panton-Regular.otf");
}

@font-face {
	font-family: "PantonBold";
	src: url("fonts/Panton-Bold.otf");
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	letter-spacing:0.5px;
	
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

body {
	color:#262626;
	
	
	font-family: "aktiv-grotesk",sans-serif;
	font-style: normal;
	font-weight: 300;
	
	font-size:14px;
	line-height: 21px;
}

#wrapper {
	width:940px;
	margin: 0 auto;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:25px;
	
	padding-bottom:185px;
	
	position:relative;
}

.content {
	width:940px;
	margin: 0 auto;
}


.page-template-np-broadcast .content {
	width:946px;
}


#logo {
	width:165px;
	float:left;
}

#logo a img {
	width:165px;
	height:auto;
}

#menu {
	width:775px;
	float:left;
}

div.menu ul li,
div.menu ul li a {
	text-align:right;
	
	font-family: "aktiv-grotesk",sans-serif;
	font-style: normal;
	font-weight: 500;
	text-decoration:none;
	font-size:15px;
	color:#ffffff;
}

#header {
	height:175px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 100px; /* bottom = footer height */
}

.footer {
	background-color:#262626;
	color: #ffffff;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}

.home-slider {
	
	font-family: "aktiv-grotesk",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size:32px;
	line-height:38px;
	width:440px;
}

.home-slider p {
	font-family: "aktiv-grotesk",sans-serif;
	font-style: normal;
	font-weight: 200 !important;
}

.menu-main-container ul li a,
#menu-main ul li a {
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
	
	font-size: 15px;
    font-weight: 500;

}

.mobile-menu .menu li {
	min-width:20px;
	float:right;
	margin-left:60px;
	margin-bottom:50px;
}

.menu-main-container {
	text-align:right;
}

.menu {
	text-align:right;
	padding-top:30px;
}



.home-feature-link {
	margin-right:2px;
}


.home-feature-link {
	width:468px;
	height:89px;
	float:left;
	
	margin-bottom:2px;
	margin-right:2px;
	background-color: rgba(38,38,38,.90);
	/*background-image:url(images/hp-links-bg.png);
	background-repeat:repeat;*/
	text-transform:uppercase;transition: all;
	transition: all 0.5s ease-out;
}

.home-feature-link:hover {
	background-color: rgba(38,38,38,1.00);
	transition: all 0.5s ease-out;
}





.home-feature-link-hover {
	visibility:hidden;
  opacity:0;
  transition:opacity 0.5s linear;
	
	width:312px;
	height:89px;
	
	position: relative;
	
	text-transform: none;
}

.pink-link {
	background-color:#d51880;
	
	background-image:url(images/pink-link-bg.png);
	background-position:right;
	background-repeat:no-repeat;
}

.green-link {
	
	background-color:#4fa845;
	background-image:url(images/green-link-bg.png);
	background-position:right;
	background-repeat:no-repeat;
}
.blue-link { 
	background-color:#5c94ee;
	background-image:url(images/blue-link-bg.png);
	background-position:right;
	background-repeat:no-repeat;
}
.teal-link {  
	background-color:#27b5b4;
	background-image:url(images/teal-link-bg.png);
	background-position:right;
	background-repeat:no-repeat;
}

.none-link {
	background-color:#cccccc;
}


/*
.home-feature-link-hover-text {
	width:235px;
	
	overflow:hidden;
}

.home-feature-link-hover-text span {
	margin: 0;
   	position: absolute;            
   	top: 50%;                        
   	transform: translate(0, -50%);
	padding-left:35px;
	
	font-size:14px;
	line-height:18px;
	font-weight:400;
	
	
	width: 250px;
	
}

.home-feature-link:hover .home-feature-link-hover {
	visibility:visible;
  	opacity:1;
}

.home-feature-link:hover .feature-icon,
.home-feature-link:hover .feature-link {
	display:none;
}


.home-feature-link:nth-child(3n+0) {
   margin-right:0px;
}
*/
.home-feature-link3 {
	margin-right:0px !important;
}

.feature-icon {
	float:left;
	width:89px;
	height:89px;
	margin-left:20px;
}

.feature-link {
    float: left;
    font-size: 16px;
    font-weight: 300;
    height: 89px;
    line-height: 18px;
    margin-left: 10px;
    position: relative;
    width: 193px;
}

.feature-link span {
	margin: 0;
   	position: absolute;               /* 2 */
   	top: 50%;                         /* 3 */
   	transform: translate(0, -50%) 		
   }
   
.home-feature-box {
	
	width:262px;
	height:200px;
	float:left;
	
	margin-bottom:2px;
	margin-right:2px;
	
	position:relative;
	
	padding:25px;
	
	font-size:14px;
	line-height:18px;
	
}

.home-feature-box-slider {
	
	width:312px;
	height:250px;
	float:left;
	
	margin-bottom:2px;
	margin-right:2px;
}

.home-feature-box-link a {
	color: #262626 !important;
	
	text-decoration:none;
	color:#ffffff;
}

.home-feature-box-link {
	position:absolute;
	bottom:20px;
	
	font-weight: 300;
	font-size:13px;
	
	opacity:1;
	
	cursor:pointer;
	
}


.home-feature-box-link a:hover {
	color:#7C9928 !important;
}


.home-feature-box-link:hover {
	cursor:pointer;
}


.home-feature-box-link a::after {
	content: ">";
	float: right;
	font-family: "Quicksand",sans-serif;
	margin-left:10px;
	
}

.home-feature-box-wide h1,
.home-feature-box h1 {
	font-weight: 300;
	font-size:20px;
	line-height:24px;
	margin-bottom:20px;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #262626 !important;
}

.fw h1 {
    color: #7C9928 !important;
}



.home-feature-box-wide p,
.home-feature-box p {
	color: #262626 !important;
}


.home-feature-box-wide {
	background-color:#ffffff;
	
	width:576px;
	height:200px;
	float:left;
	
	margin-bottom:2px;
	margin-right:2px;
	
	padding:25px;
	position:relative;
	
	font-size:14px;
	line-height:20px;
}

.home-feature-box:nth-child(3n+0) {
   margin-right:0px;
}

.white {
	background-color:#ffffff;
}

.pink {
	background-color:#e63780;
}

.green {
	background-color:#4fa845;
}

.blue {
	background-color:#5c94ee;
}

.blue-dark {
	background-color:#166cb8;
}

.teal {
	background-color:#27b5b4;
}

.purple {
	background-color:#6b44a0;
}

#footer-col-1 {
	float:left;
	width:65px;
	margin-right:40px;
	
	margin-top: 5px;
}

#footer-col-1 img {
	width:65px;
	height:auto;
}


#footer-col-2 {
	float:left;
	width:400px;
}

#footer-col-3 {
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin-right: 50px;
    width: 210px;
}

.footer-proj-header {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
}

.footer-proj-link {
	float:left;
	width:225px;
	
	font-size:14px;
	line-height:16px;
	font-family: "aktiv-grotesk",sans-serif;
	
	margin-bottom:4px;
	color:#929295;
	
}

.footer-proj-link:hover {
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	  /* ...and now for the proper property */
	 transition:.5s; 
	 
	 color:#F1F1F1;
}


#social-footer {
	margin-top:27px;
}

.social-footer-item {
	width:22px;
	margin-right:27px;
	float:left;
}

.social-footer-item-tw {
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:25px;
	float:left;
	
	background-image:url(images/sf_tw.png);
	background-repeat:no-repeat;
	
	background-size: 25px 25px;
	
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.social-footer-item-tw:hover {
	cursor:pointer;
	background-image:url(images/sf_tw_ov.png);
	background-repeat:no-repeat;
}

.social-footer-item-in {
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:25px;
	float:left;
	
	background-image:url(images/sf_in.png);
	background-repeat:no-repeat;
	
	background-size: 25px 25px;
	
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.social-footer-item-in:hover {
	cursor:pointer;
	background-image:url(images/sf_in_ov.png);
	background-repeat:no-repeat;
	
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	
}

.social-footer-item-ln {
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:25px;
	float:left;
	
	background-image:url(images/sf_ln.png);
	background-repeat:no-repeat;
	
	background-size: 25px 25px;
	
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.social-footer-item-ln:hover {
	cursor:pointer;
	background-image:url(images/sf_ln_ov.png);
	background-repeat:no-repeat;
	
}

.social-footer-item img {
	
	width:22px;
	height:auto;
}

#np1 {
	font-size:16px;
	font-weight:400;
	margin-right:6px;
	text-transform:uppercase;
}

#np2{
	font-size:16px;
	font-weight:400;
	color:#ff1881;	
	text-transform:uppercase;
}

.social-text {
	font-size:14px;
	line-height:20px;
	font-weight:200;	
}

.social-text b {
	font-weight:500;	
}

div.menu-main-menu-container ul li a {
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	text-transform:uppercase;
}

div.menu-footer-menu-container ul li {
	
	float:left;
	margin-left:0px;
	margin-right:20px;
}

div.menu-footer-menu-container ul li a {
	text-decoration:none;
	color:#929295;
	font-size:14px;
	font-weight:300;
}

div.menu-footer-menu-container ul li a:hover {
	color:#f6f6f6;
}

#footer-menu {
	padding-top:25px;
	
	width:620px;
	float:left;
}

#copy {
	float:left;
	width:250px;
	padding-top:55px;
	
	color:#66666b;
	font-weight:300;
}

#footer-heading {
	margin-bottom:40px;	
}

.gc0 {
	background-color:#ffffff;
}


.gc {
	width:100%;
	
	height:auto;
	
	background-color:#EFEAE2;
	
	color:#313842;
	font-weight: 300;
}

.gc-heading {
	margin-bottom:40px;
	
}

p {
	margin-bottom:15px;
}

#content-left {
	float:left;
	padding:20px;
	width:660px;
	
	background-color:#ffffff;
}

div.content div.gc div#content-left p img,
div.content div.gc div#content-left img {
	max-width:660px;
	height:auto;
}

div.content div.gc div#content-left p img {
	margin-bottom:-20px;
}


div.gc div#content-left blockquote {
	font-size:20px;
	line-height:24px;
}

#content-right {
	float:left;
	padding:20px;
	width:200px;
	
	height:100%;
	
	font-size:13px;
	font-weight:300;
	line-height:19px;
	
}

#content-right p,
#content-right p img {
	max-width:200px;
	height:auto;
}

h1 {
	font-size:45px;
	line-height:50px;
	font-weight:200;
	margin-bottom:15px;
	
	-webkit-font-smoothing: subpixel-antialiased;
}

h2 {
	font-size:22px;
	line-height:27px;
	color:#7C9928;
	margin-bottom:15px;
	font-weight: 300;
	
	-webkit-font-smoothing: subpixel-antialiased;
}

h3 {
	
	font-size:18px;
	line-height:22px;
	margin-bottom:15px;
	font-weight:300;
	
	-webkit-font-smoothing: subpixel-antialiased;
}

h4 {
	
	font-size:16px;
	color:#5c85ee;
	font-weight:500;
	margin-bottom:15px;
	
	-webkit-font-smoothing: subpixel-antialiased;
	
}

h5 {
	
	font-size:16px;
	color:#262626;
	font-weight:300;
	margin-bottom:15px;
	
	-webkit-font-smoothing: subpixel-antialiased;
	
}

h6 {
	
	font-size:13px;
	color:#5c85ee;
	font-weight:400;
	
	-webkit-font-smoothing: subpixel-antialiased;
	
}

.icon {
	width:50px;
	height:50px;
	margin-bottom:15px;
}

.icon  img {
	width:50px;
	height:auto;
}


#contact-form {
	font-size:18px;
	line-height:25px;	
}


.content-column {
	margin-bottom:15px;
}

div.content div.gc div#content-right blockquote {
	font-size:16px;
	line-height:21px;
}

.navbar-toggle {
    background-color: transparent;
    background-image: url("images/mob-menu-btn.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    float: right;
    height: 40px;
    margin-bottom: 8px;
    margin-right: 20px !important;
    margin-top: 30px !important;
    padding: 9px 10px;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 40px;
	
	z-index: 999;
}

.navbar-toggle {
    display: none;
}
button, .button, button.secondary, .button.secondary, button.success, .button.success, button.alert, .button.alert, button.warning, .button.warning, button.info, .button.info {
    border-color: transparent;
}

.overlay,
.mobile-menu {
	display:none;
}

.mobile {
	display:none;
}

hr {
    border-bottom: 0 none;
    border-top: 1px solid #cccccc;
    box-sizing: content-box;
    height: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.fw {
	opacity:0.7; height:22px;
}

.ares .tp-bullet {
	opacity:0.7;
}

div.feature-link span p {
	margin-bottom:0px;color: #ffffff;
}

.one_half {
    width: 48% !important;
	margin-right:2%;
}

.tp-bullet selected:hover,
.tp-bulet:hover {
	background:#e53780 !important;
}


#share-text {
	text-transform:uppercase;
	font-size:16px;
	color:#262626;
}

.ssba img {
	padding: 5px !important;
	padding-left:0px !important;
}

.st_sharethis_custom {
    background: transparent url("images/share-all.png") no-repeat scroll left top;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    overflow: hidden;
    width: 30px;
	margin-top:9px;
	
	background-size: 30px 30px;
}


.tp-bullet {
	border-radius:15px !important;
}

.tp-bullet.selected, .tp-bullet:hover {
	opacity:0.8;
}

.home-feature-box-wide p,
.home-feature-box p {
}

div.ssba.ssba-wrap div a.ssba_facebook_share:hover,
div a.ssba_twitter_share:hover,
.ssba_share_link:hover {
	opacity:0.8;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.small-slider-text, .small-slider-tex {
	font-weight:300 !important;
}
}


#portal_page {
	padding-top:20px;
	padding-bottom:20px;
}

#intro_text,
#portal-modules {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.portal-link-module {
    color: #ffffff;
    float: left;
    height: 265px;
    margin-bottom: 18px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    width: 296px;
    border-bottom: 1px solid #4B4B4B;
}


.portal-link-module:hover {
     border-bottom: none;
}



.portal-link-module:hover .hoverhide {
        opacity: 0;
    }



.portal-link-module:nth-child(3n+3) {
    margin-right: 0;
}

.portal-thumb, .portal-thumb img {
    height: 170px;
    overflow: hidden;
    width: 296px;
}

.portal-links-content {
    font-size: 18px;
	line-height: 23px;
    font-weight: 300;
    height: 70px;
	color: #262626;
	padding-top:12px;
    
    overflow: hidden;
}

.portal-links-readmore {
    bottom:0px;
    height: 22px;
    margin-left:0px;
    position: absolute;
	
	color:#313842;
	font-size:13px;
	padding-bottom:5px;
	
	opacity:0;
	
	width:100%
	
}

#rm-text {
	cursor:pointer;
}


#rm-text::after {
    content: ">";
    font-family: "Quicksand",sans-serif;
    margin-left: 10px;
	
	color:#313842;
}

.portal-hover-content {
	height: 140px;
    overflow: hidden;
    width: 266px;
	
	font-size:14px;
	line-height:17px;
	
	padding:15px;
}


.portal-thumb-tint {
    opacity:0;
    height: 265px;
    overflow: hidden;
    position: absolute;
    width: 296px;
	
	cursor:pointer;
}

.portal-thumb-tint div.portal-links-content {
	
}

.portal-link-module:hover .portal-thumb-tint {
    opacity:1;
    transition: all 0.3s ease 0s;
}

.portal-link-module:hover .portal-links-readmore {
    opacity:1;
    transition: all 0.3s ease 0s;
}

#intro_text {
	font-size:20px;
	line-height:26px;
	
	padding-bottom:20px;
	
}

.page-template-np-our-people-php div#wrapper div.content div.gc {
	background-color:transparent !important;
}



.page-template-np-projects.page-template-np-projects-php div#wrapper div.content div.gc {
	background-color:transparent !important;
}


#contact-info {
	border-bottom:#d6d7d9 solid 1px;
	border-top:#d6d7d9 solid 1px;
	height:32px;
	padding-top:20px;
	padding-bottom:20px;
	
	line-height:32px;
	
	font-weight:500;
	
	margin-bottom:50px;
}

#map1 {
	float:left;
	width:320px;
}

#map1m,
#map2m,
#map3m {
	width:320px;
	height:180px;
}

#map2 {
	float:right;
	width:320px;
}

#map3 {
	float:left;
	width:320px;
    margin-top: 30px;
}



#contact-form,
#careers {
	margin-bottom:50px;
}

#maps {
	margin-bottom:35px;
}

#phone-info {
	float:left;
	width:190px;
	
	line-height:32px;
}

#phone-info img {
	width:21px;
	height:auto;
	
}

#email-info {
	float:left;
	width:300px;
	
	line-height:32px;
}

#email-info img {
	width:30px;
	height:auto;
}

#phone-info-icon {
	float:left;
	width:21px;
	margin-right:18px;
}

#phone-info-icon img {
	width:21px;
	height:auto;
}

#email-info-text,
#phone-info-text {
	line-height:32px;
}

#email-info-icon {
	float:left;
	width:30px;
	margin-right:18px;
}

#email-info-icon img {
	width:30px;
	height:auto;
	
}

p a {
	color:#ff5c60;
}

.broadcast-content img {
	width:100%;
	height:auto;
}



.grid {
  background:none !important;
  background-color:transparent !important;
}

/* item is invisible, but used for layout */
.grid-item,
.grid-sizer {
  width: 470px;
}

.grid-item {
  float: left;
  height: 235px;
  
  overflow:hidden;
}

/* grid-item-content is visible, and transitions size */
.grid-item-content {
  width: 100%;
  height: 100%;
  -webkit-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
		  

	background-image:url(images/open.png);
	background-position:427px 194px;
	background-repeat:no-repeat;
	
	background-size: 22px 22px;
}







.grid-item-content-r {
	
	background-position:22px 194px !important;
	
}


.grid-item.is-expanded .grid-item-content-r {
	
	background-position:22px 194px !important;
}


.grid-item:hover .grid-item-content {
  cursor: pointer; 
  z-index:999;
   -webkit-filter: brightness(110%); 
   filter: brightness(110%);
   transition: all 0.3s ease 0s;
}


.grid-item:hover .staff-link1 {
  cursor: pointer; 
  z-index:999;
   -webkit-filter: brightness(none); 
   filter: brightness(none);
   transition: all 0.3s ease 0s;
	background-color: #99BF32;
}





/* both item and item content change size */
.grid-item.is-expanded {
  width: 470px;
  height: 470px;
  z-index: 2;
  
  overflow:hidden;
  

}

.grid-item-1 { 
  width: 470px !important;
  height: 470px !important;
  
  background-color:#ffffff !important;
  
  background-image:none !important;
}

.grid-item.is-expanded .grid-item-content {
	
	position:relative;
	
	overflow:hidden;
	
	background-image:url(images/close.png);
	background-position:427px 194px;
	background-repeat:no-repeat;
	
	
	background-size: 22px 22px;
}


.staff_thumb {
	width:235px;
	height:235px;
	float:left;
	
	pointer-events: none;
	overflow:hidden;
}


.staff_thumb img {
	width:100%;
	height:auto;	
}


.staff_thumb-r {
	width:235px;
	height:235px;
	float:right;
	
	pointer-events: none;
	overflow:hidden;
}

.staff_thumb-r img {
	width:100%;
	height:auto;	
}

.grid-item.is-expanded .thumb-tint {
	
	background-color:rgba(0,0,0,0.0);
	
	transition: all 0.3s ease 0s;
}

.grid-item.is-expanded .thumb-tint-r {
	
	background-color:rgba(0,0,0,0.0);
	
	transition: all 0.3s ease 0s;
}


.thumb-tint {
	background-color:rgba(0,0,0,0.25);
	transition: all 0.3s ease 0s;
	
	width:235px;
	height:235px;
	position:absolute;
	top:0;
	left:0;
	
	pointer-events: none;
}

.thumb-tint-r {
	background-color:rgba(0,0,0,0.25);
	transition: all 0.3s ease 0s;
	
	width:235px;
	height:235px;
	position:absolute;
	top:0;
	right:0;
	
	pointer-events: none;
}

.staff_info1 {
	width:234px;
	height:235px;
	float:left;
	
	pointer-events: none;
	
	overflow:hidden;
}

.staff_info2 {
	width:470px;
	height:235px;
	
	background-color:#ffffff;
	
	position:relative
}

.staff_info2 p {
	padding:20px;
}

.staff-name {
	font-size:20px;
	padding-top:30px;
	padding-left:25px;
	color:#262626;
	
	pointer-events: none;
	
	padding-right: 20px;
}

.staff-role {
	font-size:14px;
	padding-top:8px;
	padding-left:25px;
	color:#262626;
	
	pointer-events: none;
}

.staff-link {
	position:absolute;
	bottom:20px;
	left:25px;
	
	font-size:13px;
	color:#262626;	
}

.staff-link::after {
	content: ">";
	float: right;
	font-family: "Quicksand",sans-serif;
	margin-left:10px;
	
}

.grid1-content {
    color: #262626;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    padding: 20px 150px 20px 20px;
	padding-left:25px;
    position: relative;
}

.grid-item-1-ex {
	background-image:none !important; position:relative
}



/* ---- .grid-item broadcast ---- */

/* ---- grid ---- */

.grid-b {

}

/* clear fix */
.grid-b:after {
  content: '';
  display: block;
  clear: both;
}


.grid-item-b {
  float: left;
  width: 230px;
  min-height: 200px;
  background:#FFFFFF;
  margin-right:6px;
  margin-bottom:6px;
  
  position:relative;
  
  z-index:10;
}

.grid-item--height2 { height: 300px; }


/*.grid-item-b:nth-child(4n+4) {
    margin-right:0px;
}*/

.page-template-np-broadcast.page-template-np-broadcast-php div#wrapper div.content div.gc {
	background-color:transparent !important;
}

.broadcast-thumb {
	width:230px;
	height:auto;
}

.broadcast-thumb img {
	width:230px;
	height:auto;
}

.broadcast-content {
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
}

.broadcast-link {
	border-top:2px solid #f0f0f0;
	height:44px;
	line-height:44px;
}

.broadcast-link p {
	margin-left:20px;
}

.broadcast-date {
	float:left;
	width:70%;
	margin-left:20px;
}

.broadcast-icon {
	float:right;
	width:26px;
	margin-top:9px;
	margin-right:20px;
	height:40px;
}

.grid-item-b-hover {
	width:230px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	height:100%;
	
	z-index:100;
	
	transition: all 0.3s ease 0s;
	opacity:0;
	
}

.grid-item-b:hover .grid-item-b-hover {
	opacity:1;
	transition: all 0.3s ease 0s;
}

#intro-text {
	font-size:20px;
	line-height:26px;
	color:#262626;
	padding-top:15px;
	
	width:690px;
}


 /*   Gravity Forms Custom Styles
-------------------------------------------------------------- */

.gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large {
	
	background-color:#EFEAE2 !important;
	border:none !important;
	height:40px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;

}

.gform_wrapper textarea.large {
	background-color:#EFEAE2 !important;
	border:none !important;
	height:140px !important;
	width:100% !important;
	
	margin-right:0px !important;
	
	margin-bottom:10px;
	
}

div.ginput_container input#input_1_6.medium {
	font-size:14px !important;
	width: 250px !important;
}


.gform_wrapper .top_label .gfield_label {
	font-size:14px !important;
	font-weight:300 !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width:100% !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_footer input[type="image"] {
	width:150px !important;
	height:40px !important;
	text-align:center !important;
	line-height:40px !important;
	border:none !important;
	background-color:#262626 !important;
	color:#FFFFFF !important;
	float:right !important;
	margin-top:-76px !important;
}


.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_footer input[type="image"]:hover {
	background-color:#99BF32 !important;
	cursor: pointer;
}




.gform_wrapper .top_label li.gfield.gf_left_half {
	 width: 49% !important;	
	
}

.gform_wrapper .top_label li.gfield.gf_right_half {
	margin-right:0px !important;
    width: 49% !important;
	float:right !important;
}

.gform_wrapper {
    max-width: 100% !important;
}



 /*  Extra Styles Desktop
-------------------------------------------------------------- */


div#content-right ul li,
div#content-left ul li {
	margin-left:20px;
}


.broadcast-icon img {
	width:26px;
	height:auto;
}

a, a:hover, a:active, a:focus {
	
	outline: 0;
  /* styling for any way a link is about to be used */
}


.staff-link:hover {
	color:#7C9928  !important;
}

.staff-link1::after {
    content: ">";
    float: right;
    font-family: "Quicksand",sans-serif;
    margin-left: 10px;
}
.staff-link1 {
    bottom: 20px;
    color: #27b5b4;
    font-size: 13px;
    left: 25px;
    position: absolute;
}

.staff-link1:hover {
	color:#262626 !important;
}




div#content-right p a,
div#content-right a {
	text-decoration:none !important;
	color:#313842 !important;
}

div#content-right p a:hover,
div#content-right a:hover {
	color:#437D00 !important;
}

div#content-left a {
	color:#437D00;
	text-decoration:none
}

div#content-left a:hover {
	color:#437D00;
	text-decoration:none
}

p a {
    color: #229CE2 ;
	text-decoration:none
}

p a:hover {
    color: #284dad;
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

#content-left ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

#content-left li {
  padding-left: 1em;
  text-indent: -1em;
  
  list-style-type: none;
}


.gform_wrapper li {
  padding-left: 0px !important;
  text-indent:  0px !important;
  
  list-style-type: none;
}


.gform_wrapper li:before {
	content:normal !important
	
}

#content-left li:before {
  content: "›";
  padding-right: 5px;
}

div#content-right ul li, div#content-left ul li {
    margin-left: 0px;
}



#team-intro {
	
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 40px;
}

.team-entry {
	width: 205px;
	float: left;
	margin-right: 22px;
	margin-bottom: 20px;
}

.team-thumb {
	width: 205px;
	height: 205px;
	overflow: hidden;
}

.team-thumb img {
	width: 205px;
	height: auto;
}

.team-content {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	
	background-color: #EFEAE2;
	
	height: 110px;
	
	position: relative;
}

.team-name {
	font-size: 20px;
	line-height: 26px;
}

.team-role {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 5px;
}

.team-link {
	position: absolute;
	bottom: 10px;
	
	font-size: 13px;
	line-height: 17px;
}

.team-entry:nth-child(3n+0) {
   margin-right:0px;
}

.team-link:hover {
	cursor: pointer;
	text-decoration: none;
	color: #7C9928 !important;
}

.staff-link1 {
    background-color: #EFEAE2;
    bottom: 25px;
    color: #262626;
    font-size: 18px;
    height: 50px;
    left: 25px;
    line-height: 50px;
    padding-left: 20px;
    position: absolute;
    width: 200px;
}

.staff-link1::after {
    content: " ";
    font-family: "Quicksand",sans-serif;
    margin-left: 10px;
	
	background-image:url(images/arr-team.png);
	background-position: 50% 50%;
	background-repeat:no-repeat;
	
	width: 50px;
	height: 50px;
	
}

.staff-link1:hover {
	background-color: #99BF32;
	color: #262626;
}

.link-full-team {
	height: 60px;
	line-height: 60px;
	background-color: #EFEAE2;
	color: #262626;
	text-align: center;
	margin-top: 5px;
	font-size: 18px;
	
	background-image:url(images/arr-team.png);
	background-position: 59% 50%;
	background-repeat:no-repeat;
}

.link-full-team:hover {
	background-color: #99BF32;
	cursor: pointer;
}



 /*   EXPANDED VIEW (480px)
-------------------------------------------------------------- */


@media only all  
and (min-width: 320px)
and (max-width : 640px) 
{
	
body {
	font-size:21px;
	line-height:25px;
}
	
	
	body.page-template-np-broadcast	{
		background-color: #efeae2;
		
	}
	
	

.mobile {
	display:block;
}

div {
	border:solid 0px #D61C1F;
}

.desktop-layout {
	display:none;
}

.home-slider {
	display:block;
	overflow:hidden;
	
	height: 325px;
}


#wrapper {
	width:480px;
	margin: 0 auto;
	padding:0px;


}

.content {
	width:480px;
	margin: 0 auto;
	
	overflow:hidden;
}

.page-template-np-broadcast .content {
	width:480px;
}    
    
    

.home-feature-link {
	width:239px;
}


.home-feature-link-hover {
	width:239px;
}

.feature-icon {
	float:left;
	width:89px;
	height:89px;
	margin-left:0px;
}

.feature-link {
	width:133px;
	height:89px;
	
    font-size: 15px;
	
	margin-left:0px;
}

.home-feature-link:nth-child(3n+0) {
   margin-right:2px;
}

.home-feature-link:nth-child(2n+0) {
   margin-right:0px;
}

.home-feature-box {
	width:430px;
	height:330px;
}

.home-feature-box-wide {
	width:430px;
	height:330px;
}

.home-feature-box-slider {
	float: none;
    height: 385px;
    overflow: hidden;
    width: 480px;
}

#footer-col-2 {
	width:400px;
	float:none;
}

#np1 {
	font-size:22px;
}

#np2 {
	font-size:22px;
    line-height: 30px;
    white-space: pre;
}

#footer-col-1 {
	margin-top:30px;
	margin-bottom:30px;
}

.footer-proj-header,
.footer-proj-link {
    float: none;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 4px;
    width: 400px;
}

#footer-col-1 {
    float: none;
    width: 95px;
}

#footer-col-1 img {
    width: 95px;
	height:auto;
}

#footer-heading {
	margin-bottom:0px;	
}

#footer-col-3 {
	
	margin-top:50px;
	
    float: none;
    font-size: 21px;
    line-height: 25px;
    margin-right: 0px;
    width: 400px;
}

.social-text {
    font-size: 21px;
    line-height: 25px;
	font-weight:300;
}

.social-footer-item {
    margin-right: 32px;
    width: 32px;
}
.social-footer-item img {
    height: auto;
    width: 33px;
}


div.menu-footer-menu-container ul li {
    font-size: 21px;
    margin-right: 0px;
    text-align: left;
    width: 140px;
	
	float:left;
}

#copy {
	float:none;
	margin-top:30px;
}


div.menu-footer-menu-container ul li a {
    font-size: 21px;
    line-height: 31px;
}


#footer-menu {
    padding-top: 0px;
    height: 100px;
	width: 440px;
	float:none;
}

#logo {
    margin-left: 20px;
    margin-top: 20px;
    width: 150px;
}
#logo a img {
    height: auto;
    width: 150px;
}

#content-left {
	width:420px;
	padding:30px;
}

div.content div.gc div#content-left p img, div.content div.gc div#content-left img {
    height: auto;
    max-width: 420px;
}

.navbar-toggle {
	display:block;
	
	}	

.overlay,	
.mobile-menu {
	display:block;
}

ul#menu-mobile-menu.menu {
	text-align:left !important;
}

ul#menu-mobile-menu.menu li {
	float:none;
}

ul#menu-mobile-menu.menu li a {
	text-decoration:none;
}

#wrapper { 

    background-repeat: no-repeat;
    background-position: center top; 
}

#supersized {
	display:none !important;
}

.slider-text {
	margin-left:20px;
	color: #262626 !important;
}

#mobile_bg {
	position:absolute;
	top:0px;
	width:480px;
	margin:0 auto;
	height:500px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:-1;
}

#mobile_bg2 {
	position:absolute;
	top:0px;
	width:480px;
	margin:0 auto;
	height:422px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:-2;
}

.gc-heading {
    display: table-cell;
    height: 170px;
    padding-left: 20px;
    vertical-align: bottom;
    width: 460px !important;
}

h1 {
    font-size: 50px;
    line-height: 55px;
}

h2 {
    color: #7C9928;
    font-size: 33px;
	line-height:37px;
}

h3 {
    font-size: 27px;
    line-height: 31px;
}

h4,
h5 {
    font-size: 24px;
	line-height:27px;
}

h6 {
    font-size: 20px;
    line-height:23px;
    font-weight: 500;
}

#content-right {
    float: none;
    font-size: 20px;
    line-height:26px;
    padding: 30px;
    width: 442px;
	
	margin-top:20px;
}

#content-right p, #content-right p img {
    max-width: 400px;
}

div.gc div#content-left blockquote {
    font-size: 24px;
    line-height: 30px;
}


#content-left {
	float: none;
	font-size:21px;
	line-height:33px;
}

.small-slider-text, .small-slider-tex {
	
	font-size:32px !important;
	line-height:38px !important;
	
}

.home-feature-box-wide h1, .home-feature-box h1 {
    font-size: 32px;
    line-height: 38px;
}
    
.fw {
	height:40px;
}
    
.fw h1 {
	height:40px;
	opacity: 1 !important;
	color: #7C9928 !important;
}

.home-feature-box {
    font-size: 20px;
    line-height: 24px;
}


.home-feature-box-wide {
    font-size: 20px;
    height: auto;
    line-height: 24px;
    padding-bottom: 60px;
}

.home-feature-box-link {
    font-size: 20px;
}

div.content div.gc div#content-right blockquote {
    font-size: 24px;
    line-height: 33px;
}

#footer {
	height:0px;
}

div.home-slider div.read-more {
	margin-left:20px !important;
	color: #262626 !important;
}

	

	
#rev_slider_1_1_wrapper .read-more a {
	color: #262626 !important;
}	
	
.home-feature-link:hover .feature-icon,
.home-feature-link:hover .feature-link {
	display:block !important;
}

.home-feature-link-hover {
    display: none;
}


#intro_text, #portal-modules {
    margin-left: auto;
    margin-right: auto;
    width: 420px;
}

.portal-thumb,
.portal-thumb-tint {
    height: 240px;
   	width: 420px;
	overflow:hidden;
}

.portal-thumb img {
	width:100%;
	height:auto;
	
}


.portal-hover-content {
    font-size: 20px;
	line-height:28px;
    height: 210px;
    width: 390px;
}

.portal-links-content {
	font-size:24px;
	line-height:30px;
}

.portal-links-readmore {
	font-size:16px;
}

.portal-link-module {
	width:420px;
	height:355px;
	float:none;
}






/* item is invisible, but used for layout */
.grid-item,
.grid-sizer {
  width: 480px;
}

.grid-item {
  height: 234px;
  
}

/* grid-item-content is visible, and transitions size */
.grid-item-content {

		  

	background-image:url(images/open.png);
	background-position:437px 194px;
	background-repeat:no-repeat;
}

.grid-item:hover .grid-item-content {
  cursor: pointer;
  
  z-index:999;
}

/* both item and item content change size */
.grid-item.is-expanded {
  width: 480px;
  height: 480px;

}

.grid-item-1 {
    height: auto !important;
    width: 480px !important;
}

.grid-item-1-ex {
	 height: auto;
    padding-bottom: 40px;
}

.staff-link { 
font-size:14px;
}

.grid-item.is-expanded .grid-item-content {
	
	background-image:url(images/close.png);
	background-position:437px 194px;
	background-repeat:no-repeat;
}


.staff_thumb {
	width:240px;
	height:240px;
}

.staff_info1 {
	width:239px;
	height:240px;
}

.staff_info2 {
	width:480px;
	height:240px;
}

.staff-name {
	font-size:20px;
	padding-top:30px;
	padding-left:25px;
	color:#262626;
	
	pointer-events: none;
}

.staff-role {
	font-size:14px;
	padding-top:8px;
	padding-left:25px;
	color:#262626;
	
	pointer-events: none;
}

.staff-link::after {
	content: ">";
	float: right;
	font-family: "Quicksand",sans-serif;
	margin-left:10px;
	
}

.staff_thumb {
	overflow:hidden;
}

.staff_thumb img {
	width:100%;
	height:auto;
}

.staff_info2 p {
	font-size:14px;
	line-height:20px;
}

staff-link {
    font-size: 16px;
}


.staff_thumb-r {
	width:240px;
	height:240px;
}


.thumb-tint-r,
.thumb-tint {
	width:240px;
	height:240px;

}

.grid1-content {
	 color:#262626; font-size:20px; line-height:26px; position:relative;
	 padding-right:20px;
}

#map3,
#map2,
#map1 {
	float:none;
	width:420px;
	
}

#map3m,
#map2m,
#map1m {
	width:420px;
	height:237px;
}

#email-info,
#phone-info {
    float: none;
    line-height: 32px;
    width:420px;
}

#contact-info {
	height:auto;
}

#contact-form p {
	font-size:27px;
	line-height:35px;
}


.gform_wrapper .top_label li.gfield.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_left_half {
	width: 100% !important;
	float:none !important;

}

.gform_wrapper .top_label .gfield_label {
    font-size: 21px !important;
}

#phone-info {
	margin-bottom:10px;
}

#email-info-icon,
#phone-info-icon {
    margin-right: 28px;
    width: 55px;
	text-align:center;
}

#email-info-icon img {
	width:55px;
	height:auto;
}

#phone-info-icon img {
	width:38px;
	height:auto;
}

.icon {
    height: 75px;
    width: 75px;
}
.icon img {
    height: auto;
    width: 75px;
}

.broadcast-content h3 {
	font-size:18px;
}

.broadcast-content {
	font-size:14px;
	line-height:18px;
}

.broadcast-link {
	font-size:14px;
}


.broadcast-date {
	font-size:14px;
}

#intro-text {
	font-size:24px;
	line-height:33px;
	
	padding-top:200px;
	padding-bottom:15px;
	
	width:440px;
}

#map2 h2,
#map1 h2 {
	margin-top:35px !important; 
}

#map2 p,
#map1 p {
	margin-bottom:35px !important; 
}

.broad-heading {
	margin-top:170px !important;
}

.broad-text {
	padding-top:30px !important;
}

.grid-item-b:nth-child(4n+4) {
    margin-right: 6px;
}
	
.team-entry:nth-child(2n+2) {
   margin-right:0px !important;
}
	
.team-entry:nth-child(3n) {
   margin-right:10px;
}
	
.team-entry {
    margin-right: 10px;
}

	body.page-template.page-template-np-team div#wrapper div.content div.gc {
		background-color: #FFFFFF;
	}
	.team {
		margin-bottom: 40px;
	}

.staff-link1 {
    bottom: 15px;
	}

.link-full-team {
	margin-top: 5px;
	margin-bottom: 5px;

	background-position: 69% 50%;
}
	
}