/*
 Theme Name:     Rehoboth Medical Centres
 Theme URI:      https://invision.medicaltogether.com.au/showcase/
 Description:    The Medical Together Showcase Theme for Divi.
 Author:         Medical Together
 Author URI:     https://www.medicaltogether.com.au
 Template:       Divi
 Version:        1.1.0
*/

/******* MEDICAL TOGETHER STYLES *******/
/* -----------------------------------------------------------------------------------------------------FOOTER AREA CSS */

.footer-map .gmnoprint,
.footer-map .gm-control-active {
	display: none;
}

#footer-map > .et_pb_code_inner,
#footer-map > .et_pb_code_inner > iframe {
	height: 100%;
	width: 100%;
}

/* -----------------------------------------------------------------------------------------------------MEDICAL TOGETHER ICON API CSS */

.mt-icon .mt-icon-color {
/*	Sets the SVG fill colour of icons pulled from the MT Icon API. */
	fill: #2d568c;
}

#mt-home .mt-icon-color, #mt-services .mt-icon-color {
	fill: white;
}

/* -----------------------------------------------------------------------------------------------------MEDICAL TOGETHER SPONSORSHIP CSS */

/* ----------
Home Page Sponsorship
   ---------- */
.mt-home-sponsor:hover .home-spons-icon svg {
	top: -5px;
	filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.3));
}
.home-spons-icon svg {
	transition: .8s ease;
	top: 0px;
	position: relative;
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.3));
}
#mt-home .mt-icon-color {
/*	Sets the SVG fill colour of icons on the homepage sponsors widget. */
	fill: #40bdab
}
.home-spons-icon {
	background: #FFFFFF;
	transition: .3s ease-in-out;
	top: 0;
	position: relative;
	box-shadow: 0 0px 0px rgba(0,0,0,0.3);
}
.mt-home-sponsor:hover .home-spons-icon {
	top: -5px;
	box-shadow: 0 9px 8px rgba(0,0,0,0.15);
}
.home-spons-dist{
	font-family: "Montserrat"
}
.home-spons-cat,
.home-spons-dist {
	color: #2d568c;
}

/* ----------
Services Page Sponsorship
   ---------- */
.mt-services-sponsor >.mt-spons-inner {
	width: 80%;
}
.mt-spons-cta {
	background: #01D797;
	padding: 5px 15px;
	line-height: 1.5;
	transition: .2s ease;
	box-shadow: 0 3px 6px rgb(0 0 0 / 11%);
	font-weight: 700;
	letter-spacing: .5px;
	margin-bottom: 10px;
}
#page-container .mt-spons-cta:hover {
	color: #01D797;
	background: white;
	box-shadow: 0 3px 6px rgb(0 149 200 / 11%);
}
.mt-spons-meta{margin-top: 20px;}
.mt-spons-phone{font-weight: 400;}
.mt-spons-phone a, .mt-spons-hours p, .mt-spons-meta, .mt-spons-desc{color: #2d568c}
.mt-spons-inner {
	width: 80%;
	max-width: 1325px;
}
.mt-spons-info h1, .mt-spons-hours h5{margin-bottom: 20px}
.mt-spons-hours p{padding-bottom: 6px;}
.mt-spons-info h1{font-weight: 600;}
.mt-spons-hours p strong{
	font-weight: 400;
	width: auto;
	margin-right: 10px;
}
/* .mt-spons-info h1{font-family: "Kumbh Sans Regular";} */
.mt-spons-phone::before, .mt-spons-addr::before, .mt-spons-info h1, .mt-spons-hours h5{
	color: #01D797;
}
.mt-spons-phone::before, .mt-spons-addr::before {
	content: "";
	margin-right: 5px;
	font-family: ETModules;
}
.mt-spons-addr::before {
	content: "";
}
/*	Alternating Row Colour Settings */
.mt-services-sponsor:nth-child(even) {
	background-color: transparent;
}
.mt-services-sponsor:nth-child(odd) {
	background-color: #F7F7F7;
}

/******* CUSTOM CSS *******/
h1,h2,h3,h4,h5,h6,p,a,li{font-weight:400}
.map_code_container, .map_code_container .et_pb_code_inner{height:100%;}
.dark_text_bg mark, .light_text_bg mark{color: white}
/* .header_deco > .et_pb_text_inner:before {
	content: "a";
	display: block;
	position: relative;
	margin-bottom: 10px;
	height: 35px;
	background: url(/wp-content/uploads/2021/01/header_deco.svg) no-repeat;
	background-position: center;
	text-align: center;
	background-size: contain;
	color: transparent;
} */
.header_deco > .et_pb_text_inner:before {
    content: url(https://rehobothmed.com.au/wp-content/uploads/2021/07/header-deco-1.svg);
    display: block;
    margin-bottom: 10px;
    height: 45px;
    width: 45px;
    margin: 0 auto 10px;
}
.bg_blend:before, .footer_hours:before, .under_nav_banner:before, .footer_hours:after{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(25deg,#CAD4E2, #BFF5E5 75%);
	mix-blend-mode: color;
	top: 0;
	backdrop-filter: brightness(1);
}

/*NAVBAR*/
#page-container header nav.et-menu-nav li.menu-item {
	padding: 10px 25px;
}
#page-container header nav.et-menu-nav li a{
	opacity: 1!important;
}
#page-container header nav.et-menu-nav li a:hover:after, #page-container header nav.et-menu-nav li.current-menu-item a:after {
	opacity: 1;
	font-size: 5em;
}
#page-container header nav.et-menu-nav li a:after {
	content: '•';
	color: #01D797;
	text-shadow: 0 3px 6px #01D797;
	font-size: 4em;
	position: absolute;
	width: 100%;
	bottom: -11px;
	left: 0;
	text-align: center;
	opacity: 0;
	transition: .3s ease;
}

/*FOOTER*/
.map_code_container{mix-blend-mode: luminosity;}
footer .footer_contact_row{
	display: grid;
	grid-template-columns: auto auto;
	width: fit-content!important;
	float: right;
	grid-column-gap: 20px;
}
footer .footer_contact_row > .et_pb_blurb .et_pb_blurb_container{vertical-align: middle;}
footer .footer_contact_row > .et_pb_blurb:first-of-type strong{color: #01D797}
footer .footer_contact_row > .et_pb_blurb:last-of-type{
	background: rgba(64, 188, 171, 0.35);
	/* backdrop-filter: blur(10px); */
	width: fit-content;
}
.footer_hours:after {
	mix-blend-mode: normal;
	background: linear-gradient(90deg, transparent 40%, #2d568c 95%);
}

/*HOME PAGE*/
.homepage_banner .et_pb_row_0 .et_pb_text_0 h1 > span{
	font-size: 60px;
	margin-top: 10px;
	letter-spacing: -2px;
	line-height: 0.9;
	text-transform: capitalize;
	display: block;
	font-weight: 600;
	color: white;
}
.homepage_banner .banner_blurbs .et_pb_module.et_pb_blurb:not(.et_clickable){cursor: default;}
.homepage_banner .banner_blurbs .et_pb_module.et_pb_blurb, footer .et_pb_module.et_pb_code :is(.et_pb_code_inner, .he_book_container, a){height: 100%;}
.homepage_banner .banner_blurbs .et_pb_module.et_pb_blurb > .et_pb_blurb_content .et_pb_image_wrap img, .homepage_banner .banner_blurbs .et_pb_module.et_pb_blurb > .et_pb_blurb_content .et_pb_main_blurb_image {
	width: 100%;
	margin-bottom: 0
}
.homepage_banner .banner_blurbs .et_pb_module.et_pb_blurb > .et_pb_blurb_content, .homepage_banner .banner_blurbs .he_book_container a {
	height: 100%;
	display: grid;
	grid-template-columns: 40px auto;
	align-items: center;
	padding: 15px 20px;
	background: rgba(29, 54, 87, .6);
	backdrop-filter: blur(10px);
	border-radius: 0;
	border: 0
}
.homepage_banner .banner_blurbs .he_book_container a:before, #page-container footer .he_book_container a:before {
    content: "";
    width: 40px;
    height: 40px;
	background-color: transparent!important
}
.homepage_banner .banner_blurbs .he_book_container a:after, footer .he_book_container a:after {
    content: "Book an Appointment";
    line-height: 50px;
    font-family: 'Montserrat Bold';
}
.dark_text_bg mark.top {
	background: linear-gradient(180deg, transparent 30%, #2d568c 30%, #2d568c 100%);
}
.dark_text_bg mark.bttm {
	background: linear-gradient(180deg, #2d568c 85%, transparent 85%);
}
.light_text_bg mark {
	background: linear-gradient(180deg, transparent 30%, #0d334f 30%, #0d334f 84%, transparent 84%);
}
.mt-icon.service-home-icon {
    width: 80px;
    margin: 0 auto 5px;
}
.mt-icon.service-home-icon svg :is(path, g) {
    fill: #01D797;
}
.service-home-title {
    color: #2d568c;
    text-align: center;
    font-weight: 400;
}

/*FOOTER*/
.footer_floaters_container {
	display: grid;
	grid-template-columns: 47% 47%;
	grid-column-gap: 6%;
}
.footer_floaters_container > .et_pb_column {
	width: 100%!important;
	height: fit-content;
	align-self: end;
}
.footer_floaters_container .doctors_col {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 18px;
	align-items: start;
}
.footer_floaters_container .doctors_col > .et_pb_text,
.footer_floaters_container .doctors_col > .floating_button {
	grid-column: 1 / -1;
}
.footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member {
	float: none;
	clear: none;
	margin: 0;
	width: 100%;
}
.footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member:nth-child(2n+2) {
	margin-left: 0;
}
.footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member .et_pb_team_member_image {
	width: 120px;
	height: 120px;
	margin: 0 auto 15px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.footer_floaters_container .doctors_col .et_pb_team_member .et_pb_team_member_image img {
    height: 100%;
    object-fit: cover;
}
.footer_floaters_container .doctors_col .et_pb_team_member h4,
.footer_floaters_container .doctors_col .et_pb_team_member .et_pb_module_header {
	color: #ffffff!important;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	text-align: center;
}
.footer_floaters_container .doctors_col .floating_button .et-pb-icon.et-pb-icon-circle{
	padding: 10px 10px 7px;
	box-shadow: 0 10px 10px rgb(0 0 0 / 16%);
}
footer .he_book_container a, footer .he_book_container a:hover, footer .he_book_container a:focus {
    background: rgba(1, 215, 151, 0.35);
    border: none;
    border-radius: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
footer .he_book_container a:after{
	letter-spacing: 1px;
	font-size: 16px;
	content: "Book an appointment online";
}
footer .ft_hours_container{
	margin-right: calc(50vw - 46em)!important
}

/*ACCREDITATION ROLLER*/
.accreditation-roller-section {
	background: #f5fafc;
	padding: 70px 0;
	overflow: hidden;
}
.accreditation-roller-row {
	max-width: 1300px;
}
.accreditation-roller-heading {
	margin-bottom: 30px;
	text-align: center;
}
.accreditation-roller-heading p {
	color: #01d797;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.accreditation-roller-heading h2 {
	color: #2d568c;
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 800;
	line-height: 1.15;
}
.accreditation-roller {
	position: relative;
	overflow: hidden;
	padding: 10px 0;
}
.accreditation-roller:before,
.accreditation-roller:after {
	content: "";
	position: absolute;
	top: 0;
	z-index: 2;
	width: min(120px, 18vw);
	height: 100%;
	pointer-events: none;
}
.accreditation-roller:before {
	left: 0;
	background: linear-gradient(90deg, #f5fafc 0%, rgba(245, 250, 252, 0) 100%);
}
.accreditation-roller:after {
	right: 0;
	background: linear-gradient(270deg, #f5fafc 0%, rgba(245, 250, 252, 0) 100%);
}
.accreditation-roller-track {
	display: flex;
	width: max-content;
	gap: 24px;
	animation: accreditation-scroll 46s linear infinite;
}
.accreditation-roller:hover .accreditation-roller-track {
	animation-play-state: paused;
}
.accreditation-roller-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 230px;
	min-height: 112px;
	padding: 22px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(13, 51, 79, 0.08);
}
.accreditation-roller-item--image img {
	display: block;
	width: auto;
	max-width: 170px;
	max-height: 82px;
	object-fit: contain;
}
@keyframes accreditation-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-50% - 12px));
	}
}
@media (prefers-reduced-motion: reduce) {
	.accreditation-roller-track {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
}

/*SERVICES PAGE*/
.featured_services_section .et_pb_blurb.et_pb_module .et_pb_main_blurb_image{margin:0}
.featured_services_section.et_pb_section .et_pb_module.et_pb_blurb .et_pb_main_blurb_image img {
    height: 16em;
    object-fit: cover;
}
.featured_services_section .et_pb_blurb.et_pb_module .et_pb_module_header {
	background: #01D797;
	width: fit-content;
	margin-top: -35px;
	position: relative;
}
.featured_services_section .et_pb_blurb.et_pb_module .et_pb_blurb_description, .featured_services_section .et_pb_blurb.et_pb_module .et_pb_module_header {padding: 17px 25px;}

/*DOCTORS PAGE*/
.doctors_container > .et_pb_row:nth-child(odd) {background: #F5FAFC;}
.doctors_container .et_pb_member_position{margin-bottom: 10px;}
.doctors_container .et_pb_module_header{padding-bottom: 0;}
.doctors_container .et_pb_team_member_image {
	width: 180px;
}
.doctors_container .et_pb_team_member_image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*BLOG PAGE*/
.et_pb_module .et_pb_blog_grid .et_pb_salvattore_content article{transition: .3s ease!important}
.et_pb_module .et_pb_blog_grid .et_pb_salvattore_content article:hover{transform: scale(1.015);}
.et_pb_module .et_pb_blog_grid .et_pb_salvattore_content article a.more-link{
	display: block;
	margin-top:10px;
	font-weight: 600;
}
.single-post .et_pb_title_featured_container {margin-top: 50px!important}

@media (min-width: 1280px){
	#main-content .homepage_banner .banner_blurbs{
		width: 60%;
		max-width: 1200px;
	}
}
@media (min-width: 981px){
	.footer_floaters_container .doctors_col .floating_button, .footer_floaters_container .doctors_col .floating_button > .et_pb_blurb_content{
		width: fit-content;
	}
}
@media (max-width: 1610px){
	footer .ft_hours_container{
		margin-right: 10vw!important;
	}
}
@media (max-width: 1080px){
	footer .footer_contact_row > .et_pb_blurb p{font-size:14px}
}
@media (max-width: 980px){
	header ul.et_mobile_menu{
		backdrop-filter: blur(15px) brightness(.7)
	}
	.bg_blend:before{backdrop-filter: brightness(.7);}
	.footer_floaters_container, footer .footer_contact_row{grid-template-columns: 100%;}
	.footer_floaters_container .visit_floater{grid-row: 2;}
	.footer_floaters_container .doctors_col{grid-row: 1;}
	#main-content .footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member{
		margin: 0;
		clear: unset;
	}
	.homepage_banner .et_pb_row_0 .et_pb_text_0 h1 > span{font-size: 47px;}
	footer .footer_contact_row, footer .footer_contact_row > .et_pb_blurb{width: 100%!important}
	footer #logo-container {margin: auto}
	.footer_hours:after{background: linear-gradient(90deg, transparent 0%, #2d568c 100%);}
	
	#main-content .featured_services_section .et_pb_blurb.et_pb_module{margin-bottom: 40px;}
	footer .ft_hours_container{
		margin-right: 10vw!important;
		margin-left: 10vw!important;
	}
	.accreditation-roller-section {
		padding: 54px 0;
	}
}
@media (max-width: 640px){
	.footer_floaters_container .doctors_col {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px){
	.doctors_container .et_pb_team_member_image{margin: 0 auto 10px} 
}

.floating_button:hover .et-pb-icon {
    color: #FFFFFF;
    background-color: #01D797 !important;
}