@font-face {
    font-family: "Myriad Pro";
    src: url("MyriadPro.woff") format("woff");
}

@font-face {
    font-family: "Calibri Light";
    src: url("Calibri-Light.woff") format("woff");
}
@font-face {
    font-family: "Calibri Bold";
    src: url("Calibri-Bold.woff") format("woff");
}
@font-face {
    font-family: "Calibri";
    src: url("Calibri.woff") format("woff");
}
@font-face {
    font-family: "Ubuntu Bold";
    src: url("Ubuntu-Bold.woff") format("woff");
}



@font-face {
    font-family: "Sora Light";
    src: url("Sora-Light.woff") format("woff");
}
@font-face {
    font-family: "Sora Regular";
    src: url("Sora-Regular.woff") format("woff");
}
@font-face {
    font-family: "Sora Medium";
    src: url("Sora-Medium.woff") format("woff");
}
@font-face {
    font-family: "Sora Bold";
    src: url("Sora-Bold.woff") format("woff");
}

@font-face {
    font-family: "Manrope";
    src: url("Manrope.woff") format("woff");
}
@font-face {
    font-family: "Manrope Regular";
    src: url("Manrope-Regular.woff") format("woff");
}




/*PAGE SIZING*/

.container{
/*    max-width: 1120px;
    width: 100%;
    margin: 0px auto;*/
    padding-inline: 5.8rem;
    max-width: 100vw;
/*    padding-bottom: 10rem;
    padding-top: 10rem*/
}

/*Page Width Media Queries*/
@media (min-width: 576px){ .container { max-width: 540px;margin: 0px auto;} } /*End Media Query*/
@media (min-width: 768px){ .container{ max-width: 720px;margin: 0px auto;} } /*End Media Query*/
@media (min-width: 992px){ .container{ max-width: 960px;margin: 0px auto; } } /*End Media Query*/
@media (min-width: 1200px){ .container {max-width: 1140px;margin: 0px auto;} } /*End Media Query*/
@media (min-width: 1400px){ .container{ max-width: 1320px;margin: 0px auto;} } /*End Media Query*/


















html{
    scroll-behavior: smooth;
}

body, html{
    font-family: 'Calibri Light', sans-serif;
    font-size: 18px;
    line-height: 1.4em;
    /*color: #444343;*/
    color:#000000;
}
#block-acme-site-branding {
    width: 100%;
    text-align: center;
}
header {
    position: absolute;
    width: 100%;
    z-index: 150;
    position: fixed;
    background: #181717;
/*    background:#f8fbfa;
    border-bottom: 1px solid #efefef;*/
}
header .container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
}
a.site-logo img {
    width: 100%;
    max-width: 210px;
}
a.site-logo {
    display: block;
    margin: 0px auto;
    text-align: center;
    position: relative;
}
.region.region-header {
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
}
.flex_three{
   width: 30%; 
}

.content_section {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 30px;
}
#block-acme-breadcrumbs a {
    color: #555;
    text-decoration: none;
    font-size: 12px;
}
h1.page-title {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 4px;
    color: var(--acmeBlue);
    font-size: var(--acmeHeading);
}


.footer_block h2 {
    font-family: 'Ubuntu Bold';
    font-size: 18px;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 14px;
    text-align: left;
}
.breadcrumb {
    padding-bottom: 0px;
    margin-top: 10px;
}
.mainbanner nav.slick__arrow {
    z-index: 200 !important;
}



/*HOME SLIDER BANNER*/
.path-frontpage .herowrap {
    min-height: 600px;
    background: #181717;
}







/*CLIENT LOGO SECTION*/

.path-frontpage .tertiarywrap,
#page-id-1 .tertiarywrap{
    background: #f3eee7;
    padding: 4em 0em;
}
.clientlogos .field .field__item img {
    width: 100%;
    height: auto;
    filter: grayscale(100);
}
.clientlogos .field .field__item img:hover {
    filter: grayscale(0);
}
.clientlogos .field .field__item {
    width: 11%;
    padding: 0px 7px;
}
.clientlogos .field {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.clientlogos h2 {
    font-family: 'Sora Regular';
    /*color: #0011ff;*/
    font-size: 41px;
    margin-bottom: 60px;
}





/*ABOUT US PAGE STYLING*/
#page-id-1 #intro {
    background: #181717;
}
#block-acme-aboutpageintroimages .field img {
    width: 98%;
    height: auto;
    margin: 2px;
}
#block-acme-aboutpageintroimages .field {
    display: flex;
    flex-wrap: nowrap;
}
#block-acme-aboutpageintroimages {
    padding-bottom: 2em;
}





/*ABOUT US BACKSTORY*/
#page-id-1 .region.region-about-region {
    display: flex;
    justify-content: space-between;
}

#page-id-1 #block-acme-thebackstory h2 {
    font-size: 55px;
    font-family: 'Sora Bold';
    line-height: 1em;
    margin-bottom: 10px;
}
#page-id-1 #block-acme-thebackstory {
    width: 28%;
}
#page-id-1 #block-acme-aboutusbackstorytext {
    width: 74%;
}
#page-id-1 #about {
    padding-top: 2em;
    padding-bottom: 3em;
}
#page-id-1 .backstoryblock  .field--name-field-sub-title {
    font-size: 22px;
    font-family: 'Sora Regular';
}

#page-id-1 .region-hero-banner:after{
    top: -57%;
    right: 10%;
    opacity: .5;
    height: 147%;
    width: 32%;
    border: 1px solid #b0b5b8;
}




/*HOMEPAGE INTRO TEXT*/

.path-frontpage #intro {
    padding: 5em 0em 5em 0em;
}
.path-frontpage #intro .region.region-intro-region {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.path-frontpage #intro #block-acme-weare {
    width: 30%;
}
.path-frontpage #intro #block-acme-wearekwelitext {
    width: 70%;
}
.path-frontpage #intro #block-acme-weare h2 {
    font-family: 'Sora Light';
    font-size: 80px;
    text-transform: capitalize;
    margin-bottom: 36px;
    line-height: 1em;
}
.path-frontpage #intro #block-acme-weare .field--name-field-sub-title {
    font-family: 'Sora Bold';
    font-size: 110px;
}

.path-frontpage #intro #block-acme-weare:after {
    top: -57%;
    right: 10%;
    /*opacity: .5;*/
    height: 147%;
    width: 32%;
    border: 1px solid #000;
}



/*Homepage Work Section*/
.path-frontpage #primary,
#page-id-2 #primary{
    background: #000000;
    color: #fff;
    padding: 3em 0em 5em 0em;
}

.path-frontpage #block-home-work-listing-block h2{
    font-family: 'Sora Light';
    font-size: 41px;
    margin-bottom: 60px;
    text-transform: capitalize;
}




/*WORK MAIN PAGE*/
.field--name-field-upload-portfolio-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.field--name-field-upload-portfolio-images .field__item img {
    width: 100%;
    height: auto;
}






/*--- WORK LISTING GENERAL STYLING-----*/
.worklisting .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.worklisting .view-content .views-row {
    width: 30%;
    overflow: hidden;
    padding-bottom: 1em;
    opacity: 80%;
    margin-bottom:30px;
}
.path-frontpage .worklisting .view-content .views-row {
    width: 30%;
    overflow: hidden;
    padding-bottom: 1em;
    opacity: 80%;
    margin-bottom:-100px !important;
}
.path-frontpage .worklisting .view-content .views-row:nth-child(2n){
    margin-top:4em;
    margin-bottom:20px !important;
}
.worklisting .view-content .views-row img {
    width: 100%;
    height: auto;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.worklisting .view-content .views-row .views-field-field-client a {
    font-family: 'Sora Medium';
    text-decoration: none;
    color: #979797;
    font-size: 20px;
}
.worklisting .view-content .views-row .views-field-field-client {
    margin-top: 0.8em;
}
.worklisting .view-content .views-row .views-field.views-field-title,
.worklisting .view-content .views-row .views-field-view-node a{
    color: #979797;
}
.worklisting .view-content .views-row .views-field-view-node a{
    text-decoration:none;
}

.worklisting .view-content .views-row:hover,
.worklisting .view-content .views-row:hover a,
.worklisting .view-content .views-row:hover .views-field.views-field-title{
   color:#fff !important;
   opacity: 100%;
}
.worklisting .views-field-view-node {
    border-bottom: 1px solid #6a6a6a;
    padding-bottom: 1em;
}
.worklisting .view-content .views-row:hover .views-field-view-node {
   border-bottom: 1px solid #ffffff; 
}



/*SERVICES HOMEPAGE STYLE*/
.path-frontpage #about {
    background: #181717;
    color: #b3b3b3;
    padding: 3em 0em 5em 0em;
}
.path-frontpage #block-home-services-listing-block h2{
    font-family: 'Sora Light';
    font-size: 41px;
    margin-bottom: 60px;
    text-transform: capitalize;
    color:#ffffff;
}

.service-listing .view-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.service-listing .views-row {
    width: 20%;
    text-align: justify;
}
.service-listing .views-row .views-field-field-service-thumbnail img {
    width: 70px;
    height: auto;
}
.service-listing .views-row .views-field-view-node {
    margin-top: 13px;
}
.service-listing .views-row .views-field-view-node a {
    color: #ffffff;
    text-decoration:none;
}
.service-listing .views-row .views-field-view-node a:hover,
.service-listing .views-row .views-field-title a:hover{
    color: #92C73E;
}
.service-listing .views-row .views-field-title a {
    font-family: 'Sora Medium';
    font-size: 20px;
    text-align: left !important;
    display: block;
    text-decoration: none;
    color: #ccc;
    margin-bottom: 15px;
}




/*SERVICES MAIN PAGE*/
#page-id-56 main {
    background:#f3eee7;
    padding:4em 0em;
    margin-bottom: 0;
}


.mainserviceblock {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom:1px dashed #565656;
    padding: 2em 0em 3em 0em;
}
.mainserviceblock .serviceleft {
    width: 25%;
}
.mainserviceblock .serviceright {
    width: 70%;
}
.mainserviceblock .serviceleft h2 {
    font-family: 'Sora Bold';
    font-size: 38px;
    line-height: 1.1em;
    margin-bottom: 0px;
    margin-top: 10px;
}
.mainserviceblock .serviceleft img {
    width: 70px;
    height: auto;
    margin-top: 5em;
}









/*======INTERNAL PAGE STYLES========*/





.path-node .herowrap {
    position: relative;
    min-height: 240px;
    /*background: #f3eee7;*/
    background:#181717;
}

.path-node .region-hero-banner:after{
content: "";
    position: absolute;
    height: 105%;
    width: 100%;
    right: 40%;
    top: -2.5%;
    border-radius: 2000px;
    border: 1px solid #ffffff40;
    border-left: none;
    /*z-index: 150;*/
}

.site-name a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 65px;
    font-family: 'Ubuntu Bold';
    /* text-align: center; */
}
.site-slogan {
    color: #ccc;
    margin-top: 10px;
    font-size: 26px;
}
/*.path-node a.site-logo img {
    width: 100%;
    max-width: 210px;
}*/
.path-node h1.page-title {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    color: #3b3b3b;
    font-family: "Ubuntu Bold";
    font-size: 30px;
        margin-top: 30px;
}
h3.title_subheading {
    color: #ffffff;
    font-size: 33px;
    font-family: 'Calibri Light';
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
p.pagetitle_desc {
    color: #ddd6d6;
    font-family: 'Calibri Light';
    font-size: 18px;
    line-height: 1.5em;
}
.path-node main {
    background: #ffffff;
        margin-bottom: 30px;
}
.pagetitle_left {
    padding-bottom: 3em;
    width: 59%;
}


.herotitleblock .pageimage img {
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
}

.herotitleblock {
    padding-top: 80px;
    padding-bottom: 25px;
}
.innerpage-headers {
    padding-top: 25px;
}
.herotitleblock .pageheadwrapper .pageheadtitle {
    font-size: 62px;
    font-weight: bolder;
    font-family: Sora Regular;
    line-height: 1.1em;
    padding-top: 40px;
    /* letter-spacing: 1px; */
    color: #92C73E;
}
.herotitleblock .pageimage {
    /*max-width: 460px;*/
    /*min-height: 150px;*/
    /*width: 100%;*/
    min-height: 150px;
    width: 38%;
}
.herotitleblock .pageheadwrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.content_block.container {
    padding-top: 20px;
}


.footer_block,
.path-frontpage .peoplewrap,
.path-frontpage .aboutwrap,
.path-frontpage .projectswrap,
.path-frontpage .institutionwrap,
.path-frontpage .eventswrap{
    padding-top: 30px;
    padding-bottom: 30px;
}







/*.fixednav*/
#headbar{
    width: 72%;
}


.mainnavmenu ul.menu {
    margin: 0px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-top: 14px;
    padding-bottom: 14px;
}
.mainnavmenu ul.menu li, .mainnavmenu ul.menu li a {
    font-family: 'Calibri';
    /*color: #0011ff;*/
    color:#ffffff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 17px;
    position: relative;
}
.mainnavmenu ul.menu li:after {
    border-radius: 1em;
    border-top: 1px solid #92C73E;
    content: "";
    position: absolute;
    right: 100%;
    left: 0;
    bottom: 0;
    text-decoration: none !important;
    transition: right .4s cubic-bezier(0,.5,0,1);
}
.mainnavmenu ul.menu li:hover, .mainnavmenu ul.menu li a:hover,
.mainnavmenu ul.menu a.is-active{
    color: #92C73E;
    cursor: pointer;
}
.mainnavmenu ul.menu a.is-active{
    text-decoration:underline;
}
.mainnavmenu ul.menu li:hover:after{
  right: 0;
}

.mainnavmenu ul.menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.mainnavmenu ul.menu li.menu-item:last-child:after {
    border-top:0px;
}
.region.region-main-menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 7px;
}
.newproject a {
    text-decoration: none;
    background: #0011ff;
    /*border:1px solid #0011ff;*/
    color: #fff;
    padding: 8px 44px 8px 20px;
    display: block;
    border-radius: 50px;
    margin-top: 10px;
}
.newproject a:hover{
    /*background: #F2FD11;*/
    color: #F2FD11;
}
nav#block-acme-main-menu {
    width: 65%;
}
























.footer_block {
    background: #0011FF;
    text-align: center;
}
.footer_block h4 {
    font-family: Montserrat Bold;
    margin-bottom: 5px;
    font-size: 17px;
    text-transform: capitalize;
}
.footer_block p{
    line-height: 1.4em;
    margin: 0px;
    color:#F3F4F6;
}

.footcontainer {
    padding-top: 4rem;
    padding-bottom: 2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footright_block, .footright_block a {
    color: #fff;
    text-decoration: none;
    text-align: right;
    font-size: 39px;
    line-height: 1.8em;
    font-family: 'Sora Medium';
}
.footleft_block {
    text-align: left;
}
/*.footleft_block p {*/
/*    line-height: 1.7em;*/
/*    font-family: 'Sora Regular';*/
/*}*/
#block-acme-coffeecall {
    font-size: 30px;
    font-family: Sora Regular;
}
#block-acme-coffeecall p{
    line-height: 1.5em;
    font-family: 'Sora Regular';
}
#block-acme-coffeecall a {
    color: #fff;
    font-size: 17px;
    display:block;
    font-weight: lighter !important;
    text-decoration: none;
    margin-top: 20px;
}
.foot_copyright {
    margin-top: 60px;
    font-weight: lighter;
    font-size: 15px;
}
.footright_block a:hover,
#block-acme-coffeecall a:hover{
    color: #F2FD11;
    text-decoration: underline;
}