/*
Theme Name: Hargreaves
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hargreaves
Tags:

hargreaves is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

html, body {
	background-color: #000000;
	font-family: 'myriad-pro', sans-serif;
        font-weight: 300;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	width: 100%;
	height: 100%;
	margin: 0px;
	position: relative;
	overflow: hidden;
}

body {
  min-width: 550px;
}

h1, h2, h3 {
  color: #7fb539;
	font-weight: 300;
	margin: 0 0 0.6em 0;
}

h1 {
	
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 21px;
}


p {
	margin: 0em 0em 1.2em 0em;
}

/* HARGREAVES CUSTOM STYLES */

#loader {
  background-color: #000000;
  position: absolute;
  height: 100%;
  width: 100%;
}

.shadow {
	text-shadow: 0px 0px 10px #000000;
}	

.glyph:hover {
	color: #80b539;
	cursor: pointer;
}

a {
  color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #80b539 !important;
	text-decoration: none;
}

.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #000;
    background: transparent;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
}

body.page-template-page_home2019 .rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: unset;
    right: 40px;
    bottom: 0;
    width: 400px;
    height: auto;
    margin: 0 auto;
    background: #000;
    background: transparent;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
}


.rsDefault .rsBullet {
    width: 8px;
    height: 8px;
    display: block;
    padding: 3px 8px 3px;
		margin: 0 auto;	  
}

body.page-template-page_home2019 .rsDefault .rsBullet {
    width: 0px;
    height: 8px;
    display: inline-block;
    padding: 3px 8px 3px;
		margin: 0 auto;	  
}


.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: transparent;
    color: #FFF;
}

/* GLOBAL ELEMENTS */
#menu {
  position: absolute; 
	display: none;
	width: calc(100% - 45px);
	height: calc(100% - 110px);
	top: 110px;
	left: 45px;	
	z-index: -99999;
}

#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu ul li a, #menu ul li a:hover {
	color: #ffffff;
	font-size: 48px !important;
	font-size: 5vh;
	text-decoration: none;
	line-height: 1.1em;
	font-weight: 300;
}

#menu-social {
	margin-top: 1em;
	color: #ffffff;
}

#page-background-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px; /* height of thumbs (if not required set to 0) */
    height: auto; /* optionally add !important for WP version */
    width: auto;
	  z-index: 0;
	  background-size: cover;
	  background-position: center center;
		background-repeat: no-repeat;
    background-attachment: fixed;
}

#page-overlay {
	position: absolute;
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}	

#menu-icon {
	position: fixed;
	font-size: 20px; /*31px;*/
	color: #fff;
	top: 40px;
	left: 40px;
  width: 23px; /* 35px */
  height: 20px; /* 30px */
  cursor: pointer;
  background-size: 23px 20px;
}

.menu-icon-open {
  background-image: url('./images/icn-menu.png');
}

.menu-icon-open:hover {
  background-image: url('./images/icn-menu_over.png');
}

.menu-icon-close {
  background-image: url('./images/icn-close.png');
}

.menu-icon-close:hover {
  background-image: url('./images/icn-close_over.png');
}


#home-icon {
	position: fixed;
	font-size: 24px; /*38px; */
	color: #fff;
	top: 40px;
	left: 77px; /*95px; */
  width: 20px; /* 30px */
  height: 20px; /* 30px */
  background-image: url('./images/icn-home.png');
  cursor: pointer;
  background-size: 20px 20px;
}

#home-icon:hover {
  background-image: url('./images/icn-home_over.png');
}

#page-logo {
  position: fixed;
	width: 253px;
	height: 100px;
  top: 3px;
  right: 8px;
  z-index: 1000;
}

#image-overlay {
	position: absolute;
	background-color: rgba(0,0,0,0.80);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}

#image-overlay-inner {
	height: calc(100% - 80px);
	width: calc(100% - 80px);
	padding: 40px;
	position: relative;
}

/* BACKGROUND SLIDER */
#bkgd-slider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px; /* height of thumbs (if not required set to 0) */
    height: auto; /* optionally add !important for WP version */
    width: auto;
	  z-index: 0;
}

#bkgd-slider-down, #bkgd-slider-up {
  font-size: 14px;	
	line-height: 25px;
}

#bkgd-slider-prev {
  position: absolute;
  font-size: 25px;	
	line-height: 25px;
  left: 40px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}

#bkgd-slider-next {
  position: absolute;
  font-size: 25px;	
	line-height: 25px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}

#bkgd-slider-nav {
	display: block;
	position: absolute;
  width: 30px;
	/* height: 200px; */
	left: 40px;
	bottom: 40px;
}

.flowplayer {
  position: absolute !important;
  max-width: calc(100% - 240px) !important;
  max-height: calc(100% - 240px) !important;
  top: 120px !important;
  left: 120px !important;
  /*
  top: calc((100% - 600px)/2);
  left: calc((100% - 800px)/2);
  */
}

body.page-template-page_home2019 #bkgd-slider-nav {
	display: block;
	position: absolute;
  width: 100%;
	/* height: 200px; */
	right: 40px;
	bottom: 40px;
}




.bkgd-slider-slide {
  
}

.bkgd-slider-bottom-gradient {
  position: absolute;
	height: 140px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2989d8+0,000000+100&0+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(41,137,216,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(41,137,216,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(41,137,216,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002989d8', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}


/* FOR NEW PROJECT SLIDES */

body.page-template-page_project-new .rsDefault .rsBullets {
    bottom: 40px !important;
}

body.page-template-page_project-new .rsDefault .rsBullet, body.page-template-page_project-new .rsDefault .rsBullet span {
    display: inline-block !important;
}

body.page-template-page_project-new .rsSlide {
  background-color: #000000;
}

/*
body.page-template-page_project-new .rsArrowLeft .rsArrowIcon {
  position: absolute;
  width: 60px;
  height: 80px;
  background-image: url('./images/icn-slide-left.png');
  left: 30px;
  top: calc((100% - 80px)/2);
  cursor: pointer;
}

body.page-template-page_project-new .rsArrowRight .rsArrowIcon {
  position: absolute;
  width: 60px;
  height: 80px;
  background-image: url('./images/icn-slide-right.png');
  right: 30px;
  top: calc((100% - 80px)/2);
  cursor: pointer;
}
*/

body.page-template-page_project-new .rsDefault .rsArrow {
  width: 60px;
}

body.page-template-page_project-new .rsDefault .rsHor .rsArrowIcn {
  background-position: unset;
  margin-top: -40px;
  margin-left: 0px;
  left: 0px;
  background-color: transparent;
}

body.page-template-page_project-new .rsDefault .rsHor .rsArrowLeft {
  left: 20px;
}

body.page-template-page_project-new .rsDefault .rsHor .rsArrowLeft .rsArrowIcn {
  width: 60px;
  height: 80px;
  background-image: url('./images/icn-slide-left.png');
}

body.page-template-page_project-new .rsDefault .rsHor .rsArrowRight {
  right: 20px;
}


body.page-template-page_project-new .rsDefault .rsHor .rsArrowRight .rsArrowIcn {
  width: 60px;
  height: 80px;
  background-image: url('./images/icn-slide-right.png');
}



.bkgd-slider-slide .content-outer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: table;
}

.bkgd-slider-slide .gradient-top {
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0px;
  left: 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.5+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.bkgd-slider-slide .gradient-bottom {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0px;
  left: 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

.bkgd-slider-slide .content-inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.bkgd-slider-slide .content-inner .slide-type-1, .bkgd-slider-slide .content-inner .slide-type-2, .bkgd-slider-slide .content-inner .slide-type-3, .bkgd-slider-slide .content-inner .slide-type-4, .bkgd-slider-slide .content-inner .slide-type-5, .bkgd-slider-slide .content-inner .slide-type-6 {
  width: 768px;
  margin: 0 auto;
} 

.bkgd-slider-slide .content-inner .slide-type-1 .title {
  font-size: 90px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 1.0);
}

.bkgd-slider-slide .content-inner .slide-type-1 .subtitle {
  font-size: 44px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 1.0);
}

.bkgd-slider-slide .content-inner .slide-type-2 .bigtext {
  font-size: 56px;
  line-height: 1em;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 1.0);
}

.bkgd-slider-slide .underlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.bkgd-slider-slide .content-inner .slide-type-4 .smalltext {
  font-size: 28px;
  line-height: 1.2em;
}

.bkgd-slider-slide .content-inner .slide-type-6 .smalltext {
  font-size: 28px;
  line-height: 1.2em;
}

.bkgd-slider-slide .content-inner .slide-type-6 .related-links {
  height: 165px;
  text-align: center;
}

.bkgd-slider-slide .content-inner .slide-type-6 .related-links .project-relatedlinkbox {
  height: 165px !important;
  width: 165px !important;
  display: inline-block;
  float: none;
}

.bkgd-slider-slide .content-inner .slide-type-6 .related-links .project-relatedlinkbox:nth-of-type(3n+0) {
  margin-right: 10px;
}

.bkgd-slider-slide .content-inner .slide-type-6 .related-links .project-relatedlinkbox .gradient {
  position: absolute;
  height: 100%;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}


.bkgd-slider-slide .content-inner .slide-type-6 .related-links .project-relatedlinkbox > .project-image-caption {
  text-align: left;
	font-size: 18px;
}

/* HOME ELEMENTS */

body.home {
	position:relative;
	overflow: hidden;
}

#home-logo {
  position: absolute;
	width: 565px;
	height: 120px;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
}

#hj-home-logo {
  position: absolute;
	width: 768px;
	height: 321px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mycaption {
  position: absolute;
  text-align: left;
  left: 76px;
  bottom: 30px;
  font-size: 34px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.0em;
  display: block;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
	z-index: 1;
}

body.home .mycaption .mycaption_line2 {
  display:block;
  font-size: 24px;
}

body.home .mycaption > a {
  color: #ffffff;
  text-decoration: none;
	cursor: pointer;
}

body.page-template-page_home2019 .mycaption {
  position: absolute;
  text-align: left;
  left: 40px;
  width: 480px;
  bottom: 30px;
  font-size: 34px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.0em;
  display: block;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
	z-index: 1;
}

body.page-template-page_home2019 .mycaption .mycaption_line2 {
  display:block;
  font-size: 24px;
}

body.page-template-page_home2019 .mycaption > a {
  color: #ffffff;
  text-decoration: none;
	cursor: pointer;
}



.slimScrollBar {
	opacity: 1.0 !important;
  z-index: 10000 !important;
}

#home-news-outer-container {
  position: absolute;
	top: 0px;
	right: 0px;
	width: 570px;
	height: 100%;
}

#home-news-scroll-container {
	position: relative;
}

#home-news {
	position: relative;
	display:  none; 
}

#home-news-heading {
	font-size: 34px;
	line-height: 80px;
	background-color: rgba(0,0,0,0.75);
	text-align: right;
	padding-right: 40px;
	margin-bottom: 40px;
}

#home-news-toggle {
	font-size: 12px;
	margin-right: 15px;
	vertical-align: middle;
}

#home-news-items {
	padding: 30px;
	position: relative;
	background-color: rgba(0,0,0,0.75);
	/* overflow: hidden; */
	margin-bottom: 40px;
}

#home-news-items-inner {
}

.home-news-item {
	position: relative;
	margin-bottom: 30px;
}

.home-news-item-thumbnail {
	float: left;
  width: 160px;
	height: 160px;
	background-color: #7fb539;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-news-item-text {
  float: left;
	width: 320px;
	padding-left: 30px;
	font-size: 21px;
}	

.home-news-item-text > a {
  color: #acacac;
	text-decoration: none;
}

.home-news-item-text > a:hover {
  color: #ffffff !important;
	text-decoration: none;
}	

.home-news-item-title, .home-news-item-title a, .home-news-item-title a:hover {
	color: #7fb539;
	font-size: 24px; /*34px;*/
	text-decoration: none;
	margin-top: -10px;
}	




#home-news-more-news {
	padding: 30px;
	position: relative;
	background-color: rgba(0,0,0,0.75);
	/* overflow: hidden; */
	margin-bottom: 40px;
}


#home-news-more-news a {
	color: #fff;
	text-decoration: none;
	font-size: 21px;
}



body.page-template-page_home2019 #home-news-outer-container {
  position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
  margin: 0 auto;
  display: none;
  background-color: rgba(0,0,0,0.75);
  overflow: scroll;
}


body.page-template-page_home2019 #home-news-outer-container::-webkit-scrollbar { width: 0 !important }

body.page-template-page_home2019 #home-news {
	position: relative;
	display:  block; 
  width: 768px;
  margin: 0 auto;
}

body.page-template-page_home2019 #home-news-heading {
  cursor: pointer;
  position: absolute;
  width: 200px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: 0px;
	font-size: 34px;
	line-height: 100px;
	background-color: transparent;
	text-align: center;
	padding-right: 0px;
	margin-bottom: 0px;
}

body.page-template-page_home2019 #home-news-close {
  cursor: pointer;
  position: fixed;
  width: 30px;
  height: 30px;
  top: 40px;
  right: 40px;
	font-size: 34px;
	line-height: 80px;
	background-color: transparent;
  background-image: url('./images/icn-close.png');
  z-index: 10000;
}

body.page-template-page_home2019 #home-news-items {
	padding: 40px 30px;
	position: relative;
	background-color: transparent;
	margin-bottom: 40px;
}

body.page-template-page_home2019 .home-news-item {
	position: relative;
	margin-bottom: 75px;
}

body.page-template-page_home2019 .home-news-item-text {
  float: left;
	width: 515px;
	padding-left: 30px;
	font-size: 21px;
  line-height: 1em;
}	

body.page-template-page_home2019 .home-news-item-text > a {
  color: #ffffff;
	text-decoration: none;
}

body.page-template-page_home2019 .home-news-item-text > a:hover {
  color: #ffffff !important;
	text-decoration: none;
}	

body.page-template-page_home2019 .home-news-item-title, body.page-template-page_home2019 .home-news-item-title a, body.page-template-page_home2019 .home-news-item-title a:hover {
	color: #ffffff;
	font-size: 30px; /*34px;*/
	text-decoration: none;
	margin-top: -2px;
  line-height: 1em;
  margin-bottom: 15px;
}	

body.page-template-page_home2019 #home-news-more-news {
  background-color: transparent;
  text-align: center;
}

body.page-template-page_home2019 #home-news-more-news a {
  font-size: 28px;
}
  





/* INFO PAGE ELEMENTS */
body.page-template-page_info {
  overflow: hidden !important;
}

#info-content-scroll-container {
	position: relative;
	top: 0px;
	right: 0px;
}

.page-template-page_bio  #info-content-scroll-container,
.page-template-page_profile  #info-content-scroll-container,
.page-template-page_list #info-content-scroll-container,
.page-template-page_careers #info-content-scroll-container,
.page-template-page_info2022 #info-content-scroll-container,
.page-template-page_news #info-content-scroll-container
{
  background-color: rgba(0,0,0,0.70);
}

#info-content-container {
	position: absolute;
  width: 1050px;
	top: 197px;
	right: 0px;
}

#info2022-content-container {
	position: relative;
  width: 990px;
  margin: 0 auto;
  padding: 100px 30px;
}

#info2022-content-container-narrow {
	position: relative;
  width: 700px;
  margin: 0 auto;
  padding: 100px 40px;
}

.info-content {
  width: calc(100% - 80px);
	background-color: rgba(0,0,0,0.75);
	padding: 40px 40px;
	margin-bottom: 40px;
}

#info2022-content-container .info-content {
  background-color: transparent;
	margin-bottom: 0px;
}



.info-content p:last-child {
	margin-bottom: 0px;
}

.info-content a {
	color: #80b539;
	border-bottom: 1px dotted #80b539;
}

.info-pagetitle {
  float: left;
	width: 50%;
}

.info-pagetitle h1 {
  color: #7fb539;
	font-weight: 300;
	font-size: 40px;
	margin: 0;
}

.info-pagetitle-text {
  float: left;
	width: 25%;
	font-size: 22px;
	color: #acacac;
	line-height: 1.2em;
}

.info-pagetitle-text a {
	color: #acacac;
	border-bottom: none;
}

.info-pagetitle-text a:hover {
	color: #80b539;	
}

.info-pagetitle-text * {
  margin: 0;
}

.info-heading {
  float: left;
	width: 50%;
}

.info-heading h2 {
  color: #7fb539;
	font-weight: 300;
	font-size: 34px;
	margin: 0;
	line-height: 30px;
}

.info-subheading {
  float: left;
	width: 50%;
	font-size: 22px;
	color: #ffffff;
	line-height: 34px;
	padding-top: 0px;
}

.info-bigtext {
  float: left;
	font-size: 34px;
	color: #ffffff;
	line-height: 1.1em;
  width: calc(50% - 30px);
}

.info-biggreentext {
  float: left;
	font-size: 34px;
	color: #80b539;
	line-height: 1.1em;
  width: calc(50% - 30px);
}


.info-bigtext:nth-child(1), .info-biggreentext:nth-child(1) {
	padding-right: 30px;
}

.info-bigtext:nth-child(2), .info-biggreentext:nth-child(2) {
}

.info2022-bigtext {
  font-size: 56px;
  line-height: 1em;
  margin-bottom: 0.8em;
}

.info2022-normaltext {
  font-size: 28px;
	line-height: 1.2em;
}

.info2022-normaltext h2 {
  color: #7fb539;
  font-weight: 400;
  font-size: 34px;
  margin: 0;
  line-height: 1.2em;
}

h2.info2022-listpage-list-heading {
  color: #7fb539;
  font-size: 30px;
}

.info2022-listpage-list-description {
  color: #ffffff;
  font-size: 30px;
  font-style: italic;
}

.info2022-listpage-list-container ul {
  list-style-type: none;
  padding-inline-start: 0px;
  margin-bottom: 5em;
}

.info2022-listpage-list-container ul li {
  color: #ffffff;
  font-size: 30px;
  border-bottom: 1px solid #fff;
}

.info2022-listpage-list-container ul li a {
  color: #ffffff;
}

.info-normaltext {
  font-size: 22px;
	line-height: 1.2em;
}

.info-normaltext h3 {
  font-size: 22px;
	margin-bottom: 25px;
	margin-top: 25px;
}

.info-relatedlinks {
	
}

.info-relatedlinks h3 {
  font-size: 26px;
	margin-bottom: 25px;
}


.info-relatedlinkbox {
	float: left;
  width: 240px;
	height: 240px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.info-relatedlinkbox:nth-of-type(4) {
	margin-right: 0px;
}

.info-relatedlinkbox > .relatedlinkbox-caption {
  position: absolute;
	bottom: 10px;
	left: 15px;
	line-height: 1em;
}

.info-relatedlinkbox > .relatedlinkbox-caption a {
  color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1.0);
}	

.info-relatedlinkbox > .relatedlinkbox-caption a:hover {
  color: #ffffff!important;
	text-decoration: none;
}


.relatedlinkbox-caption {
	color: #ffffff;
	font-size: 21px;
	line-height: 40px;
}

.relatedlinkbox-caption a {
  border-bottom: none;	
}

/* NEWS PAGE ELEMENTS */
.news-item {
  margin-bottom: 75px;
}

.news-item-col1 {
  float: left;
  width: calc(50% - 30px);
  height: 495px;
  clear: both;
  overflow: hidden;
  padding: 0px 30px 0px 0px;
}

.news-item-col1 > img {
  width: -webkit-fill-available;
  aspect-ratio: initial;
  height: auto;  
}

.news-item-col2 {
  float: left;
  width: 50%;
}

.news-page-title {
  color: #7fb539;
  font-size: 36px;
  font-weight: 400;
}

.news-item-image img {
  max-width: 540px;
  display: block;
  margin: 0 auto;
}

.news-item-heading {
  color: #7fb539;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0;
}

.news-item-date {
  color: #7fb539;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 1em;
}

.news-item-content {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  /* border-top: 1px solid #ffffff; */
  /* padding-top: 1em; */
}

.news-item-content a {
    color: #7fb539;
    border-bottom: 1px dotted #7fb539;
}

.news-item-link {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  text-align: right;
}

.news-item-link a {
  color: #7fb539;
}

#news-item-pagination .page-numbers {
  border: 1px solid #ffffff;;
  padding: 10px 10px;
}

#news-item-pagination .current {
  background-color: #ffffff;
  color: #000000;
}

/* CATEGORY PAGE ELEMENTS */
body.page-template-page_category {
  overflow: hidden !important;
}

#category-content-scroll-container {
	position: relative;
	top: 0px;
	right: 0px;
}

#category-2020-content-scroll-container {
	position: relative;
	top: 0px;
	right: 0px;
  background-color: rgba(0,0,0,0.75);
}

#category-content-container {
	position: absolute;
  width: 1050px;
	top: 197px;
	right: 0px;
  background-color: rgba(0,0,0,0.75);
}

#category-2020-content-container {
	position: absolute;
  width: 1050px;
	top: 90px;
	left: calc((100% - 1050px)/2);
}



.category-content {
  width: calc(100% - 60px);
	
	padding: 30px 30px 30px 30px;
	margin-bottom: 40px;
}

.category-pagetitle-content, .category-pagetitle-content-mobile {
  width: calc(100% - 60px);
	background-color: rgba(0,0,0,0.75);
	padding: 24px 30px;
	margin-bottom: 40px;
}

.category-2020-pagetitle-content, .category-2020-pagetitle-content-mobile {
  width: calc(100% - 60px);
	padding: 0px 30px;
	margin-bottom: 0px;
}

.category-pagetitle-content-mobile, .category-pagetitle-text-mobile, .category-2020-pagetitle-content-mobile, .category-2020-pagetitle-text-mobile {
 display: none;
} 


.category-pagetitle {
  float: left;
	width: 50%;
}

.category-pagetitle h1 {
  color: #7fb539;
	font-weight: 300;
	font-size: 31px; /* DW used to be 34px */
	margin: 0;
}

.category-pagetitle-text, .category-pagetitle-text-mobile {
  float: left;
	font-size: 22px;
	color: #acacac;
	line-height: 1.2em;
}

.category-pagetitle-text {
	width: 25%;
}

.category-pagetitle-text-mobile {
	width: 50%;
}




.category-pagetitle-text * {
  margin: 0;
}

.category-pagetitle-text ul, .category-pagetitle-text-mobile ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}	

.category-pagetitle-text ul li a, .category-pagetitle-text-mobile ul li a {
  color: #acacac;
	text-decoration: none;
}

.category-pagetitle-text ul li a:hover, .category-pagetitle-text ul li a.current, .category-pagetitle-text-mobile ul li a:hover, .category-pagetitle-text-mobile ul li a.current {
  color: #ffffff;
	text-decoration: none;
}

.category-grid {
	float: left;
	width: 490px;
	height: 490px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.category-grid-2020 {
	float: left;
	width: 490px;
	height: 240px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.category-nogrid {
	width: 990px;
}


.category-grid:nth-child(2n+0), .category-grid-2020:nth-child(2n+0), .category-nogrid:nth-child(2n+0) {
	margin-right: 0px;
}

.category-grid-a {
	
}


.thumbnail {
  float: left;
	/* background-color: #7fb539; */

	/* Default Size/Margins  */
	width: 240px;
	height: 240px;
	margin: 0px 10px 10px 0px;
	
	position: relative;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
}

.thumbnail_overlay {
	position: relative;
	display: none;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
}

.thumbnail_overlay-2020 {
	position: absolute;
	background-color: rgba(0,0,0,0.6);
  display: flex;
  opacity: 0;
  justify-content: center;
  align-items: center;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 18px;
}

.thumbnail_title-2020 {
	position: relative;
	display: block;
  
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0+67,0+67,0.65+80,0.65+80 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.65) 80%, rgba(0,0,0,0.65) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  
	width: 100%;
	height: 100%;
}

a.thumbnail_link, a.thumbnail_link:hover {
 	position: absolute;
	bottom: 10px;
	left: 0px;
  padding: 0px 15px;
	font-size: 18px;
	color: #ffffff !important;
	cursor: pointer;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1.0);
  line-height: 1em;
  margin-bottom: 5px;
}

a.thumbnail_link_over {
  color: #7fb539 !important;
}

.thumbnail_subtitle {
	font-size: 14px;
}

.category-nogrid > .thumbnail:nth-child(4n) {
	margin: 0px 0px 10px 0px;
}



.category-grid-a > .thumbnail:nth-child(1) {
	width: 240px;
	height: 240px;
	margin: 0px 10px 10px 0px;
}

.category-grid-a > .thumbnail:nth-child(2) {
	width: 240px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-a > .thumbnail:nth-child(3) {
	width: 490px;
	height: 240px;
	margin: 0px 0px 0px 0px;
}

.category-grid-2020-a > .thumbnail:nth-child(1) {
	width: 240px;
	height: 240px;
	margin: 0px 10px 10px 0px;
}

.category-grid-2020-a > .thumbnail:nth-child(2) {
	width: 240px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-b > .thumbnail:nth-child(1) {
	width: 490px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-b > .thumbnail:nth-child(2) {
	width: 240px;
	height: 240px;
	margin: 0px 10px 0px 0px;
}

.category-grid-b > .thumbnail:nth-child(3) {
	width: 240px;
	height: 240px;
	margin: 0px 0px 0px 0px;
}

.category-grid-2020-b > .thumbnail:nth-child(1) {
	width: 490px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-c > .thumbnail:nth-child(1) {
	width: 240px;
	height: 240px;
	margin: 0px 10px 10px 0px;
}

.category-grid-c > .thumbnail:nth-child(2) {
	width: 240px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-c > .thumbnail:nth-child(3) {
	width: 240px;
	height: 240px;
	margin: 0px 10px 0px 0px;
}

.category-grid-c > .thumbnail:nth-child(4) {
	width: 240px;
	height: 240px;
	margin: 0px 0px 0px 0px;
}

.category-grid-d > .thumbnail:nth-child(1) {
	width: 490px;
	height: 240px;
	margin: 0px 0px 10px 0px;
}

.category-grid-d > .thumbnail:nth-child(2) {
	width: 490px;
	height: 240px;
	margin: 0px 0px 0px 0px;
}

a.categoryView {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px 0px 15px 0px;
	background-color: #cccccc;
	cursor: pointer;
}

a.categoryView-2020 {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px 0px 1px 0px;
	background-color: #cccccc;
	cursor: pointer;
}


a#categoryViewThumbnail {
	background-image: url('images/icn-categoryview-thumbnail.png');
}

a#categoryViewList {
	background-image: url('images/icn-categoryview-list.png');
}

a.categoryViewActive {
	background-color: #7fb539;
}


#category-view-list {
	display: none;
}

a.category-view-list-item {
	font-size: 24px;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #666666; 
}


.category-relatedlinks {
	
}

.category-relatedlinks h2 {
  font-size: 30px;
	margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 33px;
  color: #ffffff;
}

.category-relatedlinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 22px;
}

.category-relatedlinks ul.linklist-2020 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 24px;
}


.category-relatedlinks ul.linklist-2020 li {
  line-height: 38px;
  border-top: 1px solid #ffffff;
  padding-left: 33px;
}

.category-relatedlinks ul.linklist-2020 li:last-child {
  border-bottom: 1px solid #ffffff;
}


.category-relatedlinks ul li a, .category-relatedlinks ul li a:hover {
  color: #ffffff;
	text-decoration: none;
}





/* PROJECT PAGE ELEMENTS */
body.page-template-page_project {
	overflow: hidden;
}

#project-content-outer-container {
  position: absolute;
	top: 0px;
	right: 0px;
	/* width: 800px; */
	width: 100%;
}

#project-content-scroll-container {
	position: relative;
}



#project-content {
	position: absolute;
	display:  none; 
	width: 800px;
	right: 0px;
	top: 0px;
}

#project-content-heading {
	font-size: 34px;
	line-height: 80px;
	background-color: rgba(0,0,0,0.75);
	text-align: left;
	padding-left: 30px;
	color: #7fb539;
	cursor: pointer;
	margin-bottom: 30px;
}

#project-content-heading:hover {
  color: #ffffff;
}

#project-content-toggle {
	font-size: 18px;
	margin: 30px 30px 0px 0px;
	vertical-align: middle;
	float: right;
}

#project-content-items {
	position: relative;
	overflow: hidden;
}

#project-content-items-inner {
}

.project-content-section {
	position: relative;
	background-color: rgba(0,0,0,0.75);
	margin-bottom: 30px;
	padding: 30px;
	font-weight: 300;
}

.project-content-section h1, .project-content-section h2, .project-content-section h3 {
	font-weight: 400;
}

.project-image {
	position: relative;
	margin-bottom: 15px;
	cursor: pointer;
}	

.project-image:last-child {
	margin-bottom: 0px;
}	

.project-image-2col-row {
}

.project-image-2colbox {
	position: relative;
	width: 365px;
	height: 405px;
	float: left;
}	

.project-image-plus-icon {
	position: absolute;
	/*
	width: 67px;
	height: 67px;
	*/
	height: 48px;
	width: 48px;
	top: 0px;
	right: 0px;
	cursor: pointer;
	background-image: url('images/icn-plus.png');
	background-size: contain;
}

.project-image-caption {
	color: #ffffff;
	font-size: 21px;
	line-height: 40px;
}

.project-image-2colbox:first-child {
  margin-right: 10px;
}

.project-image-2col {
  height: 365px;
	width: 365px;
}

.project-mediumtext {
  font-size: 34px;
	line-height: 1em;	
}

.project-subtitle {
}

.project-smalltext {
	font-size: 22px;
	line-height: 1.2em;
	margin-bottom: 10px;
}



.project-content-links {
  width: 50%;
	float: left;
	font-size: 21px;
}

.project-content-links p {
	margin-bottom: 0px;
}

.project-content-links a {
	color: #acacac;
	text-decoration: none;
}

.project-content-links a:hover {
	color: #7fb539;
	text-decoration: none;
}

.project-relatedlinks h3 {
  font-size: 21px;
	margin-bottom: 25px;
}

.project-relatedlinkbox {
	position: relative;
	float: left;
  width: 240px;
	height: 240px;
	margin-right: 10px;
}

.project-relatedlinkbox:nth-of-type(3n+0) {
	margin-right: 0px;
}

.project-relatedlinkbox > .project-image-caption {
  position: absolute;
	bottom: 10px;
	left: 15px;
	line-height: 1em;
}

.project-relatedlinkbox > .project-image-caption a {
  color: #ffffff;
	text-decoration: none;
}	

.project-relatedlinkbox > .project-image-caption a:hover {
  color: #ffffff!important;
	text-decoration: none;
}

#project-image-slider, #project-image-slider .rsOverflow {
	height: 100% !important;
	width: 100% !important;
}



@media (max-width: 1199px) {
	body.home .mycaption, body.home #bkgd-slider-nav {
		/* bottom: 110px; */
	}
  
  body.page-template-page_home2019 #home-news-heading {
    cursor: pointer;
    position: absolute;
    width: 200px;
    left: unset;
    right: 0px;
    margin: unset;
    bottom: 0px;
    font-size: 34px;
    line-height: 100px;
    background-color: transparent;
    text-align: center;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  
  body.page-template-page_home2019 #bkgd-slider-nav {
    display: none !important;
  }
  
	
	#info-content-container {
		width: 770px;
	}
  
  #info2022-content-container, #info2022-content-container-narrow {
    width: calc(100% - 80px);
  }
  
  .info-content {
    width: 100%;
    padding: 40px 0px;
  }


	.info-pagetitle, .info-pagetitle-text {
		float: left;
		width: 33%;
	}

	.info-heading {
		width: 33%;
	}

	.info-subheading {
		width: 67%;
	}

	.info-relatedlinkbox {
		float: left;
		width: 170px;
		height: 170px;
		margin-right: 9px;
	}

	.info-relatedlinkbox:nth-of-type(4) {
		margin-right: 0px;
	}	
	
  /* NEWS PAGE */
  .news-item-image img {
    width: 100%;
  }
  
  
	/* CATEGORY PAGE */
	
	#category-content-container, #category-2020-content-container {
		width: 770px;
  	left: calc((100% - 770px)/2);
	}
	
	.category-nogrid {
		width: 100%;
	}
	
	.category-nogrid > .thumbnail {
		width: 170px;
		height: 170px;
	}
	
	.category-grid {
		width: 350px;
		height: 350px;
	}

	.category-grid-a > .thumbnail:nth-child(1) {
		width: 170px;
		height: 170px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-a > .thumbnail:nth-child(2) {
		width: 170px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-a > .thumbnail:nth-child(3) {
		width: 350px;
		height: 170px;
		margin: 0px 0px 0px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(1) {
		width: 350px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(2) {
		width: 170px;
		height: 170px;
		margin: 0px 10px 0px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(3) {
		width: 170px;
		height: 170px;
		margin: 0px 0px 0px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(1) {
		width: 170px;
		height: 170px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(2) {
		width: 170px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(3) {
		width: 170px;
		height: 170px;
		margin: 0px 10px 0px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(4) {
		width: 170px;
		height: 170px;
		margin: 0px 0px 0px 0px;
	}	

	.category-grid-d > .thumbnail:nth-child(1) {
		width: 350px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-d > .thumbnail:nth-child(2) {
		width: 350px;
		height: 170px;
		margin: 0px 0px 0px 0px;
	}
  
  .category-grid-2020 {
		width: 350px;
		height: 170px;
	}

  
  
	.category-grid-2020-a > .thumbnail:nth-child(1) {
		width: 170px;
		height: 170px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-2020-a > .thumbnail:nth-child(2) {
		width: 170px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-2020-b > .thumbnail:nth-child(1) {
		width: 350px;
		height: 170px;
		margin: 0px 0px 10px 0px;
	}
  
  .thumbnail_subtitle {
      font-size: 10px;
  }
  
  a.thumbnail_link, a.thumbnail_link:hover {
    font-size: 12px;
  }
  

	/* PROJECT PAGE */
	#project-content, #project-content-outer-container {
	  width: calc(100% - 140px);
	}

	.project-image-2colbox {
		width: 350px;
		height: 390px;
	}	
	
	.project-image-2col {
		height: 350px;
		width: 350px;
	}
	
	.project-relatedlinkbox {
		width: 230px;
		height: 230px;
	}	

  .flowplayer {
    position: absolute !important;
    max-width: 800px !important;
    max-height: 600px !important;
    top: calc((100% - 600px)/2) !important;
    left: calc((100% - 800px)/2) !important;
    
    /*
    position: absolute !important;
    width: 600px;
    height: 400px;
    top: calc((100% - 400px)/2);
    left: calc((100% - 600px)/2);
    */
  }
	
}

@media (max-width:1024px) {
	#home-logo {
		position: absolute;
		width: 375px;
		height: auto;
		top: 50%;
		left: 40px;
		transform: translateY(-50%);
	}

	#bkgd-slider-nav {
		display: none;
	}
	
	
	
	#project-content, #project-content-outer-container {
	  width: calc(100% - 140px);
	}

  
  /* NEW PROJECT PAGE */
  .bkgd-slider-slide .content-inner .slide-type-1 .title {
    font-size: 48px;
  }

  .bkgd-slider-slide .content-inner .slide-type-1 .subtitle {
    font-size: 24px;
  }
  
  
  .bkgd-slider-slide .content-inner .slide-type-1, .bkgd-slider-slide .content-inner .slide-type-2, .bkgd-slider-slide .content-inner .slide-type-3, .bkgd-slider-slide .content-inner .slide-type-4, .bkgd-slider-slide .content-inner .slide-type-5, .bkgd-slider-slide .content-inner .slide-type-6 {
    width: 744px;
  } 
  
  
	
}



@media (max-width:768px) {
  
  #hj-home-logo {
    width: 80%;
    height: auto;
  }
  
  .flowplayer {
    position: absolute !important;
    max-width: 600px !important;
    max-height: 400px !important;
    top: calc((100% - 400px)/2) !important;
    left: calc((100% - 600px)/2) !important;
    /*
    position: absolute !important;
    width: 600px;
    height: 400px;
    top: calc((100% - 400px)/2);
    left: calc((100% - 600px)/2);
    */
  }
	
	#info-content-container  {
		width: 550px;
	}
  
  .info-pagetitle  {
		width: 100%;
	}

	.info-pagetitle-text {
		width: 50%;
	}
	
	.info-heading {
		width: 50%;
	}

	.info-subheading {
		width: 50%;
	}

	.info-bigtext {
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.info-bigtext:nth-child(2) {
		margin-top: 30px;
	}
  
  .info2022-bigtext {
    font-size: 40px;
  }
  	
	.info-relatedlinkbox {
		float: left;
		width: 240px;
		height: 240px;
		margin-right: 10px;
	}

	.info-relatedlinkbox:nth-of-type(even) {
		margin-right: 0px;
	}

	/* CATEGORY PAGE */
	#category-content-container, #category-2020-content-container {
		width: 550px;
  	left: calc((100% - 550px)/2);
	}
  
  .category-2020-pagetitle-content, .category-2020-pagetitle-content-mobile {
    width: calc(100% - 80px);
    padding: 0px 40px;
    margin-bottom: 0px;
  }

  .category-content {
    width: calc(100% - 80px);
    padding: 30px 40px 30px 40px;
  }  
  
	.category-pagetitle {
		width: 100%;
	}
	
	.category-pagetitle-text {
		display: none;
	}	

	.category-pagetitle-content-mobile, .category-pagetitle-text-mobile {
	 display: block;
	} 

	.category-grid {
		float: left;
		width: 490px;
		height: 490px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.category-nogrid {
		width: 100%;
	}
	
	.category-nogrid > .thumbnail {
		width: 240px;
		height: 240px;
	}

	.category-nogrid > .thumbnail:nth-child(odd) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 10px 0px;
	}
	
	.category-nogrid > .thumbnail:nth-child(even) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}
	

	.category-grid-a > .thumbnail:nth-child(1) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-a > .thumbnail:nth-child(2) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-a > .thumbnail:nth-child(3) {
		width: 490px;
		height: 240px;
		margin: 0px 0px 0px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(1) {
		width: 490px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(2) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 0px 0px;
	}

	.category-grid-b > .thumbnail:nth-child(3) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 0px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(1) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(2) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(3) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 0px 0px;
	}

	.category-grid-c > .thumbnail:nth-child(4) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 0px 0px;
	}
	
	.category-grid-d > .thumbnail:nth-child(1) {
		width: 490px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-d > .thumbnail:nth-child(2) {
		width: 490px;
		height: 240px;
		margin: 0px 0px 0px 0px;
	}

  
  .category-grid-2020 {
    width: 490px;
    height: 240px;
  }
  
	.category-grid-2020-a > .thumbnail:nth-child(1) {
		width: 240px;
		height: 240px;
		margin: 0px 10px 10px 0px;
	}

	.category-grid-2020-a > .thumbnail:nth-child(2) {
		width: 240px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}

	.category-grid-2020-b > .thumbnail:nth-child(1) {
		width: 490px;
		height: 240px;
		margin: 0px 0px 10px 0px;
	}
  
  
  
  
	.category-relatedlinks {

	}

	.category-relatedlinks h3 {
		font-size: 26px;
		margin-bottom: 25px;
	}


	.category-relatedlinkbox {
		float: left;
		width: 240px;
		height: 240px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.category-relatedlinkbox:nth-of-type(4) {
		margin-right: 0px;
	}	
  
  .thumbnail_subtitle {
      font-size: 14px;
  }
  
  a.thumbnail_link, a.thumbnail_link:hover {
    font-size: 18px;
  }
  
  
  
	
	/* PROJECT PAGE */
  .bkgd-slider-slide .content-inner .slide-type-1 .title {
    font-size: 48px;
  }

  .bkgd-slider-slide .content-inner .slide-type-1 .subtitle {
    font-size: 24px;
  }
  
	#project-content, #project-content-outer-container {
	  width: calc(100% - 140px);
	}

	.project-image-2colbox {
		width: 300px;
		height: 340px;
	}	
	
	.project-image-2col {
		height: 300px;
		width: 300px;
	}
	
	.project-relatedlinkbox {
		width: 196px;
		height: 196px;
	}	
	
  
  .news-item-col1 {
    float: none;
    width: 100%;
    height: 495px;
    clear: both;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
  }

  .news-item-col1 > img {
    width: -webkit-fill-available;
  }

  .news-item-col2 {
    float: none;
    width: 100%;
  }
  
  
  
}