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

 Theme Name:   Divi-child
 Theme URI:    http://www.elegantthemes.com/gallery/divi/
 Description:  Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 Author:       Elegant Themes
 Author URI:   http://www.elegantthemes.com
 Template:     Divi
 Version:      3.0.39
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Font */

@font-face{
	font-family:"Univers LT W01_45 Light1475944";
	src:url("./fonts/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix");
	src:url("./fonts/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix") format("eot"),
	url("./fonts/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"),
	url("./fonts/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"),
	url("./fonts/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype"),
	url("./fonts/b2ea19ff-0237-4d94-a107-eaa12af161ef.svg#b2ea19ff-0237-4d94-a107-eaa12af161ef") format("svg");
}
@font-face{
	font-family:"Univers LT W01_55 Roman1475956";
	src:url("./fonts/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix");
	src:url("./fonts/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix") format("eot"),
	url("./fonts/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"),
	url("./fonts/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"),
	url("./fonts/74bdff6d-c5de-42e8-a4d8-11ea14eddb22.ttf") format("truetype"),
	url("./fonts/bd04ae3d-23dc-4975-9967-e21c43e5b59f.svg#bd04ae3d-23dc-4975-9967-e21c43e5b59f") format("svg");
}
@font-face{
	font-family:"Univers LT W01_65 Bold1475968";
	src:url("./fonts/38dc895e-c366-4a3e-b212-a84a2d07a329.eot?#iefix");
	src:url("./fonts/38dc895e-c366-4a3e-b212-a84a2d07a329.eot?#iefix") format("eot"),
	url("./fonts/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"),
	url("./fonts/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"),
	url("./fonts/4e00405b-a96d-4972-bdff-2d55e1066c45.ttf") format("truetype"),
	url("./fonts/1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e.svg#1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e") format("svg");
}

p {
    font-weight: 400;
}
/* .ardmac_band h1 {
    color: #ffffff;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 40px;
} */

strong {
    font-family: "Univers LT W01_65 Bold1475968";
    font-weight: normal;
}

/* Header Logo */

.page-id-10 img#logo {
    content: url(/wp-content/themes/divi-child/img/ardmac-logoo.png);
    }
.page-id-10 .et-fixed-header img#logo {
    content: url(/wp-content/uploads/2019/01/top_blue_logo-1024x304.png);
    }


/* Header transparent Homepage */
#main-header {
    background: transparent;
    }
.page-id-10 #page-container {
    padding-top: 0 !important; 
    }
@media (min-width: 981px) {
    #main-header.et-fixed-header {
        background: #fff;
    }

}


/* Menu style */

#top-menu a {
    font-family: "Univers LT W01_55 Roman1475956", sans-serif;
}
#top-menu li a {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
}

.page-id-10 #top-menu li.current-menu-item>a, .page-id-10 #top-menu a, .page-id-10 #et_search_icon:before, .page-id-10 .et_search_form_container input {
    color: #fff !important;
}

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 33%;
 background: #00B2E2; /*** COLOR OF THE LINE ***/
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

#top-menu .sub-menu li a {
    color: #333e48 !important;
}

/* Footer */

#footer-info{
    font-family: 'Lora', serif;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-family: "Univers LT W01_55 Roman1475956";
    line-height: 1;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    border-top: 1px solid;
    padding-top: 30px;
}
.phone-detail {
    margin-top: 31px;
}
.phone-title {
    font-size: 16px;
    font-family: "Univers LT W01_65 Bold1475968";
    color: #fff;
    font-weight: 500;
    line-height: 1.1;
}
.phone-numb {
    font-size: 16px;
    font-family: "Univers LT W01_55 Roman1475956";
    color: #fff;
    margin: 13px 0 0 0;
    display: block;
}
.footer-widget #menu-menu li a {
    text-transform: lowercase;
}
/* Button */
.story-link {
    font-size: 20px;
    color: #00B2E2;
    font-weight: 700;
    font-family: 'Lora', serif;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    text-decoration: none;
    margin: 51px 0 0 0;
    display: inline-block;
    width: 230px;
}
.story-link:after {
    position: absolute;
    background: url(/wp-content/themes/divi-child/img/story.png) no-repeat 0 0;
    width: 86px;
    height: 17px;
    content: "";
    left: auto !important;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-size: 100% auto;
    opacity: 1;
}

/* Nubmber */

.numbslider {
    font-size: 24px;
    color: #00B2E2;
    font-family: 'Lora', serif;
    margin-bottom: 30px;
}

/* Contact for Gravity */

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    display: none !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    height: 40px;
    background: transparent;
    color: #fff;
    border-bottom: 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: "Lora",serif !important;
}
.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
    height: 40px;
    background: transparent;
    color: #fff;
    border-bottom: 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: "Lora",serif;
}
.gform_wrapper textarea.medium {
    height: 40px;
    background: transparent;
    color: #fff;
    border-bottom: 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: "Lora",serif;
}
.gform_wrapper select option {
    background: #50748a;
}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    font-family: "Lora",serif;
    font-size: 20px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    padding: 8px 35px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 2px;
    cursor: pointer;
}
.gform_wrapper .gform_footer {
    text-align: right;
}

ul {
    padding: 0px;
  }
  
  li {
    list-style: none;
    display: block;
    padding: 5px;
  }
  
  .gfield_checkbox li {
    position: relative;
    padding-left: 40px;
  }
  .gfield_checkbox li label:after {
    content: "";
    background: #fff;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    z-index: 0;
  }
  .gfield_checkbox li label:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 15px;
    border: solid #00b2e2;
    border-width: 0 3px 3px 0;
    left: 9px;
    top: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
    transition: all 100ms;
  }
  
  input[type="checkbox"] {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  input[type="checkbox"] + label {
    cursor: pointer;
  }
  input[type="checkbox"]:checked + label:before {
    opacity: 1;
    top: 3px;
  }

.gform_wrapper .gfield_checkbox li label {
    padding: 0 0 0 40px !important;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
::-webkit-input-placeholder { /* Chrome */
  color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff !important;
  opacity: 1 !important;
}

body .et_pb_button:after, .woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after {
    content: ' ' !important;
}

/* .ardmac_band p {
    color: #ffffff;
    margin: 0 0 0 100px;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 22px;
    padding: 64px 0 0 200px;
    position: relative;
}
.ardmac_band p::after {
    background: #ffffff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 75px;
    width: 168px;
} */

/* .careers_main {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 100px 0 0;
} */

.careers_main a {
    color: #00b2e2;
    font-family: "Lora",serif;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    right: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 40px;
}
.careers_main a::after {
    background: url(/wp-content/themes/divi-child/img/story.png) no-repeat 0 0;
    background-size: 100% auto;
    content: "";
    height: 17px;
    left: calc(100% + 17px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 86px;
}

.et_pb_toggle_title {
    font-size: 24px;
    color: #00B2E2 !important;
    font-family: "Univers LT W01_45 Light1475944";
}
.card-body-left ul li {
    padding: 0 0 0 19px;
    position: relative;
    margin: 22px 0 0 0;
    font-size: 16px;
    color: #95989A;
    font-family: "Univers LT W01_45 Light1475944";
    line-height: 1.3;
}
.card-body-left ul li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    background: #00B2E2;
    width: 5px;
    height: 5px;
    border-radius: 50%
}
.card-body-left p {
    font-size: 16px;
    color: #95989A;
    font-family: "Univers LT W01_45 Light1475944";
    line-height: 1.3;
}
.careers_video_content h1 {
    color: #50748A;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 40px;
    padding-bottom: 0px;
    line-height: 1.2;
}
.careers_contant h1 {
    color: #fff;
    font-family: "Lora",serif;
    font-size: 40px;
    line-height: 1;
    padding-bottom: 40px;
}
.careers_contant p {
    font-family: "Lora",serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}


/* Contact info */

.information h4 {
    position: relative;
    font-size: 16px;
    color: #95989A;
    font-family: "Univers LT W01_65 Bold1475968";
    padding-bottom: 25px;
    padding-top: 25px;
}
.information .address {
    color: #95989A;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 16px;
    line-height: 1.3;
    padding-bottom: 24px;
    min-height: 100px;
}
.email a, .tel a {
    color: #95989A;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
}

/* Our Story */

.banner_title_sec {
    font-size: 26px;
    color: #00284B;
    font-family: "Univers LT W01_45 Light1475944";
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    margin-left: 35px;
}
.banner_title_sec:after {
    content: "";
    background: #234563;
    position: absolute;
    width: 2px;
    height: 77px;
    right: -57px;
    top: -22px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.ourstory-mainimgcont {
    position: absolute;
    bottom: 0;
    left: 617px;
    width: 360px;
    background: #50748a;
    padding: 100px 47px 68px 47px;
}
.ourstory-mainimgcont p:after {
    position: absolute;
    top: -41px;
    left: 0;
    content: "";
    height: 1px;
    background: #00b2e2;
    width: 75px;
}

.ourstory-cultureparagraph h1 {
    font-size: 40px;
    color: #00B2E2;
    font-weight: 400;
    font-family: 'Lora', serif;
}
.ourstory-cultureparagraph p {
    font-size: 20px;
    color: #50748A;
    font-family: 'Lora', serif;
    margin: 27px 0 0 0;
    line-height: 1.3;
}

/* Our People */
@media (min-width:1024px) {
.ourpeople-image-cont {
    position: absolute;
    left: 220px;
    bottom: 0;
    width: 366px;
    padding: 97px 45px 70px 45px;
    background: rgba(255,255,255,0.9);
}
.ourpeople-image-cont p {
    position: relative;
    font-size: 22px;
    color: #50748A;
    font-family: "Univers LT W01_45 Light1475944";
    line-height: 1.3;
}
.ourpeople-image-cont p:after {
    content: "";
    position: absolute;
    left: 0;
    top: -37px;
    width: 91px;
    height: 1px;
    background: #00b2e2;
}
}

.et_pb_member_position {
    font-family: 'Lora', serif;
    color: #fff;
}
.et_pb_team_member {
    position: relative;
}
.person-block:hover .hover-style {
    height: 100%;
}

.person-block img {
    display: block;
    cursor: pointer;
    width: 100%;
}
.hover-style {
    content: url(/wp-content/themes/divi-child/img/people_atag.png);
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 0;
    transition: all 0.5s;
    background: rgba(0,178,226,0.7);
    bottom: 0;
    left: 0;
}
.header {
    color: #00B2E2;
    font-family: 'Lora', serif;
    font-size: 20px;
}
.person-block:hover .header {
    color: #fff;
    transition: all 0.5s;
}
.position {
    font-size: 18px;
    color: #fff;
    font-family: 'Lora', serif;
}
.our-client-testimonials p {
    font-size: 16px;
    font-family: "Univers LT W01_45 Light1475944";
    color: #fff;
    padding-bottom: 30px;
}
/* Slider */
.et-pb-controllers .et-pb-active-control {
    background-color: #00b2e2;
}
.et-pb-arrow-next, .et-pb-arrow-prev {
    color: #00B2E2 !important;
}

.et_pb_slide .et_pb_container {
    height: 400px !important;
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 10% 8% !important;
}

/* Fit Out */

.custom-light p {
    font-family: "Univers LT W01_45 Light1475944";
}
.content-right p:after {
    position: absolute;
    left: 0;
    top: -41px;
    background: #00b2e2;
    width: 90px;
    height: 1px;
    content: "";
}

/* .wwds-modular-cont {
    float: left;
    width: 655px;
    margin: -240px 0 0 0;
    padding: 45px 98px 10px 98px;
    background: rgba(255,255,255,0.9);
    position: relative;
} */

.wwds-leader-details-cont {
    float: left;
    width: 554px;
    padding: 60px;
    background: rgba(52,62,72,0.9);
    margin: 100px 0 0 -60px;
}

/* Button */
 
  
  .the-arrow {
    width: 64px;
    transition: all 0.2s;
  }
  .the-arrow.-left {
    position: absolute;
    top: 60%;
    left: 0;
  }
  .the-arrow.-left > .shaft {
    width: 0;
    background-color: #00B2E2;
  }
  .the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
    width: 0;
    background-color: #00B2E2;
  }
  .the-arrow.-left > .shaft:before {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .the-arrow.-left > .shaft:after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .the-arrow.-right {
    top: 3px;
  }
  .the-arrow.-right > .shaft {
    width: 64px;
    transition-delay: 0.2s;
  }
  .the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
    width: 8px;
    transition-delay: 0.3s;
    transition: all 0.5s;
  }
  .the-arrow.-right > .shaft:before {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  .the-arrow.-right > .shaft:after {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .the-arrow > .shaft {
    background-color: #00B2E2;
    display: block;
    height: 1px;
    position: relative;
    transition: all 0.2s;
    transition-delay: 0;
    will-change: transform;
  }
  .the-arrow > .shaft:before, .the-arrow > .shaft:after {
    background-color: #00B2E2;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s;
    transition-delay: 0;
  }
  .the-arrow > .shaft:before {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
  .the-arrow > .shaft:after {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  
  .animated-arrow {
    display: inline-block;
    color: #00B2E2;
    font-size: 1.25em;
    /* font-style: italic; */
    text-decoration: none;
    position: relative;
    transition: all 0.2s;
  }
  .animated-arrow:hover {
    color: #00B2E2;
  }
  .animated-arrow:hover > .the-arrow.-left > .shaft {
    width: 64px;
    transition-delay: 0.1s;
    background-color: #00B2E2;
  }
  .animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
    width: 8px;
    transition-delay: 0.1s;
    background-color: #00B2E2;
  }
  .animated-arrow:hover > .the-arrow.-left > .shaft:before {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  .animated-arrow:hover > .the-arrow.-left > .shaft:after {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .animated-arrow:hover > .main {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  .animated-arrow:hover > .main > .the-arrow.-right > .shaft {
    width: 0;
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
    transition-delay: 0;
  }
  .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
    width: 0;
    transition-delay: 0;
    transition: all 0.1s;
  }
  .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .animated-arrow > .main {
    display: flex;
    align-items: center;
    transition: all 0.2s;
  }
  .animated-arrow > .main > .text {
    margin: 0 16px 0 0;
    line-height: 1;
    font-size: 20px;
    font-family: 'Lora', serif;
    font-weight: 700;
  }
  .animated-arrow > .main > .the-arrow {
    position: relative;
  }
  .panorama {
      vertical-align: middle;
  }



/* Single post style */

#main-content .container:before {
    display: none;
}

.single-post .entry-title {
    color: #00B2E2;
    margin-bottom: 20px;
}
.post-meta {
    margin-bottom: 30px !important;
}
.post-meta .published {
    color: #00B2E2;
    font-weight: 700;
    font-family: 'Lora', serif;
}
.archive .entry-title {
    font-size: 25px;
    color: #00B2E2;
}
.archive .entry-featured-image-url {
    min-height: 275px;
}
.tax-region #main-content .clearfix:before {
    content: none !important;
}
.tax-region #main-content .clearfix:after {
    content: none !important;
}
.archive #main-content .clearfix:before {
    content: none !important;
}
.archive #main-content .clearfix:after {
    content: none !important;
}

@media (min-width:980px) {
    .single-post .container {
        padding: 0 145px;
    }
    .archive #content-area {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        grid-gap: 1rem;
    }
    .tax-cs_regions #content-area {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        grid-gap: 1rem;
    }
    .et_pb_post p {
        font-size: 16px;
        font-family: "Univers LT W01_55 Roman1475956";
    }
    /* .archive .et_pb_post {
        width: 30%;
    } */

    /* Filter style */

    #selector-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0;
    }

    #category-selector li {
        display: inline-block;
        margin-right: 20px;
        font-size: 16px;
        font-family: "Univers LT W01_45 Light1475944";
        color: #50748A;
        text-decoration: none;
        padding: 6px 0;
        cursor: pointer;
        }
        
    #category-selector li:first-child {
        text-align: right;
        font-size: 16px;
        color: #50748A;
        font-family: "Univers LT W01_65 Bold1475968";
        text-transform: lowercase;
    }
}
#region-selector {
    padding: 0 40px 2px 40px;
    color: #50748A;
    font-size: 16px;
    font-family: "Univers LT W01_65 Bold1475968";
    line-height: 48px;
    border: 1px solid;
    
}
.readmore-btn {
    margin: 20px 0;
}

#filter-by {
    text-align: right;
    font-size: 16px;
    color: #50748A;
    font-family: "Univers LT W01_65 Bold1475968";
    text-transform: lowercase;
}


/* Filter Mobile style */
@media (max-width:580px) {
#filter-by + ul {
	/* max-height: 40px;
	overflow: hidden;
	transition: height .3s; */
    }
#filter-by:hover + ul {
	max-height: auto;
    }
    .popup.visible {
        flex-direction: column;
    }
}

/* Case study Category page */

.tax-cs_regions .content-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* .tax-cs_regions .et_pb_post {
    width: 45%;
} */
.tax-cs_regions .post-desc {
    display: none;
}
.tax-cs_regions .post-info {
    padding: 30px;
    margin: -115px 40px 0 40px;
    background: rgba(80, 116, 138, 0.9);
    position: relative;
}
.tax-region .post-desc {
    font-size: 16px;
    font-family: "Univers LT W01_55 Roman1475956";
}

.entry-featured-image-url {
    background-position: center;
    background-size: cover;
}
.tax-cs_regions .entry-featured-image-url {
    height: 345px;
}
#pagination {
    margin: 50px 0;
    width: 100%;
    grid-column: 1 / -1;
    text-align: center;
}
#pagination li {
    display: inline-block;
    cursor: pointer;
    font-size: 22px;
}

.tax-cs_regions .entry-title {
    color: #fff;
}
.tax-cs_regions .post-meta .published {
    display: none;
}
/* Case Study */
#casestudy-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.single-case_studies .entry-content {
    width: 65%;
    padding: 0 20px;
}
.info-content {
    width: 30%;
    padding: 0 60px;
    border-left: 1px solid #00B2E2;
}
.fluid-width-video-wrapper {
    padding-top: 25% !important;
}
.single-case_studies #main-content .container {
    padding-top: 0 !important;
}
/* Info */

.info-content p span {
    color: #00B2E2;
    font-family: "Univers LT W01_65 Bold1475968";
    font-size: 18px;
}

/* Case Studies */

.testimonails {
    text-align: center;
    margin: 12% 10%;
}
.testimonails img {
    width: 65px;
}
.ts-content p {
    font-size: 30px;
    color: #50748A;
    font-family: "Lora",serif;
    line-height: 1.2;
    padding-bottom: 48px;
}
.author {
    font-size: 22px;
    font-family: "Univers LT W01_55 Roman1475956" !important;
    color: #50748A;
    padding: 40px 0;
}
.btn-back {
    text-align: center;
}
.btn-back a {
    border-bottom: 1px solid #00b2e2;
    color: #50748a;
    font-size: 20px;
    letter-spacing: 4px;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-family: "Univers LT W01_55 Roman1475956";
    display: inline-block;
}
.location span {
    font-size: 18px;
    color: #fff;
    font-family: "Univers LT W01_55 Roman1475956";
    display: inherit;
    /* padding-bottom: 20px; */
    position: relative;
    padding-left: 30px;
}
.location span:after {
    background: url(/wp-content/themes/divi-child/img/glob.png) no-repeat 0 0;
    background-size: 100% auto;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 14px;
}

.smls-carousel-template-8.smls-hover-type-2 .smls-row-image:hover {
    background-color: #fff !important;
}

/* Popup person */

#our-people-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    grid-gap: 1rem;
}
.person-block {
    position: relative;
    /* width: 24%; */
    margin: 5px;
}
.member-description {
    position: absolute;
    left: 18px;
    bottom: 22px;
    right: 18px;
}

.popup {
    display: none;
    justify-content: space-between;
}

.popup.visible {
    display: flex;
}

.popup-wrapper-bg {
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999;
    overflow-y: auto;
}

.popup-wrapper {
    max-width: 1000px;
    position: relative;
    width: 90%;
    height: 45vh;
}

.popup-wrapper .popup-close {
    color: #000;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    position: absolute;
    right: 1rem;
    top: 1rem;
    transition: all .2s;
}

.popup-wrapper .popup-close:hover {
    color: #333;
}

.person-info {
    background-color: #343e48;
}
.person-info img {
    width: 100%;
}
.person-biography {
    background-color: #fff;
    padding: 30px;
}
.contact-info {
    padding: 20px;
}
.contact-info div {
    margin-bottom: 10px;
}
.person-name, .person-email {
    color: #00B2E2;
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 24px;
}
.person-email a {
    font-family: "Univers LT W01_45 Light1475944";
    font-size: 18px;
    color: #fff;
}
.person-name-bio {
    font-size: 30px;
    color: #00284B;
    font-family: 'Lora', serif;
}
.perosn-after-bio {
    font-size: 20px;
    color: #00B2E2;
    font-family: 'Lora', serif;
    margin: 10px 0 20px 0;
}
.perosn-bio {
    font-size: 18px;
    color: #95989A;
    font-family: "Univers LT W01_55 Roman1475956";
    line-height: 1.3;
}
.popup-youtube::after {
display: block;
position: absolute;
content: '';
background-image: url(/wp-content/themes/divi-child/img/video.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
opacity: 1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
transition: opacity .3s ease;
}

.fluid-width-video-wrapper {
    width: 1200px;
    height: 550px;
}

.container {
    width: 90% !important;
}
.active{
    font-weight: 700;
    border-bottom: 2px solid;
}
.video-section {
    margin: 30px 0;
}

/* Mobile style */
@media (max-width:580px) {
    .fluid-width-video-wrapper {
        width: 480px !important;
        height: 550px;
    }
    .content-area {
        margin: 30px 0;
    }
    /* Case Studies Mobile */
    .tax-cs_regions .et_pb_post {
        width: 100%;
    }
    .tax-cs_regions .entry-featured-image-url {
        height: 275px;
    }
    .tax-cs_regions .post-info {
        padding: 20px;
        margin: -115px 10px 0 10px;
    }
    #region-selector {
        padding: 10px 20px;
        width: 100%;
    }
    .tax-cs_regions .post-meta {
        margin-bottom: 10px !important;
    }
    .tax-cs_regions #filter-by {
        text-align: left;
    }
    #content-area {
        margin: 30px 0;
    }
    /* Case Studies single page mobile */
    .single-case_studies .entry-content {
        width: 100%;
    }
    .info-content {
        width: 100%;
        padding: 0 40px;
        margin: 60px 0;
    }
    .ts-content p {
        font-size: 20px;
        margin-top: 20px;
    }
    .author {
        font-size: 18px;
    }
    .btn-back a {
        font-size: 12px;
    }
    .single-post #main-content .container {
        padding-top: 0px;
    }
    .single-post .entry-title {
        font-size: 24px;
    }
}

.video-section .fluid-width-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    width: 100% !important;
}
.mobile_menu_bar:before {
    color: #00B2E2 !important;
}
.et_mobile_menu {
    border-top: 3px solid #00B2E2;
}

@media (max-width: 1024px) {
    #et_mobile_nav_menu {
    display: block;
    }
    
   #top-menu {
    display: none;
    }
    .et_mobile_menu li a {
        font-family: "Univers LT W01_55 Roman1475956", sans-serif;
        color: #50748a !important;
    }
    }
@media (min-width: 1024px) and (max-width: 1400px) {
    #logo {
        max-height: 30%;
    }
    .container.et_menu_container {
        width: 100% !important;
    }
}
/* Mobile menu toogle */

/* when mobile menu is open, change hamburger icon to x icon */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/* makes sub sub menu icon be right arrow instead of down arrow */
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
	content: '5';	
}

/* - mobile menu toggling elements, injected via jQuery - */

/* make menu list item be relative, to be able to position toggle within this item */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
	position: relative;	
}
/* the new toggle element, which is added via jQuery */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
	position: absolute;
	/* background-color: rgba(0,0,0,0.03); */
	z-index: 1;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	top: 4px;
	right: 4px;
	cursor: pointer;
	text-align: center;
}
/* the new toggle element when popped */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
	background-color: rgba(0,0,0,0.1);
}
/* toggle icon */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 36px;
	font-size: 24px;
	text-transform: none;
	speak: none;
    content: '\33';
    color: #00B2E2;
}
/* toggle icon when triggered */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
	content: '\32';
}
/* hide sub menus by default */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
	display: none !important;
	padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
	display: block !important;
	background-color: rgba(0,0,0,0.03);
}
/* remove sub menu list item left padding, since padding will be on anchors */
	#main-header #mobile_menu.et_mobile_menu li li {
	padding-left: 0;
}

/* adjust mobile menu anchors side paddings */
#main-header #mobile_menu.et_mobile_menu li a {
	padding-left: 20px;
	padding-right: 20px;
}
/* indent sub menu */
#main-header #mobile_menu.et_mobile_menu li li a {
	padding-left: 40px;
	padding-right: 20px;
}
/* indent sub sub menus further */
#main-header #mobile_menu.et_mobile_menu li li li a {
	padding-left: 60px;
	padding-right: 20px;
}
/* if mobile menu anchor has toggle, make room for it to fit next to the link */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
	padding-right: 44px;
}

/* - end mobile menu toggling elements - */

/* undo Divi's default styling of mobile menu links that have children */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	font-weight: inherit;
}

/* make the current page's mobile menu link be different */
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
	font-weight: bolder;
}

.iframe-open-position {
    width: 100% !important;
    height: 1200px !important;
}

/* Accordion menu icons */

.et_pb_toggle::before {
    width: 30px;
    position: absolute;
}
.et_pb_toggle_title {
    margin-left: 45px;
}

/* Footer cookies bar */

.brand-icon {
    width: 38px;
    margin-bottom: -15px;
    margin-right: 10px;
}
#cookie-notice .cn-button {
    background: transparent;
    color: #333;
    border: 1px solid #00b2e2;
    padding: 3px 20px;
}

.back_btn {
    padding: 100px 0;
    text-align: center;
}
.back_btn a {
    text-transform: uppercase;
    border-bottom: 1px solid #00b2e2;
    color: #50748a;
    font-size: 20px;
    letter-spacing: 4px;
}
.et_pb_widget li {
    border-bottom: none !important;
}
.video-case {
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.single-case_studies .popup-youtube {
    position: absolute;
    left: 50%;
    top: 50%;
}
.soc-icon {
    width: 42px;
}
.social-net {
    text-align: center;
}

.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(52, 62, 72, 0.8);
}
.bannertitle {
    font-size: 40px;
    color: #fff;
    font-family: "Univers LT W01_55 Roman1475956";
}
.bannertitle span {
    font-size: 40px;
    color: #00B2E2;
    font-family: "Univers LT W01_65 Bold1475968";
}
@media (max-width:580px) {
    .bannertitle {
        font-size: 22px;
        line-height: 25px !important;
    }
    .bannertitle span {
        font-size: 22px;
    }
}
.term-blog #content-area {
    margin: 50px auto !important;
}
.single-blog_posts .featured-image {
    height: 50vh;
    margin: 50px 0;
}
.term-blog #et-main-area .container .clearfix:after {
    display: none;
}
.term-blog #et-main-area .container > .clearfix:before {
    display: none;
}
.wp-pagenavi {
    margin: 50px 0;
    width: 100%;
    grid-column: 1 / -1;
    text-align: center;
}
@media (max-width:580px) {
    .single-blog_posts #main-content .container {
        padding-top: 0 !important;
    }
    .single-blog_posts .featured-image {
        height: 30vh;
    }
    .single-blog_posts .title-space h1 {
        font-size: 22px !important;
    }
}
.BambooHR-ATS-board a {
    font-size: 22px !important;
    display: block;
    color: #00b2e2 !important;
}
.BambooHR-ATS-board .BambooHR-ATS-Location {
    float: none !important;
}
.BambooHR-ATS-Department-Header {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #00274b;
}
.BambooHR-ATS-board h2 {
    font-family: 'Lora', serif !important;
    font-size: 35px !important;
    color: #00b2e2 !important;
    padding-bottom: 35px !important;
    text-align: center !important;
}