/*!
Theme Name: jrc22
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jrc22
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.

jrc22 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/

==============================================================================================================================
       ______  ______   ______                       ____  _            
      / / __ \/ ____/  / ____/___  ____  _______  __/ / /_(_)___  ____ _
 __  / / /_/ / /      / /   / __ \/ __ \/ ___/ / / / / __/ / __ \/ __ `/
/ /_/ / _, _/ /___   / /___/ /_/ / / / (__  ) /_/ / / /_/ / / / / /_/ / 
\____/_/ |_|\____/   \____/\____/_/ /_/____/\__,_/_/\__/_/_/ /_/\__, /  
                                                               /____/                                                          
============================================================================================================================== 

Font weights
300 thin 
400 regular
500 medium
700 bold

==============================================================================================================================
*/


.about-numbers {width:770px;max-width:100%;margin: 100px auto;}
.about-numbers p {font-size:2.5rem;line-height:3.3rem;letter-spacing: 0.15em;font-weight: 700;color:#03634F;margin:0;}
.about-numbers p.number {font-size:6.5rem;line-height:8.6rem;letter-spacing: 0.05em;font-weight: 300;color:#E59124;}
@media only screen and (max-width:480px) {
	.about-numbers .wp-block-group__inner-container {margin:0!important;}
}
.about-text {}

.pagebuttonwithin a,
.pagebutton.btn {color:#010807;
     display: inline-block;
     font-size: 1.5rem;
     line-height: 2.0rem;
     letter-spacing: 0.05em;
     font-weight: 300;
     position: relative;
     padding: 10px 30px;
     text-decoration: none;}
.pagebutton span {background:#010807;}
.pagebutton .btntop {width:100%; height: 1px;position:absolute;top:0;left:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.pagebutton .btnleft {width:1px;height:100%;position:absolute;bottom:0;right:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.pagebutton .btnbottom {width:100%; height: 1px;position:absolute;bottom:0;right:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.pagebutton .btnright {width:1px;height:100%;position:absolute;top:0;left:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.pagebutton.btn:hover {color:#E59124;}
.pagebutton.btn:hover span {background:#E2B069;}
.pagebutton.btn:hover .btntop, .pagebutton.btn:hover .btnbottom {width: 50%;}
.pagebutton.btn:hover .btnleft, .pagebutton.btn:hover .btnright {height: 70%;}
.pagebuttonwithin a {border:1px solid #010807;}
.pagebuttonwithin a:hover {border:1px solid#E2B069;}

/* services page */
.servicegroup {padding-bottom: 150px;border-bottom:1px solid #707070;margin-bottom: 150px; }
.servicegroup .wp-block-group__inner-container{padding:0!important;}
.servicegroup .wp-block-columns {padding:150px 20px 0 20px;}
.servicegroup .wp-block-column:first-child {flex-basis:71%!important;}
.servicegroup .wp-block-cover {height:100%;padding: 0;align-items: flex-end;}
.servicegroup .wp-block-cover .wp-block-cover__inner-container {background:#fff;color:#010807;padding:20px;margin-bottom:60px;margin-right: calc(100% - 400px);}
.servicegroup .wp-block-cover.wide .wp-block-cover__inner-container {margin-right:60px;}
.servicegroup .wp-block-column:last-child {flex-basis:29%!important;}
.servicegroup figure {margin:0 0 25px 0;}
.servicegroup figure:last-child {margin:0;}
.servicegroup :where(.wp-block-columns.is-layout-flex) {gap: 25px;}
.servicegroup h2 {padding:75px 20px 0 20px; background: url(/wp-content/themes/jrc22/images/angle-tl-gray.svg) left top no-repeat;font-size:5.3rem;line-height: 5rem; letter-spacing: 0.05em;}
@media only screen and (max-width:1024px) {
     .servicegroup {padding-bottom: 100px;margin-bottom: 100px;}
     .servicegroup .wp-block-columns {padding-top:100px;}
}
@media only screen and (min-width:480px) and (max-width:768px) {
     .servicegroup {padding-bottom: 40px;}
     .servicegroup .wp-block-column:last-child {display: flex;}
     .servicegroup .wp-block-column:last-child figure:first-child {border-right:12px solid #fff;margin:0;}
     .servicegroup .wp-block-column:last-child figure:last-child {border-left:12px solid #fff;margin:0;}
}
@media only screen and (max-width:480px) {
     .contentmain .contentinner {padding-left:10px;padding-right:10px;}
     .servicegroup {padding-bottom: 0px;}
     .servicegroup h2 {padding: 40px 10px 0 10px;font-size: 4.3rem;line-height: 4rem;}
     .servicegroup .wp-block-columns {padding: 60px 10px 0 10px;}
     .servicegroup .wp-block-cover .wp-block-cover__inner-container {padding-left: 0px;margin:40px 40px 40px 0;}
}

.angletl {padding:75px 20px 0 20px; background: url(/wp-content/themes/jrc22/images/angle-tl-gray.svg) left top no-repeat;font-size:5.3rem;line-height: 5rem; letter-spacing: 0.05em;}
.angletlsm {padding:10px; background: url(/wp-content/themes/jrc22/images/angle-tl-gray-sm.svg) left top no-repeat;font-size:1.5rem;line-height: 2rem; letter-spacing: 0.05em;font-weight: 400;position: relative; left: -10px;}

/* used for news, projects archive pages */
.panelgrid {display:grid; grid-template-columns: 1fr 1fr 1fr;grid-column-gap:100px;grid-row-gap:20px;padding-top:170px;}
.panelgrid a {display:block;width:100%;height: 100%;text-decoration: none;}
.panelgrid h2, .panelgrid h3 {font-size: 1.5rem;line-height: 2.0rem; letter-spacing: 0.05em;font-weight: 700; width: 100%;height: 100%;
     background: url(/wp-content/themes/jrc22/images/angle-tl-gray-sm.svg) left top no-repeat;padding: 10px; position: relative;left: -10px;}
.panelgrid .trow3 {font-size: 1.5rem;line-height: 2.0rem; letter-spacing: 0.05em;font-weight: 700;width: 100%;height: 100%;}
.panelgrid .panel .trow1 {width:100%;height:calc((100vw - 220px - (100vw - 1385px)) / 3);max-height:382px;}
.panelgrid .panel .trow1 a {}
.panelgrid .panel .trow1 img {object-fit: cover;height: 100%; width: 100%;}
.panelgrid .trow1 img {-webkit-filter: grayscale(1); filter: grayscale(1);}
.panelgrid a.mactive .trow1 img,
.panelgrid .trow1 img:hover {-webkit-filter: none; filter: none;}
.panelgrid .trow2 {padding:20px 0px;}
.panel {}
.panelinner {}

.page-about-us .panelgrid .trow3 {height: auto;padding-bottom:20px;}
.single-team .entry-content {padding-bottom:100px;display: flex;}
.single-team .teamphoto {width: 442px;
     height: 442px;
     max-width: 100%;
     padding: 0 60px 60px 0;}
.single-team .teamcontent {flex-shrink: 100;}

@media only screen and (max-width:1385px) {
     .panelgrid .panel .trow1 {height:calc((100vw - 220px) / 3);}
}
@media only screen and (max-width:1024px) {
     .panelgrid {grid-column-gap:20px;}
}
@media only screen and (max-width:768px) {
     .panelgrid {grid-template-columns: 1fr 1fr;}
     .panelgrid .panel .trow1 {height:calc((100vw - 110px) / 2);}
     .single-team .teamphoto {width: 50%;}
     .single-team .teamphoto {padding: 0 40px 40px 0;}
}
@media only screen and (max-width:480px) {
     .angletl {padding: 40px 10px 0 10px;font-size: 4.3rem;line-height: 4rem;}
     .panelgrid {grid-template-columns: 1fr;padding:100px 10px 20px 10px;}
     .panelgrid .panel .trow1 {height:calc(100vw - 20px);}
     .single-team .entry-content{flex-direction: column;}
     .single-team .teamphoto {width:100%;padding: 0 0px 0px 0;height:auto;}
}

.postnav {display: flex;justify-content: space-between;padding-top:100px;}
.next {}
.prev {}

.spaceabove {padding-top:170px;}
.spacebelow {padding-bottom: 150px;}
.spacebelowwithline {padding-bottom: 150px;border-bottom:1px solid #707070;margin-bottom: 150px;}
@media only screen and (max-width:1024px) {
     .spaceabove {padding-top:100px;}
     .spacebelow {padding-bottom: 100px;}
     .spacebelowwithline {padding-bottom: 100px;margin-bottom: 100px;}
}
@media only screen and (max-width:768px) {
     .spacebelow {padding-bottom: 40px;}
     .spacebelowwithline {padding-bottom: 40px;}
}


#serices {}
#serices h2 {padding:75px 20px 0 20px; background: url(/wp-content/themes/jrc22/images/angle-tl-gray.svg) left top no-repeat;font-size:5.3rem;line-height: 5rem; letter-spacing: 0.05em;}
.servicespanels {display:flex;padding:60px 20px 0 10px;}
.servicespanel {height:436px;width: 33.33%;border-left:10px solid #fff;border-bottom:20px solid #fff;display: flex; flex-direction: column;text-decoration: none;}
.servicespanel h3 {height: 50px;display: flex;align-items: center;justify-content: flex-end;text-align: right;border:1px solid #fff;border-bottom:none;font-weight: 300;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;}
.servicespanelbox {height: 100%;width:100%;overflow:hidden;}
.servicespanelimg {height: 100%;width:100%;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;}
/* Structural Design * /
.servicespanelimg2 {background:gray url(/wp-content/uploads/2023/02/unnamed-764x754.png) center center no-repeat;background-size: cover;}
/* Surveying * /
.servicespanelimg4 {background:gray url(/wp-content/uploads/2019/07/Building-Surveying-image1-764x507.jpg) center center no-repeat;background-size: cover;}
/* Highways * /
.servicespanelimg1 {background:gray url(/wp-content/uploads/2023/02/shutterstock_486905332-764x764.jpg) center center no-repeat;background-size: cover;}
/* Earthworks * /
.servicespanelimg6 {background:gray url(/wp-content/uploads/2023/02/shutterstock_467002787-764x764.jpg) center center no-repeat;background-size: cover;}
/* Flood * /
.servicespanelimg5 {background:gray url(/wp-content/uploads/2023/02/shutterstock_171454445-764x764.jpg) center center no-repeat;background-size: cover;}
/* Infrastructure * /
.servicespanelimg3 {background:gray url(/wp-content/uploads/2016/09/Plan2-382x382.jpg) center center no-repeat;background-size: cover;}
*/
.servicespanel:hover h3,
.servicespanel.mactive h3 {border-left:1px solid #010807;border-top:1px solid #010807;}
.servicespanel:hover .servicespanelimg,
.servicespanel.mactive .servicespanelimg {transform: scale(1.25);}

@media only screen and (max-width:1024px) {
     .servicespanels {flex-wrap: wrap;}
}
@media only screen and (max-width:600px) {
     .servicespanels {display:flex;padding:40px 10px 0 0px;}
     .servicespanel {width: 50%;}
}
@media only screen and (max-width:480px) {
     .servicespanel {width: 100%;}
}

#techexperts {padding:100px 20px;text-align: center;position: relative;display: flex;align-items: center;justify-content: center;}
#techexperts .words {color:#03634F;font-size:3.3rem;line-height: 4.4rem;font-weight: 300;height: 100px;width:550px; max-width:100%; display: flex;align-items: center;justify-content: center;position: relative;}
#techexperts .angle-tl-green {position: absolute;top:0;left:0;line-height: 0;}
#techexperts .angle-br-green {position: absolute;bottom:0;right:0;line-height: 0;}


#projpanel {}
.projpaneltop {background:#03634F;padding:100px 0 70px 0;}
.projpaneltop h2 {font-size:5.3rem;line-height: 5rem; letter-spacing: 0.05em;color:#fff;padding:75px 20px 0 20px;position: relative;}
.projpaneltop h2 .angle-tl-white {position: absolute;top:0;left:0;line-height: 0;}
.projpanelbot {background:#03634F url(/wp-content/themes/jrc22/images/project-bg.png) center center repeat-x;margin-bottom:150px;}
.projpanelbot .contentinner {padding-left: 40px;}
.projpanelbox {display:flex;padding:0; width:100%;border:1px solid #fff;}
.projpanel {height:436px;width:50%;border-right:1px solid #fff;}
.projpanel:last-child {border:none;}
.projpanel a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background:rgba(0,0,0,0.1);color:#fff;
     font-size:1.6rem;line-height: 2.1rem;letter-spacing: 0.05em;font-weight: 400;text-decoration: none;text-align: center;padding:20px;}
.projpanel a:hover,
.projpanel.mactive a {background:rgba(0,0,0,0.5);}

@media only screen and (max-width:1385px) {
     .projpanelbot .contentinner {padding-left: 20px;}
}
@media only screen and (max-width:1000px) {
     .projpanelbox {flex-wrap:wrap;}
}
@media only screen and (max-width:480px) {
     .projpanelbot {background-image:none;margin-bottom:0;}
     .projpanel {width:100%;border:none;border-bottom:1px solid #fff;}
     .projpanelbot .contentinner {padding-right: 20px;padding-bottom: 100px;}
}

/* news project singles */
.textblock {}
.textblock1 {}
.layoutrow {display: flex;}
.layoutrow1 img {height:100%;width: 100%;object-fit: cover;}
.layoutrow1 > div {height: 613px;}
.layoutrow2 > div {}
.layoutrow3 {border-top:20px solid #fff;}
.layoutrow .imagerow {}
.layoutrow .textrow {}
.col60 {width:60%;}
.col40 {width:40%;}
.col100 {width:100%;}
.layout-pad-top {padding-top:150px;}
.bleft {border-left:10px solid #fff;}
.bright {border-right:10px solid #fff;}
.projectscope {padding-bottom:10px;}
@media only screen and (max-width:782px) {
     .layoutrow {flex-direction: column;}
     .col60, .col40, .col100 {width:100%;}
     .bleft, .bright, .layoutrow3  {border:none;}
     .layout-pad-top {padding-top:0px;}
     .layoutrow1 .col40,
     .layoutrow3 .col60 {border-top:20px solid #fff;}
     .layoutrow3 img {height:100%;width: 100%;object-fit: cover;}
}






.site-footer {background:#010807;margin-top: 200px;}
.site-footer a {color:#fff;text-decoration: none;}
.site-footer a:hover {color:#fff;text-decoration:underline;}
.footer-top{height:600px /*828px*/;background:url(/wp-content/themes/jrc22/images/footer-bg2.jpg) center center no-repeat;background-size: cover;display: flex;align-items: center;}
@media only screen and (max-width:480px) {
     .site-footer {margin-top: 100px;}
     .footer-top{height: 360px;background:url(/wp-content/themes/jrc22/images/footer-bg2-mob.jpg) center center no-repeat;background-size: cover;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
     .footer-top{background:url(/wp-content/themes/jrc22/images/footer-bg2@2x.jpg) center center no-repeat;background-size: cover;}
     @media only screen and (max-width:480px) {
          .footer-top{background:url(/wp-content/themes/jrc22/images/footer-bg2-mob@2x.jpg) center center no-repeat;background-size: cover;}
     }
}
/* arrow */
.footbox {padding-bottom:12px;background:url(/wp-content/themes/jrc22/images/line1.png) left -174px bottom 0 no-repeat;
     -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;}
/* vert line */
.footboxinner {background: url(/wp-content/themes/jrc22/images/line2.png) left 0 bottom 0 no-repeat;height:300px;width:100%;
     -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
display: flex;justify-content: space-between;}
.footbox:hover {background-position-x: left 1525px;}/* 175px x9 arrow */
.footbox:hover .footboxinner  {background-position-y: bottom -1750px;} /* 175px x10 vert line */
.footboxleft {align-self: center;font-size: 6.3rem;letter-spacing: 0.05em;line-height: 8.4rem;color:#fff;width: 450px;max-width: 100%; padding-left: 50px;padding-bottom: 10px;}
.footboxright {align-self: flex-end;}
.footbox a.btn {display: inline-block;padding:20px;position: relative;min-height:100px;min-width:366px;display:flex;align-items: center;justify-content: center;
     font-size:3.3rem;font-weight: 300;text-decoration: none;color:#fff;}
.footbox a.btn:hover {background-color:#fff;color:#010807;}
.footbox .btn span {display: block;background-color:#fff;}
.btntop {width:106px; height: 1px;position:absolute;top:0;left:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.btnleft {width:1px;height: 70px;position:absolute;bottom:0;right:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.btnbottom {width:106px; height: 1px;position:absolute;bottom:0;right:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.btnright {width:1px;height: 70px;position:absolute;top:0;left:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.footbox:hover .btntop, .footbox:hover .btnbottom {width: 100%;}
.footbox:hover .btnleft, .footbox:hover .btnright {height: 100%;}
.social a:hover svg path {fill:#e59124;}
@media only screen and (max-width:1100px) {
     .footbox, .footboxinner {background:none;}
     .footbox .btntop, .footbox .btnbottom {width: 100%;}
     .footbox .btnleft, .footbox .btnright {height: 100%;}
     .footboxleft {align-self:flex-end;}
}
@media only screen and (max-width:1000px) {
     .footboxinner {flex-direction: column;justify-content: center;height: auto;}
     .footboxleft {font-size: 5.3rem;letter-spacing: 0.05em;line-height: 7.4rem;width:auto;align-self:center;padding: 20px;text-align: center;}
     .footboxright {align-self:center;padding: 20px;}
}
@media only screen and (max-width:480px) {
     .footboxleft {font-size: 4.3rem;line-height: 6.4rem;}
     .footbox a.btn {font-size:2.3rem;min-height:auto;min-width:auto;}
}
.contentinner2 {}
.site-info {display: flex;justify-content: space-between;color:#fff;padding-top:40px;}
.site-foot-l, .site-foot-r{font-weight: 300;font-size:1.5rem;line-height:2rem;padding:65px 50px 58px 50px; color:#fff;
     background:url(/wp-content/themes/jrc22/images/angle-tl.svg) left top no-repeat;width: 665px;max-width: 100%;}
.site-foot-r{background:url(/wp-content/themes/jrc22/images/angle-br.svg) right bottom no-repeat;width: 460px;max-width: 100%;text-align: right;}
.site-foot-l strong, .site-foot-r strong {font-weight: 500;}
.site-foot-logo {height: 128px;display:flex;align-items: center;justify-content: center;}

@media only screen and (max-width:650px) {
     .site-foot-l{width:100%;padding:9px 20px 0px 20px;}
     .site-foot-r{width:100%;padding:0px 20px 6px 20px;}
     .site-info {flex-direction:column}
     .site-foot-r{text-align: left;}
}