.25/*
Theme Name: St Leonards Medical Clinic
Theme URI: https://stleonardsmedicalclinic.com.au/
Author: FLPZ
Author URI: http://lopezflorian.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --bg-desktop: none;
  --bg-mobile: none;
}

* {scrollbar-width: thin;scrollbar-color: #1374DD #51BDD6;}
*::-webkit-scrollbar {width: 12px;}
*::-webkit-scrollbar-track { background: #51BDD6;}
*::-webkit-scrollbar-thumb {background-color: #1374DD;border-radius: 20px;border: 3px solid #51BDD6;}

html{font-size:16px;}
body{font-family:'Roboto',Arial,sans-serif;font-weight:300;font-size:inherit !important;color:#333 !important;margin:0;}
.wrapper{overflow-x:hidden;}
.mobile-only{display:none !important;}
a{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
a:hover{text-decoration:none !important;border:none;}
img{max-width:100%;height:auto;}
video{max-width:100%;height:auto;}
strong{font-weight:700;}
.fade:not(.show){opacity: 1;}

@media screen and (max-width:991px){
	.mobile-only{display:block !important;}
	.desktop-only{display:none !important;}
	br{display:none;}
	.no-bg-mobile,.mobile-no-bg,.no-bg-mobile .elementor-widget-wrap{background-image:none !important;}
}

.btn{line-height:20px !important;padding:20px 50px !important;text-transform:uppercase;white-space:normal;font-style:normal !important;border-radius:20px !important;letter-spacing:3px !important;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);font-weight:300 !important;}
.btn:hover{box-shadow: none !important;}
.btn-blue{background:#1374DD !important;color: #fff !important;border:none !important;}
.btn-blue:hover{background:#51BDD6 !important;color: #fff !important;border:none !important;}
.btn-blue-light{background:#51BDD6 !important;color: #fff !important;border:none !important;}
.btn-blue-light:hover{background:#1374DD !important;color: #fff !important;border:none !important;}
.btn-white{background:#fff;color: #1374DD !important;border:none;}
.btn-white:hover{background:#51BDD6;color: #fff !important;border:none;}
.btn-full{width:100%;text-align:center;padding: 20px 0;}
.btn .fal{margin-left:15px;}

input,textarea,select{font-family:inherit;font-size:inherit;width:100%;background:#fff;color:#888;border:1px solid #ddd !important;padding: 15px 20px !important;border-radius:0;height:auto !important;}
textarea{height:120px !important;}
input[type="submit"]{width:auto;line-height:20px;padding:20px 50px !important;text-transform:uppercase;white-space:normal;font-style:normal !important;border-radius:20px;letter-spacing: 3px;cursor:pointer;background:#1374DD;color: #fff !important;border:none !important;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);}
input[type="submit"]:hover{background:#51BDD6;color: #fff !important;border:none;}
input[type=checkbox],input[type=radio]{width:auto;}
.wpcf7 .ajax-loader{position: absolute;top:100%;left:50%;margin-left:-12px;}
.wpcf7-spinner{position: absolute;}
.wpcf7-list-item {margin: 0 20px 0 0;}
.wpcf7-checkbox .wpcf7-list-item {display: block;margin:0;}

.dark input[type="submit"]{background:#51BDD6;color: #fff !important;border:none !important;}
.dark input[type="submit"]:hover{background:#1374DD;color: #fff !important;border:none;}

.fa-ul{margin-left:0 !important;}
.fa-ul li{padding-left:30px;margin:0 0 10px;list-style:none;}
.fa-ul li .fa,.fa-ul li .fas,.fa-ul li .far,.fa-ul li .fal{position:absolute;left:0;top:5px;color:#1374DD;}
a:not([href]):not([tabindex]){cursor:pointer;}

h1{font-family:'Proxima Nova',Arial,sans-serif;font-weight:300;margin:0 0 40px;font-size:52px;line-height: 1.1 !important;}
h2{font-family:'Proxima Nova',Arial,sans-serif;font-weight:300;margin:0 0 40px;font-size:36px;line-height:1.2 !important;text-transform:uppercase;}
h3{font-family:'Proxima Nova',Arial,sans-serif;font-weight:300;margin:0 0 40px;font-size:28px;line-height:1.2 !important;text-transform:uppercase;}
h4,h5,h6{font-family:'Proxima Nova',Arial,sans-serif;font-weight:700;margin:0 0 30px;font-size:20px;line-height:1.4;}

@media screen and (max-width:991px){
	h1{font-size:32px !important;}
	h2,h3{font-size:26px !important;}
	.btn{padding: 15px 30px !important;letter-spacing: 2px !important;min-width: 0 !important;}
	input[type="submit"]{padding:15px 30px !important;}
}

#header{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;padding:30px;position:relative;z-index:99;position:fixed;top:0;left:0;width:100%;z-index:98;}
#header.f-nav{padding:0;}
.header-inner{background:#fff;border-radius:20px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);padding:20px 30px;}
#header.f-nav .header-inner{border-radius:0;padding:15px 30px;}
#header .header-left .header-left-item:nth-of-type(2){display:none;}
#header .header-left img{width:auto;max-height:80px;}
#header.f-nav .header-left img{max-height:60px;}

.top-menu ul{padding:0;margin:0;text-align:center;}
.top-menu li{display:inline-block;position:relative;padding:0 8px;list-style:none;}
.top-menu li:after{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #51BDD6;transform: skewX(-20deg);}
.top-menu li:first-of-type:after{display:none;}
.top-menu li a{position:relative;display:block;color:#333;text-transform:uppercase;font-size:14px;}
.top-menu li a:hover{color:#51BDD6;}
.top-menu li a:hover,.top-menu li.current-menu-item>a{color:#51BDD6 !important;}
.top-menu li ul{z-index:99;visibility:hidden;position:absolute;left:0;top:35px;text-align:left;background:#1374DD;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;opacity:0;padding:10px 0;}
.top-menu>ul>li:last-of-type>ul{left:auto;right:0;}
.top-menu li ul ul{left:100%;top:-10px;background:#2c89ed;transition: 0.1s 0.2s;}
.top-menu li ul li:hover ul{transition-delay: .2s;}
.top-menu li:hover > ul{opacity:1;visibility:visible;}
.top-menu li ul li{white-space:nowrap;display: block;margin:0;font-size:15px;}
.top-menu li ul li:before{display:none;}
.top-menu li ul li a{text-transform:none;color:#fff !important;font-weight:400;line-height:30px;padding:0 20px;}
.top-menu li ul li a:hover{color:#ddd !important;}
.top-menu li ul li a:hover:after{display:none;}
.top-menu li.phone .fal{color:#51BDD6;margin-right:5px;display:inline;}

.header-right{text-align:right;}
.header-right .btn{font-size:13px;padding: 15px 0 !important;letter-spacing:0 !important;    width: 100%;}
.header-right .btn img{ max-width: 80px;}

@media screen and (min-width:991px){
	.top-menu li .fal{display:none;}
}

@media screen and (max-width:991px){
	#header{padding:15px;}
	#header.f-nav{padding:0;}
	.header-inner,#header.f-nav .header-inner{padding: 10px 20px;}
	#header .header-left img, #header.f-nav .header-left img{max-height: 50px;}
	#header.f-nav .header-left .header-left-item:nth-of-type(2){display:block;}
	#header.f-nav .header-left .header-left-item:first-of-type{display:none;}
	
	.header-left .mobile-menu{position:absolute;right:15px;top:5px;}
	.header-left .mobile-menu a{text-transform:uppercase;margin-left:10px;display: inline-block;text-align:center;}
	.header-left .mobile-menu a:hover{color:#51BDD6;}
	.header-left .mobile-menu .fal{font-size:20px;line-height:1;}
	.header-left .mobile-menu a span{display: block;font-size: 13px;}
	.header-left .btn{font-size: 14px !important;padding: 15px !important;letter-spacing: 0px !important;}
	
	.top-menu{margin:0;color:#fff;}
	.top-menu ul{padding:0;text-align: left;}
	.top-menu li{list-style:none;margin:0;display:block;padding:0;}
	.top-menu ul li:before{display:none;}
	.top-menu li a{line-height:40px;display: block;color: #fff !important;font-size: 16px;padding: 0 20px;}
	.top-menu ul li .fal{display:block;    position: absolute;color: #fff;right: 20px;top:5px;font-size:32px;}
	.top-menu li ul{position:static;visibility: visible;opacity: 1;display:none;    margin: 0;background: #222;}
	.top-menu li ul li {white-space: normal;padding:0;}
	.top-menu li ul li a{font-size: 14px;}
	.top-menu li:after{display:none;}
	
	.menu-backdrop{display:none;}
	.menu-backdrop.open{display: block;position: fixed;left: 0;top: 0;margin: 0;width: 10%;z-index: 98;height: 100vh;}
	.menu-container{transition:all .8s !important;-moz-transition:all .8s !important;-webkit-transition:all .8s !important;display: block;position: fixed;right: -100%;top: 0;margin: 0;width: 90%;z-index: 99;height: 100vh;background:rgba(0,0,0,.9);}
	.menu-container.open{right:0;}
	.menu-container .menu-inner{max-height:100vh;overflow-y: scroll;}
	.menu-close{color: #fff !important;padding: 0 20px;font-size: 32px;text-align: right;}
	
	.menu-mobile{padding:20px;color: #fff;text-align: center;}
	.menu-mobile .menu{margin:20px 0;padding: 0;}
	.menu-mobile .menu li{display:inline-block;padding:0 10px;border-left:1px solid #666;list-style:none;}
	.menu-mobile .menu li:first-of-type{border:none;}
	.menu-mobile .menu a{font-size:13px;text-transform:uppercase;}
	.menu-mobile a{color:#fff;}
	.menu-mobile a:hover{color:#E0BA6B;}
}

.modal-content{padding:50px;border-radius:0;margin-top:100px;}
.modal-close{color:#fff !important;position:absolute;right:-40px;top:-40px;font-size:32px;cursor:pointer;}
.modal-content a{color:#1374DD;}
.modal-content p{margin:0 0 30px;}
	
#totop{position:fixed;display:none;right:30px;bottom:100px;width:40px;height:40px;text-align:center;color:#fff;background:#1374DD;border-radius:20px;border:1px solid #fff;font-size:24px;z-index:4;}
#totop .fal{line-height:36px;vertical-align:top;}
#totop:hover{opacity:1;background:#fff;color:#1374DD;border:1px solid #1374DD;}

#footer{padding:60px 30px 30px;font-size:15px;background:#F8FAFB;}
footer a{color:#333;}
footer a:hover,footer a:not([href]):not([tabindex]):hover{color:#1374DD;}
footer p,footer ul{padding:0;margin:0 0 30px;line-height: 1.8;}
footer li{list-style:none;}
footer .fa-ul li{margin:0 0 20px;padding-left:30px;}
footer .fa-ul li .fal{color:inherit;}
footer h4{font-size: 16px;letter-spacing: 0;margin: 0 0 20px;text-transform: none;color:#000;}

.colophon{padding: 30px;background: #F3F5F8;color:#888;font-size:14px;}
.colophon a{color:#888;}
.colophon a:hover{color:#1374DD;}
.colophon .colophon-right{text-align:right;}

@media screen and (max-width:991px){
	#footer{padding:40px 15px 10px;}
	#footer .widget{margin:0 0 30px;}
	.colophon{padding:30px 15px;}
	.colophon,.colophon .colophon-right {text-align:center;}
	footer #custom_html-8{margin-top:0;}
	.colophon-left{margin:0 0 20px;}
	.modal-close{right:10px;top:0;}
	#totop {bottom: 30px;}
}

.banner{height:560px;background:url(images/hero.jpg) no-repeat;background-position:center;background-size:cover !important;position:relative;overflow:hidden;}
.banner.has{background-image: var(--bg-desktop);}
.home .banner{height:760px;}
.banner-content{width: 100%;position: absolute; top:50%;left: 50%;transform:translate(-50%,-50%);z-index: 5;margin-top:60px;}
.banner h1{margin-top: 0 !important;}
.banner h2{font-size: 52px;font-weight: 500;margin: 0 0 30px;letter-spacing: 5px;line-height: 1.1;text-transform: uppercase;}
.banner p{font-size:20px;margin: 0 0 30px;}

#breadcrumbs{position:absolute;left:0;width:100%;bottom:30px;color:#fff;font-size: 14px;text-align: right;z-index: 6;padding: 0 30px;}
#breadcrumbs ul{padding:0;margin:0;}
#breadcrumbs li{display:inline-block;list-style:none;}
#breadcrumbs a{color:#fff;}

@media screen and (max-width:991px){
	.banner{height:auto;padding:150px 0 60px;background:url(images/hero-mobile.jpg) no-repeat center;}
	.banner.has{background-image: var(--bg-mobile);}
	.home .banner{height:auto;}
	.banner:before{z-index:4;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);}
	.banner p{font-size:18px;}
	.banner h2{font-size:32px;letter-spacing: 3px;}
	.banner-content{position:relative;transform: none; left: 0;top: 0;margin:0;text-align:center;text-shadow: 0 0 5px #666;color:#fff;}
	#breadcrumbs{text-align:center;text-shadow: 0 0 2px #666;}
	.home .banner .btn{min-width: 100% !important;}
}

section p,section ul,section ol{margin-bottom:30px;line-height:1.8;padding:0;position:relative;z-index:1;}
section article>.container{margin-top: 90px;margin-bottom: 90px;}
section ul li{list-style:outside disc;margin:0 0 5px 20px;}
section li ul,section li ol{margin:10px 0 10px 15px;}
section .fa-ul li:before{display:none;}
section a.btn:hover,section a.btn:not([href]):not([tabindex]):hover{border:none;}
section p a{color:inherit;box-shadow: inset 0 -4px 0 0  #e8f2fd !important;}
section p a:hover{box-shadow: inset 0 -4px 0 0  #1374DD !important;color:inherit;}
section li a{color:inherit;box-shadow: inset 0 -4px 0 0  #d8e0f3 !important;}
section li a:hover{color:inherit;box-shadow: inset 0 -4px 0 0  #1374DD !important;}
section .alignleft{float:left;margin:0 30px 30px 0;}
section .alignright{float:right;margin:0 0 30px 30px;}
section .aligncenter{display:block;margin:0 auto 30px;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
section .wp-caption{max-width:100%;}
section .wp-caption-text{padding:10px 0 0;font-size:13px;color:#b2b2b2;text-align:center;font-style:italic;margin:0;}
section table{width:100%;margin:0 0 40px;}
section table th,section table td{padding:15px 0;border:none;vertical-align:middle;background:none !important;}
section .wp-video{margin:0 0 20px;}
section blockquote{padding:50px 50px 20px;border: 1px solid #2e2e2e;margin: 50px 0;font-style: italic;}
section .anchor{scroll-margin-top:100px;}

section table td{border-bottom:1px solid #ddd;padding:15px 0;}

@media screen and (max-width:991px){
	section article>.container{margin-top: 60px;margin-bottom: 60px;}
	section .alignleft,section .alignright{float:none;margin:0 auto 30px;display:block;}
	.elementor-slideshow__footer {display:none;}
}

ul.social{text-align:center;}
ul.social li{display:inline-block;margin:0 5px; list-style:none;}
ul.social li a{display: inline-block;background: #1374DD;color: #fff;width: 40px;line-height: 40px;border-radius: 10px;box-shadow: none !important;}
ul.social li a:hover{background: #51BDD6;}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg path{fill:#1374DD;}

/*
.submenu li{padding:0 20px;margin:0;display:inline-block;position:relative;list-style:none;}
.submenu li a{box-shadow:none !important;display: block;position:relative;}
.submenu li a:hover{box-shadow:none !important;border-bottom:2px solid #B9964C;}

@media screen and (max-width: 991px){
	.submenu li{display:block;}
	.submenu li a{line-height:40px;}
}
*/

#cta{position:fixed;right:0;top:33.3%;height:auto;z-index:999;}
#cta a{text-align:center;color:#fff;background:#51BDD6;font-weight:400;font-size: 13px;text-transform: uppercase;line-height: 1.3;padding:20px 15px;display:block;border-radius: 20px 0 0 20px;border: none;}
#cta a:hover{opacity:.8;}
#cta .fal{font-size:32px;margin:0 auto 10px;display:block;}
#cta img{margin-top:5px;}

@media screen and (max-width:991px){
	#cta{top: auto;bottom: 0;width: 100%;}
	#cta a{padding:15px;border-radius:0;font-size:15px;}
	#cta img{margin-top:0;}
	#cta .fal {font-size: inherit;margin: 0 5px 0 0;display: inline-block;}
}

body{display:block !important;}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16484427643"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16484427643');
</script>