/*
orange - f28c09
red - bd4a3d
yellow - FEC046
bright yellow - d4e746
dark grey - 5b5c57
grey - c7c9ca
cream/brown - EEDFCC
*/

body { padding: 0; color: #000; font-size: 1.2em; font-family: "Lato", sans-serif; background: #EEDFCC; }
a, a:link, a:focus, a:active, a:visited { color: #bd4a3d; text-decoration: underline; }
a:hover  { color: #f28c09; }
h1 { color: #f28c09; margin-top: 0; padding-bottom: 10px; font-size: 2em; }
h2  { color: #bd4a3d; font-size: 1.4em; padding-top: 10px; padding-bottom: 5px; }
h3  { font-size: 1.1em; font-weight: bold; }
strong { color: #000; } 
.table { color: #082b41; }
.table a { color: #082b41; }
.table a:hover { color: #1e4164; }
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td  { background-color: #FAD5A6; border: 1px solid #082b41; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #FEF5E9; border-bottom: 1px solid #082b41; }
.row { margin: 0; }

@media all and (min-width: 0px) and (max-width: 768px) 
{
	body { font-size: 18px !important; }
	h1 { font-size: 1.5em !important; text-align: center !important; }
	h2 { font-size: 1.2em !important; }
	h3 { font-size: 1em !important; }
	#container_header_full { background-color: #EEDFCC !important; height: auto !important; }
	.container_slideshow_full { background-color: #bd4a3d !important; }
	.container_home { background-color: #EEDFCC !important; }
	.container_content_full { background-color: #EEDFCC !important; }
	.container_services_full { background-color: #EEDFCC !important; }
	.container_banner_photo_full {  height: 200px !important; }
	#logo { margin: 20px 0 0 0 !important; width: 200px !important; }
	#quick_mobile { margin: 30px auto !important  }
	.navbar { margin-top: 20px !important; }
	.navbar-nav .dropdown-menu { width: 100% !important; }
	.navbar-nav .dropdown-menu > li a { text-align: center !important; }
	.navbar-nav .nav-item:last-child .nav-link { width: 100% !important; }
	.nav-item { border-bottom: 1px solid #bd4a3d; }
	.navbar-nav > li > a {  margin-top: 0 !important; }
	.nav-link { padding: 10px 20px !important; }
	#nav-link-first { border-radius: 0 !important; }
	#nav-link-last { border-radius: 0 !important; }
	#main-navbar > .navbar-collapse > .navbar-nav > .nav-item:last-child > .nav-link { margin-left: 0 !important; }
	.navbar-nav > li:last-child > a, .navbar-nav > li:last-child > a:link, .navbar-nav > li:last-child > a:focus, .navbar-nav > li:last-child > a:active, .navbar-nav > li:last-child > a:visited { border-radius: 0 !important; }
	#home_slideshow { height: 100%; }
	#home_slideshow .carousel-inner { height: 100% !important; }
	#home_slideshow .carousel-item { height: 100% !important; }
	#home_slideshow img { height: 100% !important; }
	.carousel-item:after { background: none !important; } 
	.carousel-caption { display: none !important; }
	#home_slideshow .carousel-caption { padding-right: 0; }	
	.container_intro_banner_full .container { padding: 1em 2em !important; }
	#main_content { padding-top: 20px !important; }
	#main_content { padding-top: 20px !important; }
	.services_cell {  min-height: 430px !important; }
	.services_cell_description { height: 360px !important; }
	#footer_links { font-size: 0.8em !important; }
	#footer_links ul li { padding: 14px 0 !important; }
	#footer_links li { margin-bottom: 0 !important; }
	.footer_title h3 { margin-top: 20px; }
	.menu-col { display: none !important; }
	.home_background_photo  { height: 800px !important; }
	.home_background_photo_text  { font-size: 1em !important; }
	.supplier_cell img { margin-bottom: 30px !important; }
	.carousel-item .col-md-3 { margin-bottom: 30px !important; }

}

.container_top_banner_full { margin: 0 auto; width: 100%; background: #d4e746; display: flex; justify-content: center; align-items: center; gap: 15px; }
#quick_phone { font-size: 1.1em; padding-top: 5px; padding-bottom: 5px; color: #000; }
#quick_social { padding-top: 5px; padding-bottom: 5px; }
.container_top_banner_full a, .container_top_banner_full a:link, .container_top_banner_full a:focus, .container_top_banner_full a:active, .container_top_banner_full a:visited { color: #000; text-decoration: underline; }
.container_top_banner_full a:hover { color: #e9f4a6; }

#container_header_full #header { position: relative; height: 80px; align-items: flex-start; }
#container_header_full .col-md-2 { align-items: flex-start !important; }
#main-navbar .navbar-toggler { position: absolute; top: -35px; right: 12px; transform: translateY(-50%); margin: 0; z-index: 10; }
#main-navbar .navbar-brand { display: none !important; }
#main-navbar .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; background: #000; z-index: 9999; }
#logo { position: relative; z-index: 11; width: 300px; margin: 0; text-align: center; transition: transform 0.8s ease, opacity 0.6s ease; line-height: 0; }
.logo-bg { position: relative; display: inline-block; }
.logo-bg::before { content: ""; position: absolute; top: 0; bottom: -30px; left: -40px; right: -40px; z-index: -1; background: radial-gradient(ellipse 70% 90% at center 35%, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 40%, rgba(255,255,255,0.2) 65%, rgba(255,255,255,0) 85%); pointer-events: none; }
#logo.hide { transform: translateY(-160%); opacity: 0; pointer-events: none; }

#container_header_full { background-color: #000; }
.navbar-nav > li > a { margin-top: 15px; padding: 0 15px; text-align: center; text-decoration: none; border-radius: 0; font-size: 1em; font-weight: bold; color: #FFF; letter-spacing: 1px; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav  .open > a, 
.navbar-nav  .open > a:hover, .navbar-nav  .open > a:focus { text-decoration: none; color: #bd4a3d; }
.navbar-nav > li > a.active, .navbar-nav > li > a:active { text-decoration: none; color: #bd4a3d; }
.navbar-nav .nav-link.active { text-decoration: none; color: #bd4a3d; }
.nav-link-top { background-color: #000; }
#nav-link-first { border-radius: 10px 0 0 10%; } 
#nav-link-last { border-radius: 0 10% 10% 0; } 
.nav .caret { border-top-color: #000; border-bottom-color: #000; }
.navbar-nav .dropdown-menu { background: #bd4a3d; font-size: 0.85em; padding: 0; margin: 0; width: 300px; border: 1px solid #FFF; }
.navbar-nav .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-nav .dropdown-menu > li  a { color: #FFF; padding: 10px 20px !important; width: 100%; display: block; border-bottom: 1px solid #FFF; font-size: 1em; text-decoration: none; text-align: left; }
.navbar-nav .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { color: #000; background: #f28c09; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-toggler { margin-bottom: 10px; }
.navbar-toggler-icon { color: #000; }
.navbar-toggler:focus { box-shadow: 0 0 0 0; }


.container_slideshow_full { position: relative; } 
#home_slideshow { position: relative; z-index: 1; } 
#home_slideshow .carousel-item img { display: block; } 
.carousel-caption { position: absolute; bottom: 0; left: 60px; max-width: 40%; background: none; padding: 25px 35px; border-radius: 4px; color: #fff; text-align: left; }
.carousel-caption h5 { font-size: 2rem; font-weight: 500; line-height: 1.3; margin: 0 0 20px 0; }
.container_slideshow_full { position: relative;  }
.container_home { background: #EEDFCC; color: #f28c09; padding-top: 40px; }
.container_content_home_full { margin-bottom: 40px; }
#main_content_home { padding: 60px 10px 20px 10px; }
.mobile_cta { display: none; }
.container_content_full .container { background: #EEDFCC; color: #000; }
#main_content { padding: 40px 10px 40px 10px; }
#main_content li { margin: 1em 0; }
#plain_page_photos { margin-top: 65px;  }
#plain_page_photos img { margin-bottom: 10px; }
#plain_page_photos p { font-size: 0.8em; }
.plain_page_photos_name { font-size: 0.9em; margin-bottom: 10px;  }
.form-label { margin-top: 10px; }

/* services */
.container_services_full { padding-top: 20px; padding-bottom: 70px;  }
#services_intro h1 { text-align: center; margin: 0 0 30px 0; }
.services_representative_photo { position: relative; }
.services_representative_photo img { display: block; width: 100%; }
.services_row_photo_left .services_representative_photo::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/services_background_left.webp') no-repeat center center; background-size: cover; pointer-events: none; z-index: 2; }
.services_row_photo_right .services_representative_photo::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/services_background_right.webp') no-repeat center center; background-size: cover; pointer-events: none; z-index: 2; }
.services_representative_photo img { position: relative; z-index: 1; }
.services_row_photo_left .services_representative_photo { opacity: 0; transform: translateX(-80px); transition: opacity 0.8s ease, transform 0.8s ease; }
.services_row_photo_left .services_cell_container { opacity: 0; transform: translateX(80px); transition: opacity 0.8s ease, transform 0.8s ease; }
.services_row_photo_right .services_representative_photo { opacity: 0; transform: translateX(80px); transition: opacity 0.8s ease, transform 0.8s ease; }
.services_row_photo_right .services_cell_container { opacity: 0; transform: translateX(-80px); transition: opacity 0.8s ease, transform 0.8s ease; }
.services_cell_container { padding: 0 40px; margin-top: 40px; margin-bottom: 25px; border-radius: 20px; opacity: 0; transform: translateY(70px); transition: opacity 0.8s ease, transform 0.8s ease; }
.services_cell { margin: 0 5px; background: #FFF; min-height: 400px; }
.services_cell_icon { text-align: center; padding-top: 30px; padding-bottom: 10px; }
.services_cell_icon img { width: 90%; margin: 0 auto; }
.services_cell_icon img { color: #95d352; }
.services_cell h3 { font-size: 1.2em; padding: 0.5em 1em; text-align: center; }
.services_cell_description { text-align: left; padding: 0.25em 1em 0.5em 1em; height: 300px; position: relative; }
.services_photos img { margin-bottom: 20px; }
.services_photos_name { font-size: 0.8em; margin-top: 2px; margin-bottom: 20px; }
.services_photos { margin-top: 65px;  }
.services_photos img { margin-bottom: 10px; }
.services_photos p { font-size: 0.8em; }
.services_cta { margin-top: 30px; text-align: center; }
.services_representative_photo.services_visible, .services_cell_container.services_visible { opacity: 1; transform: translateY(0); }

/* locations */
.container_locations_full { background: #000; padding-top: 40px; padding-bottom: 150px; margin-top: 40px; margin-bottom: 0; }
#locations_intro h1 { text-align: center; margin: 0 0 30px 0; color: #FFF; }
#locations_intro p { text-align: center; color: #FFF; padding-bottom: 40px;  }
#map_offices { height: 600px; width: 100%; margin-bottom: 20px; }
#location_slideshow { margin-bottom: 10px; }
#map_location { height: 300px; width: 100%; }

/* staff */
.teaser { font-size: 1em;  }
.complete { display: none; font-size: 1em;}
.more { color: #1e4164; text-decoration: underline; font-size: 1em; padding: 5px; cursor: pointer; }
.profile { margin-top: 10px; margin-bottom: 20px; }
.profile_name { font-size: 1.1em; font-weight: bold; padding-top: 10px; }
.profile_position { font-size: 0.9em; font-style: italic; height: 50px; }

/* resources */
.latest_resources_item { margin-bottom: 20px; }
.latest_resources_date { font-size: 0.9em; font-style: italic; margin-bottom: 10px; }
.resources_list_item { border-bottom: 1px dashed #76787c; padding-bottom: 30px; margin-bottom: 40px; }
.resources_list_date { font-style: italic; margin-bottom: 10px; }
.resources_date { font-style: italic; margin-bottom: 10px; }
#resources_bottom_photos { margin-top: 40px;  }
#resources_bottom_photos img { margin-bottom: 25px;  }

/* news */
.latest_news_item { margin-bottom: 20px; }
.latest_news_date { font-size: 0.9em; font-style: italic; margin-bottom: 10px; }
.news_list_item { border-bottom: 1px dashed #76787c; padding-bottom: 30px; margin-bottom: 40px; }
.news_list_date { font-style: italic; margin-bottom: 10px; }
.news_date { font-style: italic; margin-bottom: 10px; }
.news_year_menu { font-size: 0.85em; margin-bottom: 25px; }
.news_photos { margin-top: 40px;  }
.news_photos img { margin-bottom: 25px;  }
.news_hero_photo { margin-bottom: 20px; }

/* events */
#calendar { margin-bottom: 40px; }
.events_dates { font-size: 0.9em; font-style: italic; margin-bottom: 10px; }
.general_event { background-color: #B0171F !important; }
.gp_clinic_event { background-color: #dac3b2 !important; }
.dental_event { background-color: #607B8B !important; }
.drug_alcohol_support_event { background-color: #8B795E !important; }
.transport_event { background-color: #66CCFF !important; }
.social_wellbeing_event { background-color: #f28c09 !important; }
/* added so titles arent cut off*/
.fc-event-title { padding: 2px; white-space: normal; text-overflow: ellipsis; max-height: 80px; }
.fc-event-title:hover { max-height: none!important; }

/* suppliers */
.container_suppliers_full { background: #000; padding-top: 20px; padding-bottom: 0; margin-top: 80px; margin-bottom: 0; min-height: 400px; }
#suppliers_intro h1 { text-align: center; margin: 0 0 30px 0; }
.supplier_cell { padding: 40px 20px; }
.supplier_cell img { width: 80%; }

.home_background_photo  { height: 650px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home_background_photo_text h2 { color: #f28c09; }
.home_background_photo_text {  text-align: center; padding-top: 100px; color: #FFF; font-size: 1.3em; }


.grecaptcha-badge { visibility: hidden; }
.form-input-container:has(> #date_time_submitted[type="hidden"]) { display: none; }
#recaptcha_help { font-size: 0.75em; }
label.error { font-weight: bold; color: #FF0000; padding: 2px 8px; margin-top: 2px; }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { margin-top: 10px; padding: 7px 15px; background: #bd4a3d; color: #FFF; font-weight: bold; font-size: 1em; border: none; border-radius: 10px; text-decoration: none; }
.btn-primary:hover { background: #f28c09; color: #FFF; }

.container_footer_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #bd4a3d; }
#footer_links { padding: 20px 0 10px 0; text-align: left; color: #FFF; font-size: 0.9em; }
#footer_links h2 { color: #FFF !important; font-size: 1.6em; }
#footer_links ul li { padding: 7px 0; }
#footer_links a, #footer_links a:link, #footer_links a:focus, #footer_links a:active, #footer_links a:visited { color: #FFF; font-weight: normal; text-decoration: none; }
#footer_links a:hover { color: #FFF; text-decoration: underline; }
#footer_logo { width: 80%; margin-bottom: 20px; margin-left: 10%; }
#footer_links table { color: #FFF !important; }
#footer_links .table>:not(caption)>*>* { color: #FFF !important; }
#footer_links .table thead>tr>th, #footer_links .table tbody>tr>th, #footer_links .table tfoot>tr>th, #footer_links .table thead>tr>td, #footer_links .table tbody>tr>td, #footer_links .table tfoot>tr>td  { border: none !important; background-color: #bd4a3d !important;  }
#footer_links table a, #footer_links table a:link, #footer_links table a:focus, #footer_links table a:active, #footer_links table a:visited { color: #FFF; font-weight: normal; }
#footer_links table a:hover { color: #FFF; text-decoration: underline;; }
#footer_contacts { padding-left: 30px; }
#footer_contacts i { padding-right: 40px; }
#footer_contacts_phone { padding-bottom: 20px; }
#footer_contacts_email { padding-bottom: 20px; }
.facebook_link { margin-right: 20px; }
#footer { color: #FFF; padding: 5px 10px; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #FFF; text-decoration: none; font-weight: normal; }
#footer a:hover  { color: #e29f2c; text-decoration: underline; }
.container_footer_license_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #051926; font-size: 0.75em; }
#license { text-align: center; color: #FFF; padding: 1em 2em; }
.container_footer_credits_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #000; font-size: 0.75em; }
#copyright { padding-left: 0; }
#social_media { text-align: center; }
#credits { text-align: right; padding-right: 0; }