/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
html { font-size: 16px; }

body { font-size: 16px; line-height: 1.55; margin: 0 auto; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 9px; }

body:before { content: ""; background: #D98249; display: block; width: 100%; height: 9px; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16)); position: absolute; left: 0; top: 0; }

body h1 { font-family: Montserrat, sans-serif; font-size: 26px; font-weight: 400; color: #111111; }

body .what-we-do-panel a i { font-size: 60px; }

body .container { padding: 0; width: 100% !important; }

body #main .container { padding: 0 4% 2em; }

body .header-banner-page-title { padding: 20px 4%; }

body .site-header, body #body { max-width: 1280px; margin: 1.2rem auto 0; }

body #body > .container > .header-banner-text-inner .header-banner-page-title { border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

body .header-banner { margin-top: 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

body .header-banner:not([style]) { background: transparent; height: auto; border: 0; }

body .header-banner:not([style]) .header-banner-text { position: relative; background: transparent; }

body .header-banner:not([style]) .header-banner-text .container .header-banner-text-inner { position: relative; }

body .header-banner:not([style]) .header-banner-text .container .header-banner-text-inner .header-banner-page-title { margin-top: 10px; border-top: 1px solid #707070; border-bottom: 1px solid #707070; text-shadow: none; color: #00a19b; }

.site-header { padding: 0 4%; }

.site-header #header_topbar { margin-top: 20px; }

.site-header #header_topbar .navbar-header .navbar-brand { padding: 0; }

.site-header #header_topbar #header-account-buttons { margin-top: 10px; }

.site-header .navbar-default .main-nav { float: right; padding: 0; margin-right: 20px; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li { margin-left: 30px; padding-bottom: 10px; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li > a { padding: 7px 0 10px; border-top: 3px solid transparent; font-family: Montserrat, sans-serif; font-size: 16px; text-transform: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li > a:hover { border-top: 3px solid #000000; }

@media (max-width: 1199px) { .site-header .navbar-default .main-nav > ul.navbar-nav > li > a { font-size: 12px; } }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu { top: 55px !important; left: 50% !important; border: 1px solid #EEEEEE; border-radius: 0; margin-left: -114px !important; width: 222px !important; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu:before, .site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu:after { left: 50%; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu:after { margin-left: 1px; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li.dropdown-submenu > a:after { display: inline-block; float: none; border: 0; font-family: 'FontAwesome'; content: '\f107'; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li:first-child > a { border: 0; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > a { margin: 0 20px; padding: 15px 0; white-space: normal; border-top: 1px solid #EEEEEE; font-size: 13px; color: #888888; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > a:hover { color: #000000; padding-left: 2px; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > .dropdown-menu { top: 100% !important; right: 100% !important; left: auto !important; margin-left: -10px !important; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > .dropdown-menu:before, .site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > .dropdown-menu:after { left: auto; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > .dropdown-menu:before { right: -7px; border-right: 0; border-left: 7px solid #CCCCCC; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > .dropdown-menu:after { right: -6px; border-right: 0; border-left: 6px solid #FFFFFF; }

.site-header.fixed-enabled.fixed { left: 0; background-color: #FFFFFF; padding: 10px 4%; -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.1); box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.1); max-width: unset; }

.site-header.fixed-enabled.fixed #header_topbar { position: absolute; margin: 0; }

.site-header.fixed-enabled.fixed #header_topbar #header-account-buttons { display: none; }

.site-header.fixed-enabled.fixed #header_topbar .navbar-brand img { height: 40px !important; }

.site-header.fixed-enabled.fixed .navbar-default .main-nav > ul.navbar-nav > li { padding: 0; }

.site-header.fixed-enabled.fixed .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu { top: 50px !important; }

@media (max-width: 1350px) { .site-header.fixed-enabled.fixed .navbar-default .main-nav > ul.navbar-nav > li { margin-left: 16px; } .site-header.fixed-enabled.fixed .navbar-default .main-nav > ul.navbar-nav > li > a { font-size: 12px; } }

.directory-search-field { display: none; }

#site_footer { padding: calc(min(6.5rem, 8vw)); background: transparent; color: #333; font-size: 16px; }

#site_footer .flex-row { padding-top: 20px; border-top: 1px solid #707070; max-width: 1280px; margin: 0 auto; }

#site_footer a { font-size: 14px; color: #107180; text-decoration: underline; font-weight: 600; }

#site_footer .footer-terms, #site_footer .footer-terms a { font-size: 12px; }

#site_footer .footer-nav { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1.2rem; }

#site_footer .footer-nav a { text-transform: uppercase; }

#site_footer .footer-nav .footer-social a { display: inline-block; color: #ffffff; border-radius: 50%; background: #107180; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 21px; margin-left: 11px; }

#site_footer .fa-facebook-f:before { content: "\f39e"; }

.flex-row { display: flex; gap: 1.2rem; }

.flex-row .flex-column.p30 { flex-basis: 30%; }

.flex-row .flex-column.p20 { flex-basis: 20%; }

.flex-row .flex-column.p50 { flex-basis: 50%; }

@media (max-width: 767px) { .flex-row { flex-wrap: wrap; } .flex-row .flex-column { flex-basis: 100% !important; } }

.btn-primary, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #117180; border-color: #117180; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #000; border-color: #000; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { color: #107180; border-radius: 7px; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:focus, #userDropDown:hover, #userDropDown:focus { border-color: #000; color: #fff !important; background-color: #000; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border-color: #117180; color: #107180; font-weight: 500; border-radius: 7px; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li.sign_in_button a { border-radius: 7px; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li.sign_in_button a:hover, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li.sign_in_button a:focus, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button:hover, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button:focus { border-color: #000; color: #fff; background-color: #000; }

.btn-default, .navbar-default .navbar-nav > li > a { color: #000; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > a, body .header-banner:not([style]) .header-banner-text .container .header-banner-text-inner .header-banner-page-title, .job-listing-info h3 a { color: #107180; }

.company_user_directory .item_list .directory-member-list-item .directory-member.company-member .member-name, .company_item_listings .item_list .directory-member-list-item .directory-member.company-member .member-name { background: #107180; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > a:hover, .site-header .navbar-default .main-nav > ul.navbar-nav > li .dropdown-menu > li > a:focus { color: #000; }