/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
.zone-header-wrapper{
	min-height:140px;
    /*background-color: rgba(0, 0, 0, 0.33);*/
}

.homepage-callout-shared-vocabulary .container-homepage-term a {
	font-size: 14px;
    min-height: 65px;
    padding: 15px 2px 0px 2px;
}

/* short terms */
.callout-our-work-grid .term-72 a,
.callout-our-work-grid .term-76 a,
.callout-our-work-grid .term-71 a,
.callout-our-work-grid .term-69 a,
.callout-our-work-grid .term-66 a,
.callout-our-work-grid .term-73 a,
.callout-our-work-grid .term-65 a,
.callout-our-work-grid .term-77 a,
.callout-our-work-grid .term-68 a{
padding-top:22px;
}


.page-node-1 .zone-header-wrapper,
.page-node-73 .zone-header-wrapper,
.page-node-82 .zone-header-wrapper,
.page-node-84 .zone-header-wrapper,
.page-node-85 .zone-header-wrapper,
.page-node-86 .zone-header-wrapper,
.page-node-89 .zone-header-wrapper,
.page-node-247 .zone-header-wrapper,
.page-node-296 .zone-header-wrapper,
.page-node-336 .zone-header-wrapper,
.page-node-337 .zone-header-wrapper,
.page-node-324 .zone-header-wrapper,
.page-node-513 .zone-header-wrapper,
.page-node-599 .zone-header-wrapper,
.page-node-681 .zone-header-wrapper,
.page-node-789 .zone-header-wrapper{
    background-color: rgba(0, 0, 0, 0.15);
}
.front .zone-header-wrapper{
 background-color: rgba(0, 0, 0, 0.15);
}

#logo img {
  max-width: 150px;
  height: auto;
}

.front .featured-blog-post .staff-bio-thumbnail{
    max-width: 120px;
}


/* Homepage callouts */
.front .container-homepage-callout{
text-align:center;
padding: 10px 0px;
}

.front .container-homepage-callout img.float-left{
float:left;
margin: 0px 10px 15px 0px;
}

.front .container-homepage-callout img.width-33pct{
width:33%;
height:auto;

}

/*
.front .container-homepage-callout h2{
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
}

.front .container-homepage-callout p{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
        margin: 5px 0px 5px 0px;
    font-style: oblique;
}
*/
.front .container-homepage-callout .btn-box-white{
    background-color: #fff;
    display: inline-block;
    padding: 8px 12px;
    margin: 8px 10px;
}

.front .container-homepage-callout-2{
    margin: 30px 0px;
    padding: 30px 0px;
    border-top: 1px solid #eee;
}
.front .container-homepage-callout-2 h3{
font-size:20px;
line-height:1.4;
color:#007193;
}

.front .container-homepage-callout-2 p{
font-size:15px;
line-height:1.4;
}

.front .container-homepage-callout-2 .btn-box-white{
background-color: #fff;
    display: block;
    padding: 8px 12px;
    margin: 8px 0px;
}
 /* end: Homepage callouts */
 
.node-type-publication .publication-thumbnail-container img {
max-width: 180px;
padding: 15px;
}

.pub-col-right, .publication-teaser-container .group-right{
float:left;
width:60%;
}

.publication-body-container{
font-size: 15px;
line-height: 22px;
}

.ds-2col-stacked > .group-left{
float: left;
width: 50%;
}

.ds-2col-stacked > .group-right {
float: none;
width: 100%;
}

.context-newsroom, .latest-press-release{
margin-top:60px;
}

.front .press-lead .view-header h2{
	padding-top:inherit;
}

.front .press-lead .press-item-container, .front .featured-blog-post {
	font-size: 20px;
    font-weight: 300;
}
.front .featured-blog-post,
.front .press-lead{ 
box-shadow: 3px 3px 0px rgba(0,0,0,1);
}
.hide-on-mobile{
display:inherit;
}

.hide-on-desktop{
display:none;
}


.homepage-callout-container img {
    padding: 30px 10px 20px 10px;
}

.homepage-callout-container {
    min-height: 210px;
}

.front .region-content-press-simple-list .views-row-4,
.front .region-content-press-simple-list .views-row-5,
.front .region-content-press-simple-list .views-row-6,
.front .region-content-press-simple-list .views-row-7{
display:inherit;
}

.front .full-article-label,
.front .full-article-link,
.context-press .full-article-label,
.context-press .full-article-link{
font-size: 18px;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
background-color: inherit;
color: #D56B2A;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
background-color: inherit;
color: #333;
}
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
background-color: #fff;
}
.tb-megamenu .nav li.dropdown.open > .tb-megamenu-clicked{
color: inherit;
border-color: inherit;
background-color: inherit;
}
 
.tb-megamenu-nav li a.dropdown-toggle{
    padding: 9px 15px;
    background-color: inherit;
	border-bottom:inherit;
}

.tb-megamenu-nav li.open a.dropdown-toggle{
	background-color: #fff;
    border-bottom: inherit;
}

.tb-megamenu-nav li.open .nav-child .mega-dropdown-inner{
	border-bottom: none;
    padding-left: 0px;
    background-color: #fff;
}

.tb-nav-container {
    margin-left: 25px;
}



.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
border: none;
color:#333;
text-transform: uppercase;
background-color:inherit;
}

.tb-megamenu .nav-collapse .nav li a {
    border: none;
    xtext-transform: uppercase;
    text-decoration: none;
}

.tb-megamenu .btn-navbar::after {
  content: "";
}


.tb-megamenu .nav-collapse .dropdown-menu a {
    padding: 10px 0px;
}

.nav-secondary ul li {
    float: inherit;
    list-style: inherit;
}

.nav-secondary ul li a{
  color:#333;
  padding: 10px 20px;
  line-height: 25px;
  text-transform:uppercase;
}

.sidebar-nav ul li.active-trail  {
    list-style-type: none;
    /*
    background-color: #F4F9FA;
    padding: 10px 0px 0px 8px;
    */
}

.tb-megamenu .nav-collapse {
    margin-top: inherit;
}

.main-search .form-type-textfield input {
  border: 1px solid #ccc;
  padding: 10px 6px;
  font-size: 15px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  background-color: #eee;
  color:#333; 
}

.main-search .form-submit{
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border: 0px;
  background-color: transparent;
  border-radius: 6px;
  margin: 5px 0px 0px 10px;
  color: rgba(255, 255, 255, 0);
  background-image: url(../../../../../sites/default/files/search-icon-blue.png);
  cursor: pointer;
  background-size: inherit;
    background-position: inherit;
}


.node-publicaiton .publication-thumbnail-container img{
max-width: 80%;
padding: 8px;
}

.pub-col-left img {
max-width: 75%;
padding: 10px;
}

.region-full-width-callout{
padding-left:200px !important;
width:70% !important;
}

.areas-of-work-nav-container,
.page-node-542 .region-sidebar
{
display:inherit;
}

.homepage-callouts-wrapper .views-row-3 {
margin-right: 0px !important;
}

.homepage-hero-text {
font-size: 18px;
line-height: 26px;
max-width: 480px;
}
.accomplishment-container{
min-height:210px;
}


.accomplishment-container h3{
font-size: 15px;
line-height:23px;
}

.xview-mode-tools_projects_preview {
max-width: 210px;
}

.project-tool-button-wrapper {
	max-width: 220px;
	margin: 20px 10px 0px 0px;
}

#zone-preface-wrapper {
height: 300px;
}

.page-node-16{
    background-position: 50% -100px;
}

.page-node-1 #region-content .region-content-inner{
padding-right:40px;
}

.hero-text-container h1{
font-size: 30px;
line-height: 38px;
}

.hero-text-container h1.offset-25{
top:25px;
}
.hero-text-container h1.offset-50{
top:50px;
}
.hero-text-container h1.offset-75{
top:75px;
}
.hero-text-container h1.offset-100{
top:100px;
}
.hero-text-container h1.offset-125{
top:125px;
}
.hero-text-container h1.offset-150{
top:150px;
}
.hero-text-container h1.offset-175{
top:175px;
}
.hero-text-container h1.offset-200,
.hero-text-container h1.offset-225,
.hero-text-container h1.offset-250,
.hero-text-container h1.offset-275,
.hero-text-container h1.offset-300{
top:180px;
}


.homepage-map-wrapper h2{
  font-size: 30px;
  line-height: 40px;
  margin: 0 auto;
  max-width: 900px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.lead-text-container p, .lead-text-container h1{
font-size: 28px;
line-height:38px
}



/******************************/
/****   Homepage Elements  ****/
/******************************/

.featured-event-container .event-right-col{
text-align:left;
}

.region-content-press-main-story{
margin-bottom:30px;
}

.view-box a{
display:inherit;
}

.container-12 .homepage-callout-grid-item {

}
.homepage-callouts-wrapper .views-row img{

}


/*******************/
/****   Staff   ****/
/*******************/



.staff-full-bio-left-col img {
  /*max-width: 120px;*/
  max-width:90%;
}

.staff-full-bio-left-col{
width:30% !important;
float:left;
}

.staff-full-bio-right-col{
width:70% !important;
float:left;
}

.staff-full-bio-right-col p{
font-size:14px;
line-height:22px;
padding-right:20px;
}

.staff-full-bio-container{
padding:0px 50px 0px 0px;
}

.staff-page-listing-wrapper .grid-2{
width:30% !important;
margin: 0 auto;
margin-left: 0px;
margin-right: 0px;
}

/* exception: 450px */
@media screen and (min-width: 740px) {
.staff-page-listing-wrapper .grid-2{
width:30% !important;
}
}

.staff-list-item {
min-height:280px;
}


#region-menu-social-media{
display:inherit;
}

.staff-blog-byline-container .blog-byline-name a{
font-size:13px;
line-height:16px;
}

.who-we-are-interior .field-name-field-main-page-content {
padding-right:0px;
}

.areas-of-work-teaser-container{
margin-bottom: 50px;
padding-right:50px;
}

.staff-container img{
max-width:100%;
}




.context-who-we-are .jcarousel-skin-default .jcarousel-item {
width: 195px;
min-height: 260px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: .3s;
transition: .3s;
display:block;
}


.container-float-left{
float:left;
}
.no-pad{
padding:0px;
}


/* TB Nav container */

ul.tb-megamenu-nav{
border: 1px solid #ccc;
border-top: 0px;
box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}

.tb-nav-container{
padding:0px 15px 10px 10px;
border-bottom:none;
margin-left:25px;
}

.tb-megamenu-item .spotlight-col-1,
.tb-megamenu-item .spotlight-col-2{
float:left;
width:50%;
}

.tb-megamenu-item .spotlight-wrapper-quote .spotlight-col-1{
float:left;
width:30%;
}

.tb-megamenu-item .spotlight-col-1 img{
max-width:275px;
}

.tb-megamenu-item .spotlight-wrapper-quote .spotlight-col-2{
float:left;
width:70%;
}

.tb-megamenu-item .spotlight-wrapper-quote .spotlight-col-2 .spotlight-col-2-inner{
        padding-left: 10px;
        padding-top: 20px;
        padding-right: 10px;
}

.tb-megamenu-item .spotlight-wrapper-quote  .spotlight-col-1 img{

        border: 4px solid #fff;

        width:100%;
        border-radius: 50%;
                box-sizing: border-box;
        border: 4px solid #0094c3;
        border: 4px solid #7E4300;
        border: 4px solid #D56B2A;
        
        border: 6px solid #0094c3;
        border-top: 3px solid #0094c3;
        border-left: 3px solid #0094c3;
}

.tb-megamenu .nav-collapse .dropdown-menu .spotlight-wrapper-quote .spotlight-col-1 a{
padding:0px 10px 0px 0px;
}

.tb-megamenu .nav-collapse .dropdown-menu .spotlight-wrapper-quote .spotlight-col-2 p {
        font-size: 1.4em;!important;
        padding-left:20px; !important;
}

.tb-megamenu .dropdown-menu .spotlight-wrapper-quote .quote p.quote-credit{
font-size:1em;!important;
padding-left:10px;!important;
}


#block-views-menu-spotlight-block-1 img, #block-views-menu-spotlight-block-2 img, #block-views-menu-spotlight-block-3 img, #block-views-menu-spotlight-block-4 img, #block-views-menu-spotlight-block-5 img, #block-views-menu-spotlight-block-6 img{
max-width:100%;
height:auto;
}

/****************************/
/****   Secondary Menu   ****/
/****************************/

.nav-secondary{
margin:0px 0px 10px 0px;
float:right;
clear:both;
xdisplay:none;
}

.nav-secondary ul{
}

.nav-secondary ul li{
float:left;
display:inline-block;

}

.nav-secondary ul li a{
padding:4px 8px;
font-size:12px;
color:#fff;
text-decoration:none;
/*
background-color: rgba(0, 0, 0, 0.3);
background-color: rgba(0, 136, 81, 0.6);*/
	/*background-color:#611e00;*/
    /*background-color: #D56B2A;*/
	font-family: 'Lato';
	font-style: normal;
	text-transform: uppercase;
	font-weight: 300;
	display:block;
}
.nav-secondary ul li a.blue{
    background-color: rgba(0, 148, 196, 0.7);
}
.nav-secondary ul li a:hover, .nav-secondary ul li a.blue:hover{
background-color: rgba(0, 0, 0, 0.75);
}

.nav-secondary ul li a.btn-contact{
    background-color: rgba(0, 148, 196, 0.7);
}

.nav-secondary ul li a.btn-contact:hover{
    background-color: rgba(0, 148, 196, 1);
}

.nav-secondary ul li a.btn-donate{
	/*background-color:#D56B2A;*/
	background-color: #D56B2A;
    background-color: rgba(0, 148, 196, 0.7);
        background-color: #D56B2A;
}

.nav-secondary ul li a.btn-donate:hover{
	/*background-color:#E2712C;*/
	background-color: rgba(0, 148, 196, 1);
	background-color: #D56B2A;
	    background-color: #D56B2A;
}


.nav-secondary ul li a.btn-newsletter{
    background-color: rgba(0, 171, 78, 0.85);
}

.nav-secondary ul li a.btn-newsletter:hover{
    background-color: rgba(0, 171, 78, 1);
}

.nav-secondary ul li a.btn-events{
background-color: rgba(0, 171, 78, 0.85);
}

.nav-secondary ul li a.btn-events:hover{
background-color: rgba(0, 171, 78, 1);
}


.page-node-925 .region-sidebar{
display:inherit;
}

.page-node-925 .iframe-container{
padding:0px 0px;
}

.main-search{
float:right;
clear:both;
margin:0px;
position: absolute;
  right: 0px;
  top: 0px;
}

.main-search .form-type-textfield input {
  border: none;
  width: 250px;
          padding: 6px 6px;
        font-size: 14px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: normal;
        /*
        background-color: transparent;
        border-bottom: 1px solid #000;
        */
        margin: 4px;
        color: #d76b1b;
        
        border-radius: 6px;
        background-color: #fff;
        border: 1px solid #cecece;
                border: 1px solid #a5a5a5;
        border-left: 2px solid #333;
        border-top: 2px solid #858585;
}

.main-search .form-type-textfield input:focus {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.9);
}

.main-search .form-submit{
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	border: 0px;
	background-color: transparent;
	border-radius: 6px;
	margin: 0px 0px 0px 5px;
	color: rgba(255, 255, 255, 0);
	background-image: url(/sites/default/files/search-icon-black.png);
	background-size:26px;
	cursor:pointer;
}

html.js input.form-autocomplete{
background-image: url(/sites/default/files/search-icon-black.png);
	background-size:26px;
	background-position:98%;
}

.form-wrapper #edit-submit{
display:none;
}

.main-search .form-submit:hover{
  /*background-color: rgba(0, 0, 0, 0.1);*/
}


/*******************/
/****   Tools   ****/
/*******************/
.tool-screenshot, .tool-info-interior h2, .tool-info-interior a, .project-screenshot, .project-info-interior h2, .project-info-interior a{
text-align:left;
}


.nav-secondary{
margin-bottom:0px;
float:right;
clear:both;
display:inherit;
}

.nav-secondary li.btn-40th{
float:right;
}

.nav-secondary li.btn-40th a {
    background-color: #e1c341;
    background-color: #fff;
    padding: 0px 8px;
    font-size: 13px;
    color: #0094c4;
    font-weight: bold;
    letter-spacing: 0.025em;
    margin-top: 0px;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    margin-right: 0px;
    margin-top: 5px;
    text-transform: initial;
}

.nav-secondary li.btn-40th a:hover{
	color: #fff;
    background-color: rgb(102, 140, 83);
}

.press-carousel .jcarousel-skin-default .jcarousel-item {
width: 280px;
}


.front #region-hero-image {
  top: -80px;
}

.front #zone-preface-wrapper {
  height: 280px;
}

.page-node-784 .hero-text-container h1.offset-150 {
    top: 60px;
}
.page-node-784 #zone-preface-wrapper {
    height: 220px;
}


.page-node-798 #zone-preface-wrapper, .page-node-800 #zone-preface-wrapper, .page-node-801 #zone-preface-wrapper, .page-node-826 #zone-preface-wrapper{
height: 300px;
}


/******************************/
/****   Tools + Projects   ****/
/******************************/

.image-float-left{
float:left;
max-width:50% !important;
padding-right:10px;
}
.image-float-right{
float:right;
max-width:50% !important;
padding-left:10px;
}

.image-width-50{
max-width:50% !important;
}

.image-width-33{
max-width:33% !important;
}




/******************************/
/****   Tools + Projects   ****/
/******************************/

.context-projects .node-project-tool .group-left{
width:40%;
}

.context-projects .node-project-tool .group-right{
width:60%;
}

.context-tools .node-project-tool .group-left{
width:50%;
}

.context-tools .node-project-tool .group-right{
width:50%;
}

.node-project-tool .spotlight-container{
	float: inherit;
    max-width: 100%;
}


.appeal-callout-quote-position p {
    position: inherit;
    bottom: inherit;
}

.context-who-we-are {
    background-position: inherit;
}


.context-board-of-directors .region-content img{
	max-width:183px;
	height:auto;
	float:left;
    padding: 15px;
    border: 1px solid #eee;
    margin: 10px 20px 0px 0px;
}

.context-board-of-directors #region-content p {
	font-size: 20px;
    line-height: 32px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

/******************************/
/***   Blog & Project Pages ***/
/******************************/

#region-content .callout-1 {
margin:50px 0px 50px 0px;
}


#region-content .callout-2{
margin:50px -200px 50px 30px;
}

#region-content .callout-3 {
    background-color: #fafafa;
    border:1px solid #eee;
    border-radius:5px;
    padding: 20px 25px;
    margin: 20px 0px 20px 0px;
}

#region-content .callout-full-width{
margin:50px -200px 50px 0px;
}

.page-node-943 #region-content .callout-1 {
margin:0px 0px 20px 0px;
}

.page-node-943 #region-content .callout-1 hr {
    margin: 0px 0px 20px 0px;
}

.ui-autocomplete-field-group{
    background-color: #444;
    text-align: center;
    display: block !important;
    color: #fff;
    padding: 4px 2px;
    border-radius: 5px;
    margin-top:8px;
}

.ui-autocomplete .story{
background-color: #008851;
}

.ui-autocomplete .publication{
background-color: #007193;
}

.ui-autocomplete .projecttool{
background-color: #D56B2A;
}

.ui-widget-content {
    border: none;
    background: #fafafa;
    color: #222;
}

.ui-menu .ui-menu-item{
    font-size: 13px;
    padding: 4px 0px 4px 0px;
}

.ui-state-focus, .ui-widget-content .ui-state-focus{
    border: 1pm solid #fff;
    background: none;
    xfont-weight: 400;
    color: #000;
}

#region-content .container-annual-reports{

}


#region-content .container-financials .col-1 img{
	    border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
}


#region-content .container-financials .col-2 {
padding:10px;
margin-left:20px;
}
#region-content .container-financials p a{
color:#333;
text-decoration:none;
text-align:center;
font-size:16px;
border-bottom:none;
}

#region-content .container-financials p a{
color:#333;
text-decoration:none;
text-align:center;
font-size:16px;

        border-bottom: 1px solid #333;
}

#region-content .container-financials p a:hover{
text-decoration:none;
border-bottom:none;
color:#D56B2A;
border-bottom: 1px solid #D56B2A;
}

#region-content .container-financials p.lead {
padding:0px 0px 0px 0px;
}

#region-content .container-financials p.lead a{
border-bottom: 1px solid #333;
}

#region-content .container-financials p.lead a:hover{

color:#D56B2A;
border-bottom: 1px solid #D56B2A;
}
#region-content .container-financials .float-left{
float:left;
}

#region-content .container-financials h3{
    margin: 13px 0px 0px 0px;
}

#region-content .container-financials .container-audits .col-1,
#region-content .container-financials .container-audits .col-2{
float:left;
width:45%;
margin:20px 0px;
}

.context-financials .donate-menu{
margin-top:30px;
}

#region-content .padding-right-10{
padding-right:10px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .front {
  background-color: #FFFFFF;
  background-image: url('http://www.cnt.org/sites/default/files/video/summer_website_tulips.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% -180px;
  }
  

  
}