/*
Theme Name:     hirnetwork
Theme URI:		https://hirnetwork.org/
Description:	HIRN WP-Theme
Version:		1.0
Author:			CHRS Interactive
Author URI:	    http://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body {padding-top:90px;}
header {width:100%;position:fixed;top:0;left:0;z-index:99;background:#fff;padding:15px 0 0;border-bottom:1px solid #ddd;}
.header-inner {position:relative;z-index:3;}
.logo {width:350px;float:left;margin-bottom:-25px;}
.logo img {display:block;}

.header-search {position:absolute;top:0;right:0;border-bottom:1px solid #c5c5c5;}
.searchform-wrap input {display:block;float:left;border:none;background:none;height:25px;line-height:25px;padding:0;}
.searchform-wrap input:hover,
.searchform-wrap input:focus {border:none;background:none;outline:none;}
.searchform-wrap input[type=text] {width:200px;margin-right:5px;font-size:1.4rem;}
.searchform-wrap .btn-search {font-size:0;width:25px;background:url(images/i-search.svg) center center no-repeat;background-size:15px 15px;}

/* Main Menu */
.mainNav {float:right;margin-top:46px;position:relative;}
.mainNav li {display:inline-block;margin-left:40px;font-size:1.4rem;font-weight:700;text-transform:uppercase;}
.mainNav li:first-child {margin-left:0;}
.mainNav li a {display:inline-block;color:#222;border-bottom:4px solid transparent;padding-bottom:10px;}
.mainNav > li:hover > a,
.mainNav > li.current-menu-item > a {color:#5fad35;border-color:#5fad35;}

.subnav-bg {display:none;width:100%;height:100px;background:#fff;margin-bottom:-2px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;position:absolute;bottom:-100px;left:0;}
/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;left:0;width:650px;text-align:left;padding-top:20px;z-index:99;column-count:3;}
.mainNav ul li {display:block;margin:0 0 10px;font-weight:400;text-transform:none;}
.mainNav ul li a {border:none;color:#222;}
.mainNav ul li a:hover {color:#5fad35;}
/* Responsive Menu */
.mainNav {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#222;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 105px; height:calc(100% - 105px);width:100%;background:rgba(28, 27, 74,0.98); z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding:80px 20px 20px;}

.mobileNav li {opacity:0;transition:all 0.4s;-webkit-transform: translateX(-100%) ; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%) ; -o-transform: translateX(-100%) ; transform: translateX(-100%) ;}
.mobileNav li:first-child {transition-delay: 0.3s;}
.mobileNav li:nth-child(2) {transition-delay: 0.5s;}
.mobileNav li:nth-child(3) {transition-delay: 0.7s;}
.mobileNav li:nth-child(4) {transition-delay: 0.9s;}
.mobileNav li:nth-child(5) {transition-delay: 1.1s;}
.mobileNav li:nth-child(6) {transition-delay: 1.3s;}
.mobile-nav.is-visible .mobileNav li {opacity:1;-webkit-transform: translateX(0) ; -moz-transform: translateX(0); -ms-transform: translateX(0) ; -o-transform: translateX(0) ; transform: translateX(0) ;}

.mobileNav li,
.mobileNav li a {display:block;}
.mobileNav li {font-size:3.0rem;font-weight:300;}
.mobileNav li a {padding:20px 0;border-top:2px solid #fff;color:#fff;}
.mobileNav li a:hover {border-color:#00a887;color:#00a887;}

.post-edit-link {display:block;position:fixed;top:40px;right:0;padding:10px;z-index:99999999;background:#1C1B4A;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

/* -- @CONTENT ---------------- */
.narrow-content {max-width:860px;margin:0 auto;}

.button {display:inline-block;padding:0 30px 5px;height:40px;line-height:40px;background:#5fad35;color:#fff;font-weight:700;cursor:pointer;border:none !important;}
.button:hover {background:#59bbe3;color:#fff;}

.home-slider,
.banner {width:100%;overflow:hidden;}
.home-slider div.slick-slide,
.banner {height:650px !important;position:relative;/*background-size:contain;background-position: center center;background-repeat:no-repeat;*/}
.slide-caption {position:absolute;bottom:20%;left:0;width:100%;}
.slide-caption-inner {padding:30px;width:50%;background:rgba(0,0,0,0.7);}
.slide-even .slide-caption-inner {float:right;}
.slide-caption-inner p {font-size:4.0rem;line-height:1.1;color:#fff;}
.slide-caption-inner a {display:inline-block;color:#5fad35;border-bottom:4px solid #5fad35;padding-bottom:5px;font-weight:700;}
.slide-caption-inner a:hover {border-color:transparent;}

.slide-caption-header {background:#fff;width:calc(100% + 60px);margin-top:-30px;margin-left:-30px;margin-bottom:20px;}
.slide-caption-header h2 {padding:20px 30px 0;margin-bottom:10px;}
.slide-caption-header p {padding:0 30px 20px;color:#3e4545;font-size:1.4rem;font-weight:700;}
.page-banner {width:100%;padding:200px 0;}

.section-heading {color:#59bbe3;text-transform:uppercase;}

.post-block p {margin-bottom:10px;}
.post-meta,
.post-block a {font-size:1.4rem;}
.post-block h3 {margin-bottom:0;}
.post-block a {font-weight:700;}
.post-block img {display:block;border-top:5px solid #3e4545;transition:all 0.4s;cursor:pointer;}
.post-block img:hover {border-color:#5fad35;}

.home-research {margin-top:60px;border:1px solid #3e4545;border-top:10px solid #3e4545;}
.home-research-row {display: flex;justify-content:space-between;border-bottom:1px solid #3e4545;}
.home-research .home-research-row:last-child {border-bottom:none;}
.home-research-col {display:block;width:50%;background:#fff;box-sizing:border-box;color:#3e4545;cursor:pointer;}
.home-research-col:hover {background:#59bbe3;color:#3e4545;}
.home-research-row .home-research-col:first-child {border-right:1px solid #3e4545;}
.home-research-col-inner {padding:60px 40px;}

.home-research-col-inner .num {display:block;font-size:10.0rem;}
.home-research-col-header {padding-bottom:40px;}
.home-research-col-header img {width:100px;float:right;display:inline;}
.home-research-col-content h3 {margin:0;}
.home-research-col-content p span {font-weight:700;color:#59bbe3}
.home-research-col:hover .home-research-col-content p span {color:#fff;}

.home-opp {margin-top:-240px;padding:300px 0 60px;background:rgba(89,187,227,0.1);}

.project-row {display: flex;justify-content:space-between;}
.project-block {display:block;margin-bottom:40px;width:30%;border:1px solid #3e4545;border-top:10px solid #3e4545;box-sizing: border-box;padding:20px;color:#3e4545;background:#fff;}
.project-block:hover,
.project-complete {color:#3e4545;background:#ebebeb;}
.project-block h3 span {font-size:1.4rem;color:#59bbe3}
.project-complete {position:relative;}
.project-complete:before {content:"";position:absolute;top:-24px;left:20px;width:36px;height:36px;background:url(images/i-project-complete.svg) center center no-repeat;background-size:cover;}

.members-nav {margin:60px 0;}
.members-nav li {display:block;width:29.333333%;float:left;margin-right:4%;padding:15px;border-top:10px solid #3e4545;box-sizing:border-box;}
.members-nav li:last-child {float:right;margin-right:0;}
.members-nav li span {font-size:2.0rem;font-weight:700;}
.members-nav li:hover,
.members-nav li.active {background:#59bbe3;}

.member-block {width:22%;float:left;margin-right:4%;margin-bottom:40px;}
.row .member-block:nth-child(4n + 0) {float:right;margin-right:0;}

.other-consortias {padding-top:40px;display: flex;justify-content:space-between;}
.other-consortia-block {display:block;width:25%;color:#3e4545;border-right:1px solid #3e4545;box-sizing: border-box;}
.other-consortias .other-consortia-block:last-child {border:none;}
.other-consortia-block h2 {margin:0;}

.slide-inner {padding-left:60px;padding-right:20px}
.story-year {margin-top:20px;margin-left:-50px;font-size:4.0rem;font-weight:700;}
.story-line {margin:15px 0;border-top:5px solid #3e4545;position:relative;}
.story-line:before {content:"";position:absolute;top:-15px;left:60px;width:0;height:25px;border-left:1px solid #3e4545;}
.story-1 .story-line {margin-left:60px;}
.story-1 .story-line:before {left:0;}
.story-content {padding-left:80px;padding-right:20px;box-sizing:border-box;}
.story-content-inner {width:90%;}

.entry table {width:100%;border:1px solid #ddd;}
.entry thead {font-weight:700;}
.entry table td,
.entry table th {text-align:left;padding:15px;border-left:1px solid #ddd;line-height:1.4;}
.entry table tr {border-bottom:1px solid #ddd;}

.accordion-row {border:1px solid #ddd;margin-bottom:20px;}
.accordion-header,
.accordion-content {padding:10px 20px;}
.accordion-header h3 {margin:0;padding-right:40px;position:relative;}
.accordion-header h3:after {content:"";position:absolute;top:3px;right:0;width:24px;height:15px;background:url(images/accordion-arrows.svg) 0 -15px no-repeat;background-size:24px 30px;}

.accordion-content {display:none;}
.accordion-row.active .accordion-content {display:block;}
.accordion-row.active .accordion-header h3:after {background-position:0 0;}

.filter-dropdown {width:23%;float:left;margin-right:2%;padding:10px;border:1px solid #ddd;position:relative;box-sizing: border-box;}

.filter-dropdown:before {content:"";position:absolute;top:18px;right:10px;width:12px;height:8px;background:url(images/accordion-arrows.svg) 0 -8px no-repeat;background-size:12px 15px;}

.filter-dropdown span {display:block;padding:10px;}
.filter-dropdown select {
    width:100%;
    position:relative;
    z-index:3;
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    padding:0;height:auto;line-height:1.4;
    background:none;
}

.job-posting {padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #ddd;}
/* -- @BLOG ------------------- */




/* -- @FOOTER ----------------- */
footer {background:#3e4545;color:#fff;}

.newsletter-form {max-width:960px;margin:0 auto;}
.newsletter-form .gform_wrapper label {display:none !important;}
.newsletter-form .gform_wrapper li,
.newsletter-form .gform_wrapper input {margin-top:0 !important;}
.newsletter-form .gform_wrapper input[type=text] {height:40px !important;line-height:40px !important;padding:0 5px !important;border:none !important;}
.newsletter-form .gform_body,
.newsletter-form .gform_footer,
.newsletter-form .ginput_container {margin:0 !important;padding:0 !important;}
.newsletter-form .gform_body {width:75% !important;float:left !important;clear:none !important;}
.newsletter-form .gform_footer {width:23% !important;float:right !important;clear:none !important;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.home-research-col-header:after,
.newsletter-form:after,
.members-nav:after {content: ""; display: table; clear: both;}