/*
 Theme Name:     Paper Template
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Medical Together
 Author URI:     https://www.medicaltogether.com.au
 Template:       Divi
 Version:        1.0.0
*/

/******* MEDICAL TOGETHER STYLES *******/
/* THEME COLOURS | Logo: #02546E */

/* -----------------------------------------------------------------------------------------------------THEME TYPOGRAPHY */

a {
	color: #21A9FF;
	transition: 0.2s ease;
}

a:hover {
	color: black;
}

/* -----------------------------------------------------------------------------------------------------HEADER AREA CSS */

body.et-fb-root-ancestor .header_custom_contents{display: none!important}
.header_custom_contents{
    position: relative;
    width: 75%;
    margin-top: 3%;
}
.header_custom_contents .c_number ul, .header_custom_contents .site_title, .header_custom_contents .c_number {
    display: inline-flex;
}
.header_custom_contents .c_number ul li{
    margin-right: 25px;
}
.header_custom_contents .c_number{
    vertical-align: bottom;
    width: 83%;
    float: right;
    margin-top: 20px;
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 10px;
}
.header_custom_contents .c_number .btn_container{
    float: right;
    margin: 0 0 0 auto;
}
.header_custom_contents .c_number ul a {
    color: #42454A;
}
.header_custom_contents .site_title span{
    display: block;
    font-weight: 500;
    font-size: 28px;
}
.header_custom_contents .site_title h2{
    font-weight: 700;
    font-size: 26px;
    padding: 0;
}
.header_custom_contents .site_title {
    margin-right: 5px;
    width: fit-content;
}
#header-svg-logo linearGradient > stop, #header-svg-logo path, #header-svg-logo rect{
    transition: .3s ease-in-out;
}
#header-svg-logo{width:18em}


/* -----------------------------------------------------------------------------------------------------NAVIGATION CSS */

#et-boc .et_slide_menu_top{background: linear-gradient(90deg,#0DA0AE 0%,#0A8894 100%);}
#et-boc .et_slide_menu_top .nums a, #et-boc .et_slide_menu_top .nums a i, #et-boc .et_slide_menu_top .nums a span{color:white;}
#main-header .logo_container .logo_helper{
    display: none;
}
#main-header > .container > div{
    display: inline-block;
}
#main-header .logo_container{
    vertical-align: top;
    position: relative;
    top: -10px;
    width: 13%;
    margin-right: 10px;
    transition: .3s ease-in-out;
}
#main-header .logo_container:hover{
    top: 0;
}
#main-header .logo_container:hover #medical-word path, #main-header .logo_container:hover #medical-word rect{
    fill: #21A9FF;
}
#main-header .logo_container:hover #header-svg-logo #words-bg{
    fill: white;
}
.et_slide_in_menu_container ul#mobile_menu_slide{
    position: relative;
}
.et_slide_in_menu_container ul#mobile_menu_slide li {
    padding: 20px 40px 45px;
    background: radial-gradient(at 0% 0, rgba(0,0,0,0.05), transparent 70%), linear-gradient(0deg, rgba(0,0,0,0.6), transparent 00%);
    background-repeat: no-repeat;
    background-size: 100% 25px;
    background-position: 0px 70px;
}
.et_slide_in_menu_container ul#mobile_menu_slide li a:before {
    content: "◦";
    font-size: 20px;
    position: relative;
    margin-right: 10px;
    top: 2px;
}
.et_slide_in_menu_container ul#mobile_menu_slide li.current_page_item a:before {
    content: "•";
    font-size: 30px;
    top: 4px;
}
.et_slide_in_menu_container ul#mobile_menu_slide, .et_slide_in_menu_container ul#mobile_menu_slide li a{
    padding: 0!important;
}
.et_slide_in_menu_container{border-left: 1px solid #EBEBEB}
#main-header .et_menu_container #et-top-navigation {
    border: 2px solid #DBDBDB;
    background: white;
    border-radius: 0 0 0 20px;
    padding: 25px 20px 20px!important;
    border-top-color: white;
}
#main-header .et_menu_container #et-top-navigation > span {
    margin: auto;
}
#main-header .et_menu_container #et-top-navigation:after {
    content: "Menu";
    font-weight: 500;
    text-transform: uppercase;
    color: #21A9FF;
}
.et_pb_slide_menu_active #main-header .et_menu_container #et-top-navigation:after{
    content: "Close";
}

/* -----------------------------------------------------------------------------------------------------FOOTER AREA CSS */

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

.footer_logo_container > div p:last-of-type {
    font-size: 24px;
}
.footer_logo_container > div p {
    position: relative;
    top: -30px;
    font-size: 21px;
    margin-left: 20px;
}
.footer_logo_container > div p:first-of-type {
    font-weight: 700;
    padding-bottom: 3px;
}
.footer_logo_container > div {
    display: inline-block;
}
#footer-container ul.no_style li > span{
    float: right;
}
.svg_logo_container .et_pb_module{
    display: inline-block;
}

/* -----------------------------------------------------------------------------------------------------HOME PAGE GENERAL CSS */

.white_gradient > span:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9999;
    bottom: 0;
    background-image: -webkit-linear-gradient(rgba(237, 237, 237, 1) 6%, rgba(239, 239, 239, .1) 60%);
}
.white_gradient.top_banner{
    background-color: #ededed;
}
.top_banner > .et_pb_image_wrap, .top_banner > .et_pb_image_wrap > img{
    width: 100%;
}
.top_banner{
    padding-top:50px;
}
h2 > .caveat{
    font-size: 45px
}
hr.below_title.white{
    background: white;
    height: 3px;
    width: 3em;
}
hr.below_title{
    width: 5em;
    margin: 5px auto 20px 0;
    height: 5px;
    border: none;
    background-color:#21A9FF; 
}
.home .et_pb_section_1 .et_pb_button_0_wrapper{
    width: 100%;
    text-align: center;
}
.services_list ul.no_style li img {
    width: 60px;
    height: 60px;
    padding: 12px;
    object-fit: contain;
}
.services_list ul.no_style li p{
    margin-left: 3px;
}
.services_list ul.no_style li {
    display: grid;
    grid-template-columns: 60px auto;
    line-height: 1.3;
    align-items: center;
}
.services_list ul.no_style li p {
    height: fit-content;
}
.services_list ul.no_style li > span {
    border: 1px solid white;
    width: 60px;
    margin-bottom: 10px;
    height: 60px;
    border-radius: 100em;
    transition: .2s ease-in-out;
}
.services_list ul.no_style li:hover > span{box-shadow: inset 0 0 0 3px white;}
.services_list ul.no_style li p > span{
    font-size: 8px;
    left: 0px;
    line-height: 10px;
    top: 20px;
}
.local_services_container .et_pb_main_blurb_image {
    width: 4em;
}
.local_services_container h4.et_pb_module_header {
    padding-bottom: 3px;
    margin-top: 17px;
}
#main-content .doctors_container .grid-items div.item.odd{
    margin: 0 20px;
    padding: 0 30px;
}
#main-content .doctors_container .et_pb_team_member h4.et_pb_module_header:after{
    content: "5";
    font-family: ETModules;
    float: right;
    font-size: 45px;
    font-weight: lighter;
    color: #21A9FF;
}
.doctors_container .et_pb_team_member h4, .doctors_container .et_pb_team_member div {
    font-weight: 400;
}
.services_list ul.no_style {
    column-count: 2;
}

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

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

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

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

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

/* ----------
Home Page Sponsorship
   ---------- */

#mt-home .mt-icon-color {
/*	Sets the SVG fill colour of icons on the homepage sponsors widget. */
	fill: #ffffff;
}

.home-spons-icon {
    background: linear-gradient(-45deg, #21A9FF 0%, #21A9FF 100%);
    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-icon svg {
    transition: .8s ease;
    top: 0px;
    position: relative;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.3));
}
.mt-home-sponsor:hover .home-spons-icon svg {
    top: -5px;
    filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.3));
}

.home-spons-cat,
.home-spons-dist {
	color: #4B4B4B;
}

/* ----------
Services Page Sponsorship
   ---------- */
.mt-spons-phone::before {
    content: "";
}
.mt-spons-addr::before {
    content: "";
}
.mt-spons-phone:before, .mt-spons-addr:before {
    font-family: 'ETModules';
    color: #21A9FF;
}
.mt-spons-cta {
}

.mt-spons-cta:hover {
}

.mt-spons-inner {
	width: 80%;
	max-width: 1325px;
}

/*	Alternating Row Colour Settings */
.mt-services-sponsor:nth-child(even) {
	background-color: transparent;
}
.mt-services-sponsor:nth-child(odd) {
	background-color: #F7F7F7;
}

/* -----------------------------------------------------------------------------------------------------EXTRA CSS */

.container,.et_pb_row{max-width: 100%!important;}
ul.no_style{list-style-type: none; padding:0;}
.caveat{font-family:"Caveat"; letter-spacing: -2px;}
.gray{color: #A2A4A7}
.default_button{border-radius: 0 10px!important;line-height: 1.2!important;}
hr.below_title.thin {height: 2px;}
hr.below_title.short {width: 1.7em;}
.accent_color, .mt-services-sponsor .mt-spons-hours h5, .mt-services-sponsor .mt-spons-info h1{color: #21A9FF;}

/*SECTION SHADOWS*/
.left_top_shadow{
    background: radial-gradient(at 0% 0, rgba(0,0,0,0.2), transparent 70%),
    linear-gradient(0deg, rgba(0,0,0,0.6), transparent 00%) bottom;
    background-size: 70% 25px;
}
.right_top_shadow{
    background: radial-gradient(at 100% 0, rgba(0,0,0,0.1), transparent 70%),
    linear-gradient(0deg, rgba(0,0,0,0.6), transparent 00%) bottom;
    background-size: 100% 25px;
}
.left_top_shadow, .right_top_shadow, .et_slide_in_menu_container ul#mobile_menu_slide li{background-repeat: no-repeat;}

/*BUTTON HOVER EFFECTS*/
#page-container .et_pb_button_module_wrapper .default_button, .btn_container a, .mt-spons-meta-r .mt-spons-cta{
    background-color:#21A9FF;
    transition: .3s ease-in-out;
}
#page-container .et_pb_button_module_wrapper .default_button:hover, .btn_container a:hover, .mt-spons-meta-r .mt-spons-cta:hover{
    background-color: white;
    box-shadow: 0 7px 10px rgba(0,0,0,0.1);
    background-image:none;
    color:#21A9FF!important;
    transition: .3s ease-in-out;
}
.et_pb_button.default_button {
    min-width: 190px;
    text-align: left;
}
.et_pb_button.default_button:after {
    right: 15px;
}

/*SERVICES PAGE*/
.mt-services-sponsor .mt-spons-inner{
    max-width: 80%;
}
.mt-services-sponsor .mt-spons-info{margin: 50px 10px;}
.mt-services-sponsor .mt-spons-info h1 {
    font-size: 25px;
    font-weight: 600;
}
.mt-services-sponsor .mt-spons-hours p{
    padding-bottom: 10px;
}
.mt-services-sponsor .mt-spons-hours h5{
    font-size: 16px;
}
.page-id-161 .services_grid .et_pb_promo h2.et_pb_module_header, /*#main-content #pt-cv-view-548bf3bn2t .pt-cs-col-2 .pt-cv-custom-fields a *,*/ .btn_container a, .mt-spons-meta-r > .mt-cta-call, .mt-spons-meta-r > .mt-cta-web{
    width: fit-content;
    padding: 5px 20px;
    background-image: linear-gradient(90deg, #21A9FF 0%, #21A9FF 100%);
    border-radius: 0 10px;
    margin-bottom: 10px;
    color:white!important;
    font-weight: 700;
    white-space: nowrap;
}

/*MEET OUR TEAM PAGE*/
#main-content .doctors_list .et_pb_team_member{border-radius: 10px;}
.doctors_list .et_pb_team_member .et_pb_team_member_image{
    text-align: center;
}
.doctors_list .et_pb_team_member .et_pb_team_member_description{padding: 40px 0;} 
.doctors_list .et_pb_team_member .et_pb_team_member_image img{width: 60%;}
#main-content .doctors_list .et_pb_team_member:nth-child(odd) {background: #f7f7f7;} /* changed to odd 27-07-22 */

/*BLOG PAGE*/
.blog .post-content .post-content-inner {
    margin-bottom: 1em;
}
.post-template-default .meta_container .et_pb_text_inner, .post-template-default .meta_container .et_pb_module.et_pb_text, .post-template-default .meta_container > .et_pb_column {
    width: fit-content;
}
.post-template-default .meta_container > .et_pb_column.et_pb_with_border {
    padding-right: 20px;
    margin-right: 20px;
}
.post-template-default.single .et_pb_section.featured_img_container:after{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2020/10/services-banner-min.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    top: 0;
    content: " ";
}
.post-template-default.single .et_pb_section.featured_img_container{
	background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*RESPONSIVE*/
@media(min-width: 1188px){
    #main-content .doctors_container .grid-items div.item.odd {
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        width: 32%;
    }
}
@media(min-width: 981px){
    .top_section{padding-top:0!important;}
    #et-boc .et_slide_menu_top, .et_pb_fullscreen_nav_container .btn_container {
        display: none;
    }
    .doctors_list .et_pb_team_member .et_pb_team_member_image{
        margin-right: 50px;
        padding: 15px 20px 15px 0;
        border-right: 1px solid #e8e8e8;
    }
    .post-template-default .meta_container > .et_pb_column.et_pb_with_border {
        padding-right: 20px;
        margin-right: 20px;
    }
}
@media(max-width: 1260px){
    #main-header .logo_container{
        width: 16%;
        margin-right: 5px;
    }
    #main-header .header_custom_contents{width: 71%;}
    #main-header .header_custom_contents .c_number{
        width: 76%;
        margin-top: 0;
    }
    #main-header .header_custom_contents .c_number .btn_container{margin: auto 0 0 auto}
    #main-header .header_custom_contents .nums ul{display: block;}
    .header_custom_contents .c_number ul li{margin-right: 10px;}
}
@media(max-width: 1240px){
    div#pt-cv-view-548bf3bn2t .pt-cv-colwrap .pt-cs-col-2{
        flex-direction: column-reverse;
    }
}
@media(max-width: 1073px) and (min-width: 768px){
    .mt-services-sponsor .mt-spons-info {
        margin: 50px 10px 10px;
        width: 65%!important;
    }
    .mt-services-sponsor .mt-spons-img{
        margin: 50px auto 10px 0!important
    }
    .mt-services-sponsor .mt-spons-hours{
        margin-top: 20px;
        float: left;
    }
}
@media(max-width: 980px){
    .et_slide_in_menu_container .et_pb_fullscreen_nav_container{margin-bottom: 6em;}
    .et_slide_in_menu_container .et_pb_fullscreen_nav_container .btn_container{
        text-align: center;
        margin-top: 2em;
    }
    #main-header{background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 40%, rgba(237,237,237,0) 100%);}
    #main-header .et_menu_container #et-top-navigation{
        padding: 5px 10px 10px!important;
    }
    #main-header .et_menu_container #et-top-navigation span{
        padding-bottom: 0;
    }
    #main-header .logo_container{
        width: 20%;
    }
    #main-header .logo_container > a{
        display: block;
        height: 100%;
    }
    #main-header .logo_container img#logo{
        object-fit: contain;
        max-height: 100%;
        max-width: 100%;
        width: 100%;
    }
    #main-header .logo_container span.logo_helper{
        display: none;
    }
    #main-header .header_custom_contents{width: fit-content}
    #main-header .header_custom_contents .c_number{display:none;}
    #main-content .doctors_container .grid-items div.item.odd{padding: 0;}
    #main-content .doctors_container .grid-items .item{
        width: 100%;
        margin: 10px 0!important;
    }
}

@media(max-width: 767px){
    #main-header .logo_container{
        width: 27%;
    }
    .mt-spons-hours p{text-align: right;}
    .mt-spons-hours p strong{
        text-align: left;
        float: left;
    }
    .mt-services-sponsor .mt-spons-inner{
        border: none;
        padding: 0;
    }
    .mt-services-sponsor .mt-spons-info{
        margin: 20px 0;
    }
    .doctors_list .et_pb_team_member .et_pb_team_member_image{margin:auto}
}

@media(max-width: 600px){
    .services_list ul.no_style {
        column-count: 1;
    }
    .services_list ul.no_style li p{
        font-size: 15px;
    }
    #main-header .logo_container{
        width: 35%;
    }
}
@media(max-width: 479px){
	.meta_container > .et_pb_column {
		margin-bottom: 1px!important;
    }
    #main-header .logo_container{
        width: 65%;
    }
    #main-header .logo_container #header-svg-logo{
        width: 100%;
    }
}
@media(max-width: 425px){
    #main-header {
        background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 40%, rgba(237,237,237,0.8) 75%, rgba(237,237,237,0) 100%);
        padding-bottom: 30px;
    }
    #main-header .container .header_custom_contents{
        display: block;
        margin-top: 15%;
    }
    #main-header #et-top-navigation{
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media(max-width: 390px){
    .footer_logo_container > div p{
        margin-left: 0px;
    }
}
@media(max-width: 365px){
    .footer_logo_container > div p{
        top: 0;
    }
}
@media(max-width: 340px){
    .services_list ul.no_style li > span{
        margin: 0 auto 10px;
        display: block;
    }
}
@media(max-width: 280px){
    .et_slide_in_menu_container ul#mobile_menu_slide li{
        padding: 25px 28px 45px;
    }
}

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

/* Healthengine */

.he_book_container img {
	display: none;
}

.he_book_container a::after {
    content: 'Book Now';
    background-color: #0266B3;
    color: white;
    padding: 5px 12px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12pt;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    transition: all 0.2s ease;
}

.he_book_container a:hover::after {
    background-color: white;
    color: #0266B3;
}

.big-book-button .he_book_container a::after {
	font-size: 15pt;
	border-radius: 0 5px 5px 0;
}

.big-book-button .he_book_container a:hover::after {
	background-color: #1785d8;
	color: white;
}

/* HotDoc */

.hd_book_container {
	
}

.hd_book_container a, .hd_book_container a:focus {
    background-color: #0266B3;
    color: white !important;
    padding: 5px 12px !important;
    border-radius: 5px !important;
    font-weight: 700;
    font-size: 12pt !important;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    transition: all 0.2s ease;
	font-family: inherit;
	border: none;
	min-height: auto !important;
}

.hd_book_container a:hover {
	background-color: white;
	color: #0266B3 !important;
	border: none;
}

#footer-map .et_pb_code_inner {
	height: 100%;
}