/*
 Theme Name:     Medical Together Showcase
 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.0.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: #323e48;
}

#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: #323e48;
}

/* ----------
Services Page Sponsorship
   ---------- */
.mt-services-sponsor >.mt-spons-inner {
	width: 80%;
}
.mt-spons-cta {
	background: #40bdab;
	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: #40bdab;
	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: #323e48}
.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: #40bdab;
}
.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;
}
.bg_blend:before, .footer_hours:before, .under_nav_banner:before, .footer_hours:after{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(25deg, #40bdab, #323e48 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: #40bdab;
	text-shadow: 0 3px 6px #40bdab;
	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: #40bdab}
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%, #323e48 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: #d5ede9;
}
.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{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 {
	height: 100%;
	display: grid;
	grid-template-columns: 40px auto;
	align-items: center;
	padding: 15px 20px;
	background: rgba(50, 62, 72, .6);
	backdrop-filter: blur(10px);
}
.dark_text_bg mark.top {
	background: linear-gradient(180deg, transparent 30%, #323e48 30%, #323e48 100%);
}
.dark_text_bg mark.bttm {
	background: linear-gradient(180deg, #323e48 85%, transparent 85%);
}
.light_text_bg mark {
	background: linear-gradient(180deg, transparent 30%, #40bdab 30%, #40bdab 84%, transparent 84%);
}

/*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 .et_pb_module.et_pb_team_member {
	float: left;
	margin: 10px 5%;
	width: 130px;
}
.footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member:nth-child(2n+2) {
	clear: both;
	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 .floating_button .et-pb-icon.et-pb-icon-circle{
	padding: 10px 10px 7px;
	box-shadow: 0 10px 10px rgb(0 0 0 / 16%);
}

/*SERVICES PAGE*/
.featured_services_section .et_pb_blurb.et_pb_module .et_pb_main_blurb_image{margin:0}
.featured_services_section .et_pb_blurb.et_pb_module .et_pb_module_header {
	background: #40bdab;
	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}
.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: 1080px){
	.footer_floaters_container .doctors_col .et_pb_module.et_pb_team_member{margin-left: 0;}
	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:10px 3%;
		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%, #323e48 100%);}
	
	#main-content .featured_services_section .et_pb_blurb.et_pb_module{margin-bottom: 40px;}
}
@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: #40bdab !important;
}

/* -----------------------------------------------------------------------------------------------------BOOKING INTEGRATION CSS */

/* Healthengine */

.he_book_container img {
	display: none;
}

.he_book_container div,
.home-book-button,
.home-book-button .et_pb_code_inner,
.he_book_container {
	height: 100%;
}

.he_book_container a {
	height: 100%;
    display: grid !important;
    grid-template-columns: 40px auto;
    align-items: center;
    padding: 15px 20px;
	background: rgba(64, 188, 171, 0.35);
	width: fit-content;
	letter-spacing: 0.5px;
}

.home-book-button .he_book_container a {
    background: rgba(50, 62, 72, .6);
    backdrop-filter: blur(10px);
	width: 100%;
}

.he_book_container a::before {
	content: '';
	display: block;
	background-image: url('https://invision.medicaltogether.com.au/showcase/wp-content/uploads/2021/01/calendar-outline.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}

.he_book_container a::after {
    content: 'Book an appointment online';
    background-color: transparent;
    color: white;
    font-weight: 700;
    font-size: 12pt;
	line-height: 16pt;
	margin-left: 10px;
}

/* HotDoc */

.hd_book_container,
.hd_book_container a {
	height: 100%;
}

.hd_book_container a, .hd_book_container a:hover, .hd_book_container a:focus {
	height: 100% !important;
    display: grid !important;
    grid-template-columns: 40px auto;
    align-items: center;
    padding: 15px 20px !important;
	background: rgba(64, 188, 171, 0.35);
	width: fit-content;
	letter-spacing: 0.5px;
	border-radius: 0 !important;
    box-shadow: none;
	font-family: inherit;
	border: none;
	min-height: auto !important;
	font-weight: 700;
	gap: 10px;
}

.home-book-button .hd_book_container a {
    background: rgba(50, 62, 72, .6);
    backdrop-filter: blur(10px);
	width: 100%;
}

.hd_book_container a::before, .hd_book_container a:hover::before, .hd_book_container a:focus::before {
	content: '';
	display: block;
	background-image: url('https://invision.medicaltogether.com.au/showcase/wp-content/uploads/2021/01/calendar-outline.svg');
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	height: 40px;
	width: 40px;
}