/* Global Styling */

h1 {font-size: 2rem; color: #706f6f;}
h4 {color: #706f6f;}
h2 {color: #706f6f;}
a:link {color: #706f6f;}
a:visited {color: #706f6f;}
a:hover {color: #706f6f;}
a:active {color: #706f6f;}
.xmarginbottom {padding-bottom: 2em;}
ul {padding:0; list-style: none;}



.ugfooter a:link {color: #ffffff;}
.ugfooter a:visited {color: #ffffff;}
.ugfooter a:hover {color: #ffffff;}
.ugfooter a:active {color: #ffffff;}




.entry-title {
    font-size: 1.8rem;
}

.ugfooter .tabs {
background: none;
    border: 1px solid #777777;
}

.ugfooter .tabs-content {
    border: 1px solid #777777;
    border-top: 0;
    background: none;
    color: #ffffff;
    transition: all .5s ease;
}

.ugfooter .tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #777777;
}


.ugfooter .tabs-title>a:hover {
    background: #777777;
}



.ugfooter .accordion {
    margin-left: 0;
    background: none;
    list-style-type: none;
}



.ugfooter  .accordion-content {
    background: none;
color: #ffffff;

}





.accordion-title:focus, .accordion-title:hover {
    background-color: #e6e6e6!important;
}




.ugfooter .accordion-title:focus, .accordion-title:hover {
    background-color: #777777;
}



.tabs-panel {
    display: none;
    padding: 1rem;
    padding-bottom: 0.5em;
}




/* Side Bar Styling */

.sidebar ul {list-style-type:disc ;}

/* Top Bar */

.top-bar, .top-bar ul {background: white;}
.top-bar .menu a {color: #888888; font-weight: 400; font-size: 1.1rem;}
.top-bar .menu li:not(:last-child) {border: 0;}

.top-bar .menu a:hover:not(.button), .top-bar .menu a:active:not(.button), .top-bar .menu a:focus:not(.button) {background-color: #727070; color: white;}

.top-bar .menu #civilsdrop a:hover:not(.button), .top-bar .menu #civilsdrop a:active:not(.button), .top-bar .menu #civilsdrop a:focus:not(.button) {background-color: #988352!important; color: white;}

.top-bar .menu #groupdrop a:hover:not(.button), .top-bar .menu #civilsdrop a:active:not(.button), .top-bar .menu #civilsdrop a:focus:not(.button) {background-color: #888888!important; color: white;}

.top-bar .menu #pilingdrop a:hover:not(.button), .top-bar .menu #pilingdrop a:active:not(.button), .top-bar .menu #pilingdrop a:focus:not(.button) {background-color: #f8b126!important; color: white;}

.top-bar .menu #resdrop a:hover:not(.button), .top-bar .menu #resdrop a:active:not(.button), .top-bar .menu #resdrop a:focus:not(.button) {background-color: #83c9c1!important; color: white;}

.top-bar .menu #plantdrop a:hover:not(.button), .top-bar .menu #plantdrop a:active:not(.button), .top-bar .menu #plantdrop a:focus:not(.button) {background-color: #46af63!important; color: white;}

.top-bar .menu #devdrop a:hover:not(.button), .top-bar .menu #devdrop a:active:not(.button), .top-bar .menu #devdrop a:focus:not(.button) {background-color: #145689!important; color: white;}

.top-bar .menu #civilsbuilddrop a:hover:not(.button), .top-bar .menu #civilsbuilddrop a:active:not(.button), .top-bar .menu #civilsbuilddrop a:focus:not(.button) {background-color: #145689!important; color: white;}

.top-bar { padding: 0.7rem 1rem;}

.dropdown.menu .is-active>a {background-color: #727070; color: white;}

.top-bar .top-bar-right { -webkit-flex: none; flex: none;}

.top-bar .top-bar-left { -webkit-flex: none; flex: none;}

/* Top Banner */

.banner-logo {width: 250px; height: auto;     margin-top: 0.5em; margin-bottom: 0.5em;}
.banner-logo-small {width: 180px; height: auto;}

/* Off canvas Menu */

.menu.nested {margin-left: 0;}

/* Custom News Formatting */

ul.display-posts-listing {list-style-type: none; padding: 0; margin: 0;}
li.listing-item {clear: both; margin: 10px 0; overflow: hidden; list-style: none; padding: 15px; border: 1px solid #eee;}
li.listing-item a.image {float: left; margin-right: 15px;}
li.listing-item a.title {font-weight: bold;}
li.listing-item span.excerpt-dash {display: none;}
li.listing-item span.excerpt {clear: right; display: block; margin-top: 10px;}
.listing-item {margin-top: 0; padding-top: 0;}
.listing-item img {float:left; padding-right:10px; width:150px;}
.listing-item .title {font-size:1.5em;}
.listing-item .date {font-size:1em;color:#999;}
.listing-item .excerpt-dash {display:none;}
.listing-item {display:block;width: 100%;padding-top:5px;margin: 10px 0 10px;clear: both;}
.listing-item .excerpt {display:block;}

/* Social Media Icons - footer */

.footer-social-icons {width: 350px; display:block; margin: 0 auto;}
.social-icon {color: #fff;}
ul.social-icons {margin-top: 10px;}
.social-icons li {vertical-align: top; display: inline; height: 100px;}
.social-icons a {color: #fff; text-decoration: none;}
.fa-facebook {padding:10px 14px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #888888;}
.fa-facebook:hover {background-color: #3d5b99;}
.fa-twitter {padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #888888;}
.fa-twitter:hover {background-color: #00aced;}
.fa-rss {padding:10px 14px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #888888;}
.fa-rss:hover {background-color: #eb8231;}
.fa-youtube {padding:10px 14px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #888888;}
.fa-youtube:hover {background-color: #e64a41;}
.fa-linkedin {padding:10px 14px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #888888;}
.fa-linkedin:hover {background-color: #0073a4;}
.fa-google-plus {padding:10px 9px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s;background-color: #888888;}
.fa-google-plus:hover {background-color: #e25714;}
ul.social-icons {margin-left: 0;}
.fa {margin-bottom: 0.3em;}
.fa {font-size: 1.4em!important;}

/* Universal group footer buttons */

.ugcat {text-align: center; font-weight: 500;}
.ugcat div {padding: 0.5em 0 0.3em 0;}
#groupbtn {background: #706f6f;}
#civilsbtn {background: #988352;}
#pilingbtn {background: #f8b126;}
#resbtn {background: #83c9c1;}
#plantbtn {background: #46af63;}
#devbtn {background: #145689;}
#civilsbuildbtn {background: #145689;}

/* Colour bar top */
#colourfade {width: 100%; height: 0.5rem;  background: #706f6f; background: -webkit-linear-gradient(left, #ffffff , #706f6f); background: -o-linear-gradient(right, #ffffff, #706f6f); background: -moz-linear-gradient(right, #ffffff, #706f6f); background: linear-gradient(to right, #ffffff , #706f6f);}


/* Orbit Slider */

/*li.orbit-item-1 {background: url(../../../src/assets/images/banners/Upac%20Jpegs-1017.jpg) no-repeat center; background-size: cover;}
li.orbit-item-2 {background: url(../../../src/assets/images/banners/Upac%20Jpegs-1061.jpg) no-repeat center; background-size: cover;}
li.orbit-item-3 {background: url(../../../src/assets/images/banners/Upac%20Jpegs-1079.jpg) no-repeat center; background-size: cover;}*/
.fullscreen-image-slider .orbit-slide {width: 100%; height: 70vh; min-height: 300px;}
.fullscreen-image-slider .orbit-slide { width: 100%; height: 70vh;}
.orbit-bullets button {width: 1rem; height: 1rem;}
.orbit-bullets {margin-top: 0;}
.orbit-caption h1 {font-size: 2em; color: #ffffff;}
@media only screen and (max-width: 600px) { .orbit-caption h1 { font-size: 18px; } }

.fullscreen-image-slider .orbit-caption { bottom: 100px; background: none; text-align: center; color: #fefefe; font-weight: bold; }
@media only screen and (max-width: 600px) { .fullscreen-image-slider .orbit-caption { bottom: 50px; } }


.fullscreen-image-slider .orbit-caption {width: 60%; left: 20%; background: #474748;}
.orbit-container #Layer_1 {z-index: 5; position: absolute; bottom: -2px;}

/* Single post custom */

.single-post .featured-hero {min-height: 300px;}
.singlepageswirl {position: relative;}
.single .fullscreen-image-slider {display: none;}

/* Mobile Menu */

.menu-icon.dark::after {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #706f6f; box-shadow: 0 7px 0 #706f6f, 0 14px 0 #706f6f; content: '';}
.offcanvas-full-screen {position: fixed; z-index: 1; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #706f6f; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); overflow-y: auto;}
[data-whatinput='mouse'] .offcanvas-full-screen {outline: 0;}
.offcanvas-full-screen.is-transition-overlap {z-index: 10;}
.offcanvas-full-screen.is-transition-overlap.is-open {box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);}
.offcanvas-full-screen.is-open {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.offcanvas-full-screen.is-open ~ .off-canvas-content {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
.offcanvas-full-screen.is-transition-push::after {position: absolute; top: 0; right: 0; height: 100%; width: 1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " ";}
.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {-webkit-transform: none; -ms-transform: none; transform: none;}
.offcanvas-full-screen-inner {padding: 1rem; /*text-align: center;*/}
.offcanvas-full-screen-menu {margin: 0; list-style-type: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.offcanvas-full-screen-menu > li {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {outline: 0;}
.offcanvas-full-screen-menu > li > a {display: block; padding: 0.7rem 1rem; line-height: 1;}
.offcanvas-full-screen-menu input, .offcanvas-full-screen-menu select, .offcanvas-full-screen-menu a, .offcanvas-full-screen-menu button {margin-bottom: 0;}
.offcanvas-full-screen-menu > li {-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.offcanvas-full-screen-menu > li > a {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.offcanvas-full-screen-menu a {color: #fefefe; font-weight: 500;}
/* .offcanvas-full-screen-menu a:hover {color: #efefef;} */
.offcanvas-full-screen-close {color: #fefefe; font-size: 5rem;}
.offcanvas-full-screen-close:hover {color: #b2b2b2; cursor: pointer;}
.js-off-canvas-overlay.is-visible {opacity: 1; visibility: hidden;}
.offcanvas-full-screen-menu .nested #civilsli a {color: #cead6b;}
.offcanvas-full-screen-menu .nested #pilingli a {color: #f8b126;}
.offcanvas-full-screen-menu .nested #resli a {color: #83c9c1;}
.offcanvas-full-screen-menu .nested #plantli a {color: #46af63;}
.offcanvas-full-screen-menu .nested #devli a {color: #145689;}
.offcanvas-full-screen-menu .nested #civilsbuildli a {color: #145689;}


.offcanvas-full-screen-menu > li > a:hover {background: #666666;}
.offcanvas-full-screen-menu .nested a:hover {background: #666666;}

.closebtn {width: 100%; position: relative; text-align: center;}



.map-frame h2 { font-size: 1.2rem; }
.map-frame iframe { display: block; margin-bottom: 32px; }


.currentjob {background: #f6f6f6;}




.overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:395px; /* your iframe height */
   top:395px;  /* your iframe height */
    z-index: 20;
   margin-top:-395px;  /* your iframe height */
}








.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
/*font-size: 14px;*/
color: #555 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.wpcf7-textarea {
   resize: none;
}

.wpcf7-submit {
color: #706f6f!important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid #eee;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
    border: 2px solid #eee;

}

.wpcf7-select  {margin:0; background-color: #eee !important; border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important; color: #555 !important;
}




 /* footer styling */
.footercol {padding-bottom: 2em; padding-top: 2em; /*text-align: center;*/}
.footercol h5 {font-weight: 500;}
.ugfooter {background: #474748; color: white;}
.accredfoot img {padding: 0 0.5em 0.5em 0;}
.feature-col {padding: 1em 0 1em 0;}




.doclink {border: 1px solid #eee; width: 100%; padding-top: 0.7em; padding-left: 1em; padding-right: 1em; display: inline-block;}
.doclink:hover {background: #eee;}

.doclink p {font-size: 0.9em; margin-bottom: 0.7em;}





.doclink2 {border: 1px solid #cccccc; padding-top: 0.7em; width: 30%; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; display: inline-block;}
.doclink2:hover {background: #cccccc;}
.doclink2 p {font-size: 0.9em; margin-bottom: 0.7em;}





.teaminfo {
    text-align: center;
    padding: 0 1rem 0 1rem;
    background: rgba(111,111,111,0.9);
    height: 100%;
        width: 100%;
    position: absolute;
    opacity: 0;
    transition: linear 0.2s;
    color: white;
    top: 0;
    left: 0;
}


.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



.teaminfo:hover {
    opacity: 1;
    transition: linear 0.2s;
}


li.listing-item a.title {
    font-weight: 500;
    line-height: 1.3em;
}






/* Small only */
@media screen and (max-width: 39.9375em) {
.fullscreen-image-slider .orbit-slide {height: 40vh;}
.fullscreen-image-slider .orbit-caption {width: 90%; left: 5%;}
    .doclink2 {border: 1px solid #cccccc; padding-top: 0.7em; width: 100%; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; display: inline-block;}
    .footercol {text-align: center;}

}

/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.fullscreen-image-slider .orbit-caption {width: 70%; left: 15%;}
.fullscreen-image-slider .orbit-slide {height: 60vh;}

    .footercol {text-align: center;}
}

/* Large and up */
@media screen and (min-width: 64em) {

  /*  .page-id-2 .fullscreen-image-slider .orbit-caption {bottom: 30%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); background: none; text-align: center; color: #fefefe; font-weight: bold;} */


}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}



.accrediations                  { }
.accrediations__row             { margin: 0 -4px 4px; display: flex; align-items: center; }
.accrediations__item            { padding: 0 4px; }
.accrediations__item img        { width: auto; height: 60px; }

.popup-vimeo                    { position: relative; display: block; }
.popup-vimeo__play              { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.5); font-size: 50px; }
.popup-vimeo__play .fa          { margin: 0; }