/* ------------------- Basic Layout Styles ---------------- */

html,
body,
#page  {
  height: 100%;
}

/* Make all transitions a bit smooth */
*{
transition: all .2s ease-in-out;
}

  #top_bar .section,
  #header div.section,
  #featured div.section,
  #messages div.section,
  #main div.section,
  #triptych,
  #footer-columns, 
  #footer .region, 
  .field-name-field-quote div, 
  .breadcrumb,
  .not-front #main,
  .page-resources .wrapper,
  .page-resources .view-filters form > div,
  .all-projects .view-projects,
  .page-resources .view-resources .view-content {
    max-width: 1170px;
    padding: 0 15px;
  }
  #main #sidebar-first .section{
  	padding: 0;
  }
  .not-front #main .section{
  	padding: 0 30px;
  }
  .field-name-field-quote div{
  	max-width: 767px;
  }
  
  .front #main div.section{
  	max-width: none;
  	padding: 0;
  }

#page-wrapper{
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	max-width: 1920px;
}


/*---------------------
TOP TAGLINE 
---------------------*/
.tagline{
	float: left;
	line-height: 48px;
}
/*---------------------
END TOP TAGLINE 
---------------------*/

/*---------------------
TRANSLATOR
---------------------*/
.block-gtranslate select {
      border: 0 !important;
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: #414446 url("/sites/all/themes/backo/images/icon-arrow-dropdown.png") no-repeat scroll right 15px center;
      height: 48px;
      color: #d2d3d3;   
      cursor: pointer;
      padding: 0 35px 0 15px;
      border-radius: 0;
}
.block-gtranslate{
	float: left;
	display: block;
	margin-right: 15px;
}


/*---------------------
END TRANSLATOR
---------------------*/

/*---------------------
START TOP SUBMENU 
---------------------*/

.submenu{
	text-transform: uppercase;
	float: right;
}
.submenu ul.menu{
	margin: 0;
	padding: 0;
}
.submenu ul.menu li{
	margin: 0;
	padding: 0 12px 0 4px;
	list-style: none;
	display: inline;
	font-size: 0.75em;
	position: relative;
}
.submenu ul.menu li:after{
	background: #cdcdcd;
	content: "";
	top: 2px;
	bottom: 2px;
	right: 0;
	position: absolute;
	width: 2px;
}
.submenu ul.menu li.last:after{
	content: none;
}
.submenu ul li a{
	color: #cdcdcd;
	padding: 0;
	line-height: 48px;
}
.submenu ul li a:hover, .submenu ul li a:active{
	text-decoration: none;
	color: #fff;
}


/*---------------------
END TOP SUBMENU
---------------------*/

/*---------------------
START TOP SEARCH 
---------------------*/

.search{
	float: right;
}
.search .container-inline{
	position: relative;
}

#top_bar .search input{
	height: 48px;
	width: 200px;
	background-color: #414446;
	border: none;
	color: #fff;
	padding-left: 15px;
	font-size: .75em;
	border-radius: 0;
}
#top_bar .search .form-item{
	margin: 0;
}
#top_bar .search input.form-submit{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: 50px;
	background: transparent url("/sites/all/themes/backo/images/icon-search.png") no-repeat scroll center;
}
#top_bar .search input.form-submit:hover, #top_bar .search input.form-submit:focus{
	background-position: center;
	background-color: transparent;	
}
#top_bar .search input:hover, #top_bar .search input:active, .block-gtranslate select:hover, .block-gtranslate select:active{
	background-color: #595c5e;
}
/*---------------------
END TOP SEARCH
---------------------*/

/*---------------------
START TOP LOGO/NAV BAR
---------------------*/

/*STICKY HEADER*/
.is-sticky #header{
	opacity: 0.9;
	border: none;
	top: 0 !important;
}
.is-sticky .mobile{
	line-height: 56px;
	font-size: 1.25em;
}
.is-sticky .logo #logo{
	padding: 10px 0 0;
}
.is-sticky #logo img{
	height: auto !important;
	width: 160px !important;
}
.is-sticky .main-nav ul.nice-menu li a{
	line-height: 56px;		
}
.is-sticky .main-nav ul.nice-menu li ul li a{
	line-height: 1;
}
/*END STICKY HEADER*/

#header #name-and-slogan{
	display: none;
}
#header .region-header{
	margin: 0;
	float: none;
}
#header .region-header .block{
	float: left;
	font-size: inherit;
	margin: 0;
	padding: 0;
}
#header{
	background-color: #fff;
	background-image: none;
	border-bottom: 1px solid #b2b2b2;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 999;
}
.logo{
	float: left;
}
.logo #logo{
	padding: 12px 0 0;
}
#header .region-header .main-nav{
	float: right;
	width: auto;
	text-transform: uppercase;
	border: none;
}

/*---------------------
START DEFAULT MENU
-------------------- */
.main-nav ul.menu li{
	margin: 0;
	float: left;
}
.main-nav ul.menu li a{
	border: none;
	display: block;
	padding: 0 15px;
	color: #111518;
	position: relative;
	line-height: 96px;
}
.main-nav ul.menu li a:before{
	background-color: #fff;
	content: "";
	position: absolute;
	height: 10px;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.15s ease-in-out 0s
}
.main-nav ul.menu li a:hover, .main-nav ul.menu li a:active{
	color: #b61924;
	background-color: transparent;
}
.main-nav ul.menu li a:hover:before, .main-nav ul.menu li a:active:before{
	background-color: #b61924;
	content: "";
	position: absolute;
	height: 10px;
	top: 0;
	left: 0;
	right: 0;
}
.main-nav ul.menu li.last a{
	color: #fff;
	background-color: #b61924;
	line-height: 50px; /* line height and margin must equal menu line height */
	margin: 22px 0 22px 15px;
	text-transform: none;
	font-family: 'Playfair Display', serif;
	padding: 0 20px;
	font-size: 1.25em;
}
.main-nav ul.menu li.last a:before, .main-nav ul.menu li.last a:hover:before, .main-nav ul.menu li.last a:active:before{
	content: none;
}
.main-nav ul.menu li.last a:hover, .main-nav ul.menu li.last a:active{
	background-color: #951822;
}
.main-nav ul.menu li.last a:after{
	font-family: fontawesome;
	content: "\f18e";	
	margin-left: 5px;
}
/*---------------------
END DEFAULT MENU
-------------------- */

/*-----------
NICE MENUS
--------- */

.main-nav ul.nice-menu li{
	margin: 0;
	float: left;
	border: none;
	background: none;
}
.main-nav ul.nice-menu li a{
	border: none;
	display: block;
	padding: 0 10px;
	color: #111518;
	position: relative;
	line-height: 96px;
	font-size: .95em;
}
.main-nav ul.nice-menu li a:before{
	background-color: #fff;
	content: "";
	position: absolute;
	height: 10px;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.15s ease-in-out 0s
}
.main-nav ul.nice-menu li a:hover, .main-nav ul.nice-menu li a:active{
	color: #b61924;
	background-color: transparent;
}
.main-nav ul.nice-menu li a:hover:before, .main-nav ul.nice-menu li a:active:before{
	background-color: #b61924;
	content: "";
	position: absolute;
	height: 10px;
	top: 0;
	left: 0;
	right: 0;
}
.main-nav ul.nice-menu li:hover, .main-nav ul.nice-menu li:active{
	background: none;
}
/* .main-nav ul.nice-menu li.last a{
	color: #fff;
	background-color: #b61924;
	line-height: 50px; 
	margin: 22px 0 22px 15px;
	text-transform: none;
	font-family: 'Playfair Display', serif;
	padding: 0 20px;
	font-size: 1.25em;
}
.main-nav ul.nice-menu li.last a:before, .main-nav ul.nice-menu li.last a:hover:before, .main-nav ul.nice-menu li.last a:active:before, .main-nav ul.nice-menu ul li a:before, .main-nav ul.nice-menu ul li a:hover:before{
	content: none;
}
.main-nav ul.nice-menu li.last a:hover, .main-nav ul.nice-menu li.last a:active{
	background-color: #951822;
}
.main-nav ul.nice-menu li.last a:after{
	font-family: fontawesome;
	content: "\f18e";	
	margin-left: 5px;
} */

/*DROPDOWN MENU */
.main-nav ul.nice-menu ul li a:before, .main-nav ul.nice-menu ul li a:hover:before{
	content: none;
}
.main-nav ul.nice-menu ul{
	top: auto;
	left: -15px;
	background: #fff;
	border: none;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	border-radius: 0 0 10px 10px;
	min-width: 100%; /* So child li take width of ul */
	white-space: nowrap; /* Prevents child li from wrapping */
}
.main-nav ul.nice-menu .last ul, .main-nav ul.nice-menu .menu-6922 ul, .main-nav ul.nice-menu .menu-136 ul{
	left: auto;
	right: 0;
	text-align: right;
}
.main-nav ul.nice-menu ul li{
	width: 100%; /* Allows for left or right li dropdown text alignment */
}
.main-nav ul.nice-menu ul li a{
	line-height: 1;
	padding: 6px 30px;
	font-size: 1em;
	text-transform: none;
}
.main-nav ul.nice-menu ul li.first a{
	padding-top: 20px;
}
.main-nav ul.nice-menu ul li.last a{
	padding-bottom: 20px;
}

/*-----------
NICE MENUS
--------- */

/*-----------
MOBILE MENU
--------- */

.sidr ul li, .sidr ol li{
	padding: 0;
	margin: 0;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{
	border: inherit;
	line-height: 48px;
}

.sidr ul li, .sidr ul{
	border: none;
}
.sidr ul li ul li{
	display: block;
	line-height: 1.2;
	padding: 0;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{
	line-height: 1.2;
}

.sidr ul li ul li a, .sidr ul li ul li span{
	padding: 10px 10px 10px 30px;
}
.sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span{
	box-shadow: none;
	color: #fff;
}
.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span{
	box-shadow: none;
}

.mobile{
	color: #111518;
	float: right;
	font-size: 1.5em;
	line-height: 96px;
	text-align: right;
}
/*-----------
END MOBILE MENU
--------- */

/*---------------------
END TOP LOGO/NAV BAR
---------------------*/

/*---------------------
BUTTONS
---------------------*/
.main-nav ul.nice-menu li a.btn{
	color: #fff;
	line-height: 50px;
	margin: 23px 0;
	background-color: #b61924;
	font-size: 1.25em;
	text-transform: initial;
	padding: 0 15px;
	font-family: "Playfair Display",serif;
}
.is-sticky .main-nav ul.nice-menu li a.btn{
	line-height: 56px;
	margin: 0;
}
.main-nav ul.nice-menu li a.btn:hover{
	background-color: #111518;
}
.main-nav ul.nice-menu li a.btn::before{
	display: none;
}
.main-nav ul.nice-menu li a.btn

.btn{
	background-color: #111518;
}

/*---------------------
END BUTTONS
---------------------*/

/*---------------------
SECTION TOP SUBMENU
---------------------*/

#featured ul.menu li{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	display: block;
	float: left;
}
#featured .block ol, #featured .block ul{
	margin: 0;
	padding: 0;
}
#featured ul.menu li a{
	background-color: #fff;
	display: block;
	padding: 10px;
	margin: 0 1px 1px 0;
	color: #111518;
	font-size: 0.75em;
}
#featured ul.menu li a:hover{
	color: #b61924;
}
#featured ul.menu li.last a{
	margin: 0;
}
#featured ul.menu li a.cta{
	color: #fff;
	background-color: #b61924;
}
#featured ul.menu li a.cta:hover{
	color: #fff;
	background-color: #111518;
}
/*---------------------
END SECTION TOP SUBMENU
---------------------*/

/*---------------------
HOME SLIDESHOW
---------------------*/
.views-slideshow-controls-bottom{
	position:relative;
	z-index:999;
	text-align:center;
	color:white;
/*	margin: -192px auto 0px;
	background-color: rgba(1,1,1,.75);
	height: 185px;
	padding: 25px 25px 0;*/
}
.views-slideshow-cycle-main-frame-row-item img, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame{
	width: 100% !important;
	transition: none;
}
.view-slideshow .image{
	position: relative;
}
.views-slideshow-cycle-main-frame{
	height: 0 !important;
	padding-bottom: 26%;
}
.front h1#page-title, .tabs{
	display: none;
}
.views-content-body{
	font-family: playfair display;
	font-size: 1.25em;
}
.views_slideshow_pager_field_item{
	background:  transparent url("/sites/all/themes/backo/images/slide-icon-default.png") no-repeat scroll 0 0 / 20px 20px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	text-indent: -9999px;
}
.views_slideshow_pager_field_item.active{
	background:  transparent url("/sites/all/themes/backo/images/slide-icon-active.png") no-repeat scroll 0 0 / 20px 20px;
}
.views-slideshow-pager-fields{
	bottom: 58px;
	position: absolute;
	right: 0;
	width: 100%;
	left: 0;
}
.slide-text{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 110px;
	color: #fff;
	text-align: center;
	font-family: Montserrat, sans-serif;
}
.view-slideshow .overlay{
	background-color: rgba(0, 0, 0, 0.5);
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: 150px;
}
/*---------------------
END HOME SLIDESHOW
---------------------*/

/*---------------------
HOME TABS
---------------------*/
.view-display-id-projectsblockattachment_1,
.view-display-id-projectsblockattachment_2,
.attachment .view{
width:50%;
float:left;
}
#quicktabs-container-frontpage{
	clear: both;
	width: 100%;
}
#quicktabs-frontpage{
	max-width:1200px;
	margin:auto;
	margin: -50px auto 0;
	min-height:300px;
	background:lightgray;
	background: #fff;
	padding:0 50px 50px;
	overflow: hidden;
}
.view-issues-taxonomy .views-field-description,
.all-projects,
.related-articles{
	font-family: "Playfair Display",serif;
}
.quicktabs-tabs li, .tabtitle:before{
	font-family: montserrat, sans;
	font-size: 1.5em;
	text-transform: uppercase;	
}
.home-tabs ul.quicktabs-tabs{
	margin: 0;
	padding: 0;
}
.quicktabs-tabs li a{
	display: block;
	float: left;
	padding: 0 40px;
	line-height: 100px;
	text-align: center;	
}
.quicktabs-tabs li a:hover, .quicktabs-tabs li.active a{
	color: #b61924;
}
.home-tabs ul.quicktabs-tabs li{
	display: block;
	float: left;
	line-height: 100px;
}
#quicktabs-frontpage .item-list li.active{
	position: relative;
}
.home-tabs ul.quicktabs-tabs{
	border-bottom: 2px solid #a6a6a7;
	display: block;
	height: 100px;
	margin: 0 0 65px;
	padding: 0;
}
#quicktabs-frontpage .item-list li.active:after{
	bottom: -31px;
	content: url("/sites/all/themes/backo/images/tabs-arrow-active.png");
	left: 0;
	line-height: 1;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	height: 31px;
}

/* QUICKTAB AREA */
.quicktab .featured-item{
	position: relative;
	margin-bottom: 30px;
}
.quicktab .info{
	position: absolute;
	top: 0;
	font-family: montserrat, sans-serif;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px 20px 0;
}
.featured-image img, .thumb img{
	display: block;
	width: 100%;
}
.quicktab .title a, .views-field-name{
	color: #fff;
	font-size: 1.25em;
}
.subcontent .title a, .views-field-name a{
	color: #111518;
}
.quicktab .subinfo{
	color: #afb3b4;
	text-transform: uppercase;
}
.pagepeel{
	background: rgba(0, 0, 0, 0) url("/sites/all/themes/backo/images/page-peel.gif") no-repeat scroll right bottom / 100% auto;
	width:52px;
	height:52px;
	position:absolute;
	bottom:0;
	right:0;
}
.subcontent{
	padding: 0 30px;
}
.col1, .col2{
	float: left;
}
.col1{
	width: 25%;
}
.col2{
	width: 75%;
}
.featured-thumb{
	position: relative;
}
.thumb-info{
	margin-left: 30px;
}
.subcontent .views-row{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}
.thumb-info .title a{
	color: #101417;
}
.thumb-info .title a:hover, .views-field-name a:hover, .subcontent .title a:hover{
	color: #b61924;
}
.thumb-info .title{
	line-height: 1;
}
.more-link a{
	font-family: montserrat, sans;
	text-transform: uppercase;
}
/* END QUICKTAB AREA */

/*---------------------
END HOME TABS
---------------------*/

/*---------------------
HOME QUOTE SECTION
---------------------*/
.field-name-field-quote{
	background: #f1f1f1 url("/sites/all/themes/backo/images/bg-gray-blur.jpg") repeat scroll center top;
	padding: 50px 0;
	text-align: center;
}
/*---------------------
HOME QUOTE SECTION
---------------------*/

/*---------------------
INSIDE NODE
---------------------*/
.share{
	margin-bottom: 30px;
}
.player{
	height: 0;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 1em;
}
.player{
	height: 0;
	max-width: 80%;
	overflow: hidden;
	padding-bottom: 46.75%;
	position: relative;
	margin: 0 auto 1em;
	text-align: center;
}
.player iframe{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.page-taxonomy a.feed-icon,
.page-taxonomy article{
	display: none;
}
.page-taxonomy #content_bottom .section{
	padding:0;
}

/*---------------------
END INSIDE NODE
---------------------*/


/*---------------------
RESOURCES
---------------------*/

.not-front.page-resources #main .section{
	padding: 0;
}
.page-resources #main div.section{
	max-width: none;
}
.page-resources .titlebg, .page-resources .view-header, .page-resources .view-filters{
	background: #e7e7e7 none repeat scroll 0 0;
}
.page-resources .view-header{
	border-bottom: 2px solid #fff;
}
.view-filters form, .view-header .wrapper{
	padding-top: 20px;
	padding-bottom: 15px;
}
.page-resources #main{
	margin-top: 0;
}
.views-exposed-widgets div{
	display: block;
	float: left;
	position: relative;
	margin: 0;
	vertical-align: top;
}
.views-exposed-form .form-select{
	border-radius: 0;
}
.view-filters select, .view-filters input{
	line-height: 60px;
	height: 60px;	
}
.view-filters input, .view-filters input.form-text{
	padding: 0 10px;
	border: none;
}
.views-exposed-form .form-select,
.view-filters input,
.view-filters input.form-text{
	margin: 0 5px 5px 0;
}
.view-filters label{
	position: absolute;
	top: 3px;
	left: 12px;
	z-index: 10;
	font-family: montserrat;
	font-size: 0.75em;
	color: gray;
}
.view-filters select {
	border: 0 !important;  
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: #fff url("/sites/all/themes/backo/images/icon-arrow-select.png") no-repeat scroll right 10px center;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/
	padding: 0 25px 0 10px;
	text-transform: uppercase;
	max-width: 300px;
}
.view-filters input.form-submit{
	margin: 0 5px 5px 0;
	background: #101417;
	color: #fff;
	font-family: montserrat, sans-serif;
	border-radius: 0;
	line-height: 0;
	padding: 0 10px;
	border: none;	
}

.view-filters .views-reset-button input.form-submit{
	background-color: #414446;
}

.view-filters input.form-submit:hover{
	background: #b61924;
	box-shadow: none;	
}

.views-exposed-widgets div#edit-title-wrapper, .views-exposed-widgets div#edit-title-wrapper div{
	margin: 0;
}

.page-resources .view-resources .views-row{
	float: left;
	width: 50%;
	display: block;
	min-height: 250px;
}
.page-resources .view-resources .views-row .views-field{
	margin: 15px 0;
	overflow:  hidden;
}
.view-resources .views-row-odd{
	padding-right: 15px;
}
.page-resources .view-resources .views-row-even{
	padding-left: 15px;
}
.result-summary{
	text-transform: uppercase;
	color: #b61924;
	font-family: montserrat,sans-serif;
}
.page-resources .titlebg{
	display: none;
}
.page-resources h1#page-title{
	margin-bottom: 0;
}
.page-resources .view-resources .view-content{
		padding-top: 20px;
	}
.page-resources .form-text{
	max-width: 150px;
	max-width: none;
}
/*---------------------
END RESOURCES
---------------------*/

/*---------------------
PRESS RELEASES
---------------------*/
.boxed .view-filters form{
	background-color: #e7e7e7;
	margin-bottom: 20px;
	padding: 20px;
}
/*---------------------
END PRESS RELEASES
---------------------*/

#page-wrapper {
  min-height: 100%;
}
#top_bar .section,
#header div.section, 
#main div.section,
#featured div.section,
#messages div.section,
#triptych,
#footer-columns, 
#footer .region,
.field-name-field-quote div,
.breadcrumb,
.not-front #main,
.page-resources .wrapper,
.page-resources .view-filters form > div,
.all-projects .view-projects,
.page-resources .view-resources .view-content {
  width: 100%;
  /*max-width: 860px;*/
  margin-left: auto;
  margin-right: auto;
}
  .not-front.page-resources #main{
  	max-width: none;
  	padding: 0;
  }
#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 1em 5px 1.5em;
}
#secondary-menu {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
#main-wrapper {
  min-height: 300px;
}
#content .section,
.sidebar .section {

}
#breadcrumb {
  margin: 0 15px;
}
#content_below,
#content_above{
overflow:hidden;
}
#footer-wrapper {
  overflow: hidden;
}

/*--------------------------
ALL PROJECTS BLOCK
--------------------------*/
.all-projects{
	background: #f1f1f1 url("/sites/all/themes/backo/images/bg-gray-blur.jpg") repeat scroll center top;
	padding: 40px 0;
}
.all-projects .views-row{
	margin-bottom: 20px;
}
.all-projects h2{
text-align: center;
font-size: 3em;
line-height: 1;
margin-bottom: 20px;
}
/*--------------------------
END ALL PROJECTS BLOCK
--------------------------*/

/*--------------------------
REGIONS PAGE VIEW
--------------------------*/
.subcontent.regions{
	padding: 0;
}
.regions h3{
	font-size: 2em;
}
.regions .views-row-last{
	border-bottom: 2px solid #a6a6a7;
	padding-bottom: 20px;
}
.regions.archived .views-row-last{
	border-bottom: none;
	padding-bottom: 0;
}
/*--------------------------
END REGIONS PAGE VIEW
--------------------------*/

/*--------------------------
ISSUES VIEW PAGE
--------------------------*/
.featured-item{
	position: relative;
}
.article-list .views-row{
	clear: both:
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}
.col-one-half{
	float: left;
	padding: 0 15px;
	width: 50%;
}
.featured-item.col-one-half.first{
	padding: 0;
}
/*--------------------------
END ISSUES VIEW PAGE
--------------------------*/
.related-articles {
    float: left;
    width: 40%;
    margin-right: 10%;
}
.view-indigenous-notes-newsletters .views-row{
	float:left;
	width:100%;
}
.view-indigenous-notes-newsletters .views-row .views-field-name{
	color:#111518;
}
.view-indigenous-notes-newsletters .views-row .views-row{
	float:left;
	width:33%
}
.related-articles .views-row{
	margin-bottom: 15px;
}

/*--------------------------
FOOTER TOP SECTION
--------------------------*/
.overlay{
	position: absolute; 
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
	background-color:rgba(0,0,0,.5);
	z-index:0;
}
.entity-site .group-first-column,
.entity-site .group-second-column,
.entity-site .group-third-column{
width:33.3333%;
float:left;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
min-height: 400px;
position: relative;
text-align: center;
color: #fff;
padding: 50px;
}
.entity-site h3{
	font-size: 2em;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.entity-site p{
	font-family: 'Playfair Display', serif;
	font-size: 1.25em;
	line-height: 1.5;
	margin: 0 0 20px 0px;
}
.entity-site a, form#subForm input{
	background: #111518 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-family: 'Playfair Display', serif;
	font-size: 1.25em;
	padding: 20px 40px;
}
form#subForm input[type="text"]{
	background-color: #414446;
	padding: 20px;
	width: calc(100% - 40px);
}
form#subForm input[type="submit"]{
	cursor: pointer;
}
form#subForm input[type="text"]:hover{
	background-color: #595c5e;
}
.form-row{
	display: inline-block;
	position: relative;
	width: 50%;
}
.form-row label{
	font-size: 12px;
	left: 20px;
	opacity: 0.3;
	position: absolute;
	text-transform: uppercase;
	top: 4px;
}


.entity-site a:after,
.main-nav ul.nice-menu li a.btn:after{
	font-family: fontawesome;
	content: "\f18e";
	margin-left: 5px;
}
.entity-site a:hover, .entity-site a:active, form#subForm input[type="submit"]:hover, form#subForm input[type="submit"]:active{
	background: #b61924 none repeat scroll 0 0;
	color: #fff;
}
/*--------------------------
END FOOTER TOP SECTION
--------------------------*/

/*--------------------------
FOOTER MIDDLE SECTION
--------------------------*/
#footer-wrapper{
	background: #fff;
	color: #111518;
}
#footer-columns a{
	color: #919192;
}
.region-footer-fourthcolumn{
	text-align: right;
}
#footer-columns{
	padding: 40px 0;
}
/*--------------------------
END FOOTER MIDDLE SECTION
--------------------------*/

/*--------------------------
FOOTER BOTTOM SECTION
--------------------------*/
#footer-wrapper .section {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear:both;
}
#footer .region{
	padding:20px 0 10px;
	overflow: hidden;
}
#footer{
	color: #111518;
	background: #f1f1f1 url("/sites/all/themes/backo/images/bg-gray-blur.jpg") repeat scroll center top;
}
footer#footer a{
	color: #111518;
}
footer#footer a:hover, footer#footer a:focus{
	color: #b61924;
}
.footer-logo, .copyright{
	float: left;
	line-height: 1.5;
	margin-right: 50px;
}
.footer-copy{
	float: left;
}
footer .social{
	float: right;
}
footer .social a{
	font-size: 2em;
	line-height: 53px;
	margin-left: 10px;
}

.floatright{
	float: right;
	margin: 0 0 2% 2%;
	width: 50%;
}

.floatleft{
	float: left;
	margin: 0 2% 2% 0;
	width: 50%;
}



/*--------------------------
END FOOTER BOTTOM SECTION
--------------------------*/
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}

/*-------------------
COLUMNS
------------------ */
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-fifth {
	width: 17.9487179487179488%;
}

.two-fifths {
	width: 38.4615384615384616%;
}

.three-fifths {
	width: 58.9743589743589744%;
}

.four-fifths {
	width: 79.4871794871794872%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}
/*-------------------
END COLUMNS
------------------ */

@media screen and (max-width: 1280px){
	.entity-site .group-first-column, .entity-site .group-second-column, .entity-site .group-third-column{
		padding: 50px 30px;
	}
}

@media screen and (min-width:520px){
	.view-indigenous-notes-newsletters .views-row{
		float:left;
		width:50%
	}
	.view-indigenous-notes-newsletters .views-row .views-row{
		float:left;
		width:100%
	}
}

@media screen and (min-width:720px){
	.view-indigenous-notes-newsletters .views-row{
		float:left;
		width:25%
	}
	.view-indigenous-notes-newsletters .views-row .views-row{
		float:left;
		width:100%
	}
}

@media screen and (max-width: 1200px){
	#quicktabs-frontpage{
		padding: 0 0 50px;
	}
	.quicktabs-tabs li a{
		padding: 0 20px;
	}
}

@media screen and (max-width: 1100px){
	.main-nav ul.menu li a{
		padding: 0 10px;
	}
}

@media screen and (max-width: 1024px){
	/* SLIDESHOW */
	.views-slideshow-controls-bottom{
		padding: 20px;
		margin: 0 auto;
		height: auto;
		background-color: #101417;
	}
	.views-slideshow-pager-fields{
		bottom: 6px;
	}
	.slide-text{
		bottom: 25%;
	}
	.view-slideshow .overlay{
		height: 50%;
	}
	#quicktabs-frontpage{
		margin: 0 auto;
	}
		.tagline{
		display: none;
	}
	/* RESOURCE EXPOSED FILTERS */
	#edit-title-wrapper{
		clear: both;
	}
	.views-exposed-form .form-select{
	margin-bottom: 5px;
	}
	/* END RESOURCE EXPOSED FILTERS */
}

@media screen and (max-width: 980px){
	footer .social, .footer-copy{
		width: 100%;
		text-align: center;
	}
	.footer-logo, .copyright{
		float: none;
		margin: 0;
		line-height: 1.2;
	}
	.footer-logo{
		margin-bottom: 15px;
	}
	.entity-site p{
		font-size: 1.25em;
	}
	.quicktabs-tabs li{
		font-size: 1em;
	}
	.pagepeel{
		background: rgba(0, 0, 0, 0) url("/sites/all/themes/backo/images/page-peel.gif") no-repeat scroll right bottom / 75% auto;
	}
		/* 	TOP MAIN NAV */
	.mobile{
		line-height: 56px;
		font-size: 1.25em;
	}
	.logo #logo{
		padding: 10px 0 0;
	}
	#logo img{
		height: auto !important;
		width: 160px !important;
	}
	/* 	STOP MAIN NAV */
}

@media screen and (max-width: 850px){
	.entity-site .group-first-column, .entity-site .group-second-column, .entity-site .group-third-column{
		min-height: 0;
		width: 100%;
	}
	.not-front #main .section{
		padding: 0;
	}
	.player{
	max-width: 100%;
	padding-bottom: 56.25%;
	margin-bottom: 1em;
}
.related-articles {
    width: 100%;
    margin-right: 0;
}
}

@media screen and (max-width: 768px){
	.quicktabs-tabs li a{
		line-height: 40px;
	}
	.home-tabs ul.quicktabs-tabs{
		height: 40px;
		margin: 0 0 30px;
	}
	#quicktabs-frontpage .item-list li.active::after{
		content: none;
	}
	#quicktabs-frontpage{
		margin: 0;
	}
	.quicktabs-tabs li a{
		padding: 0 10px;
	}
	/* RESOURCE EXPOSED FILTERS */
	.view-filters select{
		max-width: none;
		width: 100%;
	}
	.views-exposed-widgets div{
		width: 100%;
	}
	.views-exposed-widgets div#edit-title-wrapper, .views-exposed-widgets div.views-submit-button{
		width: auto;
		width: 100%;
	}
	/* END RESOURCE EXPOSED FILTERS */
	.item-list li.pager-item, .item-list li.pager-current, .item-list li.pager-ellipsis, .item-list li.pager-first, .item-list li.pager-last{
		display: none;
	}
	.region-content ul.pager{
		margin: 0;
		padding: 0 15px;
	}
	.pager-next{
		float: right;
	}
	.pager-previous{
		float: left;
	}
	.view-slideshow .overlay{
		height: 100%;
	}
	.slide-text{
		bottom: 30%;
	}
	.views-exposed-form .form-select, 
	.view-filters input{
		width: 100%;
	}
	.view-filters input.form-text{
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 640px){
	.tagline{
		display: none;
	}
	.submenu ul.menu, .submenu{
		text-align: center;
		width: 100%;
	}
	#top_bar .section{
		padding: 0;
	}
	.search{
		width: 50%;
	}
	.front .search{
		width: 100%;
	}
	#top_bar .search input{
		width: calc(100% - 15px);
	}
	.block-gtranslate{
		margin-right: 0;
		width: 50%;
	}
	.block-gtranslate select{
		width: 100%;
		background-color: #595c5e;
	}
	.view-display-id-projectsblockattachment_1, .view-display-id-projectsblockattachment_2, .attachment .view{
		width: 100%;
	}
	#quicktabs-frontpage .item-list{
		display: none;
	}
	.quicktabs-hide{
		display: block;
	}
	.subcontent, .excerpt{
		padding: 0 15px;
	}
	.thumb-info{
		margin-left: 15px;
	}
	.quicktab .featured-item, .subcontent .views-row{
		margin-bottom: 15px;
	}
	.view-resources .views-field-nothing{
		margin: 0 !important;
	}
	.quicktabs-tabpage{
		border-bottom: 1px solid #afb3b4;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.tabtitle:before{
		display: block;
		text-align: center;
		color: #b61924;
	}
	.news.tabtitle:before{
		content: "News";
	}
	.projects.tabtitle:before{
		content: "Top Projects";
	}
	.issues.tabtitle:before{
		content: "Critical Issues";
	}
	.resources.tabtitle:before{
		content: "Latest Resources";
	}
	.page-resources .view-resources .views-row{
		width: 100%;
		margin-bottom: 15px;
		min-height: 0;
	}
	.page-resources .view-resources .views-row-even{
		padding-left: 0;
	}
	.col-one-half{
		padding: 0;
		width: 100%;
	}
	.five-sixths,
	.four-sixths,
	.four-fifths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-fifths,
	.three-sixths,
	.two-fourths,
	.two-fifths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
}

@media screen and (max-width: 559px){
	#footer-columns div.region, #footer-columns a{
		text-align: center;
	}
}

@media screen and (max-width: 480px){
	#footer-columns{
		display: none;
	}
	/* RESOURCE EXPOSED FILTERS */
	.views-exposed-widgets div#edit-title-wrapper, .views-exposed-widgets div.views-submit-button{
		width: 100%;
	}
	.view-filters input.form-text{
		width: calc(100% - 20px);
		margin-bottom: 5px;
	}
	.view-filters input.form-submit{
		width: 100%;
	}
	/* END RESOURCE EXPOSED FILTERS */
}


@media all and (min-width: 560px) and (max-width: 850px) {

  #sidebar-first,
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last,
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    display: inline;
    float: left; /* LTR */
    position: relative;
  }
  #sidebar-first,
  #sidebar-second {
    width: 50%;
  }
  #sidebar-second {
    margin-left: 50%; /* LTR */
  }
  .one-sidebar #sidebar-first,
  .one-sidebar #sidebar-second {
    width: 100%;
  }
  .one-sidebar #sidebar-second {
    margin-left: 0; /* LTR */
  }
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0;
    width: 33%;
  }
  .region-footer-firstcolumn,
  .region-footer-secondcolumn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
  }
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
  }
  .region-footer-fourthcolumn{
	text-align: left;
	}
  .region-footer-thirdcolumn {
    clear: both;
  }
}

@media all and (min-width: 851px) {
  #content,
  #sidebar-first,
  #sidebar-second,
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last,
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    display: inline;
    float: left; /* LTR */
    position: relative;
  }
  .two-sidebars #content {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
  }
  .one-sidebar #content {
    width: 75%;
  }
  .no-sidebars #content {
    width: 100%;
  }
  .sidebar-first #content {
    margin-left: 25%; /* LTR */
    margin-right: 0; /* LTR */
  }
  .sidebar-second #content {
    margin-right: 25%; /* LTR */
    margin-left: 0; /* LTR */
  }
  #sidebar-first {
    width: 25%;
    margin-left: -100%; /* LTR */
  }
  #sidebar-second {
    width: 25%;
    margin-left: -25%; /* LTR */
    clear: none;
  }
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
  }
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 25%;
  }
}

/* useful layout styles */
div{-moz-box-sizing: border-box;
	box-sizing:border-box;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.fullwidth, .widthfull{width:100%;}
.halfwidth, .widthhalf{width:50%}
.thirdwidth,.widththird{width:33.3333%}
.quarterwidth,.widthquarter{width:25%}
.fifthwidth,.widthfifth{width:20%;}