/*!
Theme Name: denpru
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: denpru
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

======================================================================
    ____       _   ______  ____  __  __
   / __ \___  / | / / __ \/ __ \/ / / /
  / / / / _ \/  |/ / /_/ / /_/ / / / / 
 / /_/ /  __/ /|  / ____/ _, _/ /_/ /  
/_____/\___/_/ |_/_/   /_/ |_|\____/   
								  
=======================================================================

#6567AD Purple
#F29330 Orange
#2EA9B0 Teal
#EA5D4E Red
#707070 D Gray
#193E72 D Blue

Lato
Regular 400
Bold    700
====================================================================*/

@font-face {
	font-family: Lato;
	src: url('fonts/Lato-Regular.ttf') format('ttf');
	font-weight: 400;
}

@font-face {
	font-family: Lato;
	src: url('fonts/Lato-Bold.ttf') format('ttf');
	font-weight: 700;
}

:root {
	--teal: #2EA9B0;
	--teal-darker: #228287; /* small text */
	--red: #EA5D4E;
	--red-darker: #E02E1A; /* small text */
	--purple: #6567AD;
	--purple-darker: #4D5193; /* small text */
}

.todo {background:magenta;color: #fff;}
.lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lato-bold {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.panel-padding {padding:60px 0 90px 0;font-size:1.7rem;line-height: 2.4rem;font-weight: 700;}
.panel-padding h2 {margin-bottom:70px;font-size:4.0rem;line-height:4.8rem;font-weight: 700;}
.panel-padding p {/*margin-top:40px;margin-bottom:80px;*/}
h2.whiteunderline {padding-bottom:40px;}
h2.whiteunderline::after {display: block;width:44px;height: 4px;background:#fff;content: '';margin-top: 40px;} 

.proj-font h2 {font-size:4.0rem;line-height:4.8rem;font-weight: 700;padding-bottom:40px;margin:0;color:#707070;}
.proj-font h2::after {display: block;width:44px;height: 4px;background:#EA5D4E;background:var(--red-darker);content: '';margin-top: 40px;}
.proj-font h3 {font-size:3.0rem;line-height:3.8rem;font-weight: 700;padding-bottom:40px;margin:0;color:#707070;}

ol {margin:0;padding:0;list-style-position: inside; display:flex;flex-wrap:wrap;gap:40px;margin-top:40px;margin-bottom:80px;}
ol li {width:calc(25% - 30px);font-size:1.7rem;line-height: 2.4rem;font-weight: 700;}
ol li::before {content: ''; display: block; border-bottom: 4px solid #fff; max-width: 44px;padding-bottom: 30px;margin-bottom: 50px;}
ol li::marker {font-size:4.0rem;}

.pwhybox {position: relative;margin-top:300px;} 
.pwhybox:has(img) {margin-top:0;}
.pwhytext {position: relative;top:330px;top: -330px;left:-60px;padding:60px;min-height: 330px;background: #fff;width: 1110px;max-width: 100%;margin-bottom:-330px;}
@media only screen and (max-width:1300px) {
	.pwhytext {top:0;left:0;padding:20px;min-height:0;width:100%;max-width: 100%;margin-bottom:0;}
}
@media only screen and (max-width:600px) {
	.panel-padding {padding:20px 0 20px 0;}
	.panel-padding h2 {font-size:3.0rem;line-height:3.8rem;margin-bottom: 30px;}
	.proj-font h2 {font-size:3.0rem;line-height:3.8rem;padding-bottom:20px;}
	.proj-font h2::after {margin-top: 20px;}
	.proj-font h3 {font-size:2.5rem;line-height:2.8rem;padding-bottom:20px;}
	ol {display:flex;flex-wrap:no-wrap;flex-direction:column;gap:20px;margin-top:20px;margin-bottom:40px;}
	ol li {width:100%;}
	ol li::before {padding-bottom: 15px;margin-bottom: 20px;}
	ol li::marker {font-size:3.0rem;}
	h2.whiteunderline {padding-bottom:20px;}
	h2.whiteunderline::after {margin-top: 20px;} 
}

.whoheadbox {display:flex;flex-wrap:wrap}
.whohead{width:25%;}
.directorsrow {display:flex;}
.directorsrow > div {width:25%}
.directorsrow .whohead{width:100%;max-width:375px;}
@media only screen and (max-width:1165px) { 
	.directorsrow > div {width:33.333%}
	.whohead{width:33.333%;}
}
@media only screen and (max-width:790px) { 
	.directorsrow .whohead{width:100%;}
	.directorsrow > div {width:50%}
	.whohead{width:50%;}
}
@media only screen and (max-width:500px) { 
	.directorsrow {flex-direction: column;}
	.directorsrow > div {width: 100%;}
	.directorsrow .whoheadbox,
	.whoheadbox{width:375px;max-width:100%;margin:0 auto;}
	.whohead{width:100%;}
}
.square { width: 100%; height: 0; padding-top: 100%; position: relative;}
.headdetails {position: absolute;right:0;bottom:0;background: #fff;padding:10px;}
.headlogo {background:rgba(112,112,112,0.1);height:124px;width:100%;display:flex;align-items: center;justify-content: center;}
.whohead:nth-child(even) .headlogo  {background:rgba(112,112,112,0.2);}
.headlogo img {max-width:50%;height: auto;max-height: 50%;width:auto;}
.nobgc {background-color:transparent!important;}

.howsharebox, .publicationsbox {border-top:1px solid #707070;padding:60px 0 80px 0;}
.howsharebox .contentinner {display:flex;}
.howshareboxleft {width:275px;}
.howshareboxright {width:calc(100% - 275px);color: #6567AD;color:var(--purple-darker);font-size: 2.0rem;line-height: 3.0rem;}

.howshareboxleft h2 {font-size:4.0rem;line-height:4.8rem;font-weight: 700;padding-bottom:40px;margin:0;color:#707070;}
.howshareboxright h3 {font-size:3.0rem;line-height:3.8rem;font-weight: 700;padding-bottom:40px;margin:0;color:#6567AD;color:var(--purple-darker);}
.howshareboxleft h2::after,
.howshareboxright h3::after {display: block;width:44px;height: 4px;background:#6567AD;background:var(--purple-darker);content: '';margin-top: 40px;}
.howsharebox ol li::before {border-bottom: 4px solid #6567AD;border-bottom: 4px solid var(--purple-darker);}

.single-project .site-main ul {list-style-image: url('/wp-content/themes/denpru/images/list-dash-purple.png');color: #6567AD ;color:var(--purple-darker);}
.single-project .site-main ul li::marker {position: relative;top:-5px;}

.projnav.projnavfoot {background: #DEDEDE;}
.projnav.projnavfoot .projnav1 {display: flex;align-items: center; color: #193E72;}
.projnav.projnavfoot .projnav1 a {padding: 0;
	background: none;
	display: inline;
	font-size: inherit;
	color: inherit;
	min-height: 10px;
}
.projfiller {background:#6567AD;background:var(--purple-darker);color: #fff;display: flex;flex-direction: column; align-items: flex-end;justify-content: flex-end;gap:40px;padding:40px; text-align: right;}
.projfiller p {margin:0;max-width:300px;font-size: 2.5rem;line-height: 4.0rem;}
.projfiller a {color:#fff;font-weight: 700;text-decoration: none;}
@media only screen and (max-width:1240px) {
	/* 2 col */
	.projfiller {display: none;}
}
@media only screen and (max-width:840px) {
	/* 1 col */
	.projfiller {display: flex;}
}
@media only screen and (max-width:600px) {
	.howsharebox .contentinner {flex-direction: column;}
	.howshareboxleft {width: 100%;}
	.howshareboxright {width: 100%;}
	.projnav.projnavfoot .projnav1 {width: 100%; order: 1;display: block;}
	.projnav.projnavfoot .projnav2 {width: 100%; order: 3;}
	.projnav.projnavfoot .projnav3 {width: 100%; order: 2;}
	.howsharebox {padding: 20px 0 40px 0;}
	.howshareboxleft h2 { font-size: 3.0rem; line-height: 3.8rem; padding-bottom: 20px; }
	.howshareboxleft h2::after, .howshareboxright h3::after { margin-top: 30px; }
	
}

/* about us */
.relhead {padding:60px 0 20px 0;border-bottom:1px solid #707070;}

.relbody {padding:20px 0 60px 0;position: relative;}
.relimg {line-height: 0;}
.relintro {position: absolute;bottom:60px;left:0;width:50%;background: #fff;color: #EA5D4E;color:var(--red-darker);padding: 60px 40px 60px 0;}
.relintro p {max-width:650px;margin:0;}
.rellogo {width:135px;padding-top:40px;}
.relbody2 {padding-bottom:60px;}
.relbody2 p {max-width:570px;margin:0;}

.staffbox {background:#2EA9B0;background:var(--teal-darker);color: #fff;padding:40px 0 60px 0;}
.staffbox p {max-width:1110px;}
.staffbox p:first-child {margin-top:0;}
.staffbox p:last-child {margin-bottom:0;}
.staffbox h3 {padding:40px 0;}
.staffbox .headdetails {color:#000;}

.staffbox .whohead {background: #fff;}
.staffbox .whohead .square:hover {cursor:pointer;opacity:0.9;}
.modal {display:none;opacity:0;
	-webkit-transition: opacity 0.25s ease;
	-moz-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;}
.modal.show {display:flex;align-items: center;justify-content: center;width:100%;height:100vh;background: rgba(0,0,0,0.5);position: fixed;top:0;opacity:1;}
.modal.show .modalinner {cursor:default; width:1000px; max-width:calc(100% - 40px);min-height:50%; max-height:calc(100vh - 40px); background: #fff;padding:60px;position: relative;}
.closemodal {cursor:pointer;}
.closebutton {position: absolute;top:0;right:0;width:80px;height: 80px;display: flex;align-items: center;justify-content: center;background: #193E72;color:#fff;}

.teamposition {padding-top: 0.5em;font-size: 2.2rem; line-height: 2.6rem;}
@media only screen and (max-width:1540px) {
	.relintro {padding:60px 40px 60px 20px;}
}
@media only screen and (max-width:991px) {
	.relintro {padding:40px 20px 20px 20px;}
	.rellogo {padding-top: 20px;}
	.relintro p {font-size:3.0rem;line-height:3.8rem;}
}
@media only screen and (max-width:800px) { 
	.relintro p {font-size:2.5rem;line-height:2.8rem;}
}
@media only screen and (max-width:600px) { 
	.relbody {display: flex;flex-direction: column;}
	.relintro {position: relative;bottom: auto;width: 100%;}

	.modal.show .modalinner {overflow-y: scroll;}
}

.posrel {position: relative;}
.photocaption {position: absolute;bottom: 0;right: 0;padding: 20px;font-size: 1.1rem;color: #fff;  cursor: default;}
.photocaptiontop {position: absolute;top: 0;right: 0;padding: 20px;font-size: 1.1rem;color: #fff;  cursor: default;}

/* homepage */

.homepanel3 {min-height: 100vh;padding-top: 80px;}
.fixedimg {position: fixed;height: 100vh;width: 1920px;z-index: -1;top: 0;left: calc(50% - 960px);max-width: 100%;}
@media only screen and (max-width:1920px) {
	.fixedimg {left:0;}
}
.fixedimg img {object-fit: cover;width:100%;height: 100%;}
.transcontent {color:#fff;}
.projgridhome {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;max-width: 100%;margin: 0 auto;gap: 20px;padding-bottom: 80px;}
.projgridhome .projhomefiller {display:none;}
.projpanel{background: #fff;padding: 50px 40px 20px 40px;color: #0B0B0B;display: flex;flex-direction: column;}
.projintrohome {padding: 80px 0;max-width:750px;}
.projpanel .trow1 {min-height: 57px;}
.projpanel .trow3 {flex-grow:1;display: flex;align-items: flex-end;}
@media only screen and (max-width:1300px) {
	.projgridhome {grid-template-columns: 1fr 1fr 1fr;}
	.projgridhome .projhomefiller {display:block;}
}
@media only screen and (max-width:991px) {
	.projgridhome {grid-template-columns: 1fr 1fr;}
	.projgridhome .projhomefiller {display:none;}
}
@media only screen and (max-width:600px) {
	.projgridhome {grid-template-columns: 1fr;}
}

/* news (homepage) */
.homepanel2 {padding: 80px 0 0 0;}
.homepanel2 .bg-lgray {padding-bottom:80px;}
.newsheader {padding-bottom: 40px;}
.newsheader h2,
.homepanel3 h2 {font-size:3.0rem;line-height:3.8rem;font-weight: 700;}
.newsheader h2::before,
.homepanel3 h2::before {display: block;width:44px;height: 4px;background:#EA5D4E;background:var(--red-darker);content: '';margin-bottom: 25px;}
.homepanel4 {}
.quotehead {padding:80px 0 40px 0;border-bottom:1px solid #707070;color: #EA5D4E;color:var(--red-darker);}
.quotebody {padding:40px 0 80px;color: #EA5D4E;color:var(--red-darker);}
.quotebody blockquote {padding:0;width:1100px;max-width: 100%;}
.partners {}
.partners h4 {padding: 40px 0 40px;}
.logogrid {padding: 20px 0 60px;display:flex;align-items: center;gap: 40px;}
.logogrid > div,
.logogrid img {max-height: 160px;}

.newsone {display:flex;max-height:750px;}
.newsonetext {width:50%;padding:80px 20px 80px 0;display: flex;flex-direction: column;}
.newsone h3 {font-size: 8rem;line-height: 9rem;padding:30px 0 40px 0;}
.newsbutton {flex-grow:1;display: flex;align-items: flex-end;}
.newsbutton a {margin-top: 10px;}
.newsdate {padding-bottom:8px}
.newsoneimg {width:50%}
.newsoneimg img {width:100%;height:100%;object-fit: cover;aspect-ratio: 1 / 1;}
.newsone .text15 {width: 500px;max-width: 100%;}

.newstwo {}
.newstwo.hometrio {}
.home .newstwo.projgrid article a.entry-content-inner,
.home .newstwo.projgrid article:nth-child(2) a.entry-content-inner,
.home .newstwo.projgrid article:nth-child(3) a.entry-content-inner {
	background: #fff;color:#000;
}
.home .newstwo.projgrid article a.entry-content-inner:hover,
.home .newstwo.projgrid article:nth-child(2) a.entry-content-inner:hover,
.home .newstwo.projgrid article:nth-child(3) a.entry-content-inner:hover {
	background: #2EA9B0;background:var(--teal-darker);color:#fff;
}

/* news single */
.newsbody {padding:80px 0;}
.newsbody .contentinner > * {width:930px;max-width:100%;}
.newsbody p:first-child {font-size:2.5rem;line-height:4.0rem;}

.zoomlink {padding:80px 0 300px 0;}

@media only screen and (max-width:1300px) {
	.newsone h3 {font-size: 4.7vw;line-height: 5vw;}
}
@media only screen and (min-width: 841px) and (max-width: 1240px) {
	.newstwo.projgrid article:nth-child(3) {display:none;}
}
@media only screen and (max-width:1200px) {
	.newsonetext {padding: 40px 20px 40px 0;}
	.zoomlink {padding:40px 0 200px 0;}
}
@media only screen and (max-width:991px) {
	.newsonetext {padding: 20px 20px 20px 0;}
	.newsone h3 {padding: 0px 0 20px 0;}
}
@media only screen and (max-width:600px) {
	.newsone {flex-direction: column-reverse;}
	.newsonetext,.newsoneimg {width:100%;aspect-ratio: 3 / 2;}
	.zoomlink {padding:20px 0 40px 0;}
	.newsbody p:first-child { font-size: 2.0rem; line-height: 3.0rem; }
}
@media only screen and (max-width:400px) {
	.newstwo article {display:flex;flex-direction:column;}
	.newstwo.projgrid .imgbox {position: relative;line-height: 0;border-top: 1px solid #E2E2E2;}
	.newstwo.projgrid .entry-content { height: auto; aspect-ratio: auto;}
	.home .newstwo.projgrid article a.entry-content-inner {position: relative;}
}

.site-footer {background:#193E72;padding:60px 0 77px 0;}
.site-footer a {color:#fff;text-decoration: none;}
.site-footer a:hover {color:#EA5D4E;color:var(--red-darker);}
.site-footer ul {margin:0;padding:0;list-style: none;}
.site-info {display: flex;gap:40px;}
.fcol1 {flex-grow: 1;}
.fcol1 div {color:#fff;padding-bottom:20px;font-size: 1.7rem;max-width:570px;}
.fcol1 ul li {display:inline-block;margin-right:10px;}
@media only screen and (max-width:700px) { 
	.site-info {flex-wrap: wrap; gap:20px;}
	.fcol1 { width: 100%;}
	.fcol3 {flex-grow: 1;display: flex;justify-content: flex-end;}
}
@media only screen and (max-width:364px) { .fcol3 {justify-content: flex-start;width:100%;} }

.pubrow { padding: 20px 0; border-top: 1px solid #eee;}
.pubrow:first-child {border-top:none;} 
.pubcols {
  display: flex;
  gap: 20px;
  padding: 20px 0;
}
@media only screen and (max-width:600px) { 
	.pubcols {flex-direction: column;}
}
.pubcols .col1 img {
  max-width: 400px;
  max-height: 400px;
  width: auto;
  height: auto
}
.pubrowcontrols {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 20px;
}
.single-project .site-main .pubrow ul, 
.pubrow h3 a {color: #404040;}