/* 
Theme Name: Diggersrest-medical
Theme URI: https://diggersrestdental.com.au/
Description: Child theme for the Divi
Author: Jo Clarke 
Author URI: https://top-ic.com
Template: Divi       
Version: 0.1.1 
*/
@font-face {font-family: Komika Title; font-display: swap; src: local(KomikaTitle), 
	url('https://diggersrestdental.com.au/fonts/KomikaTitle.eot'); 
	src: url('https://diggersrestdental.com.au/fonts/KomikaTitle.ttf') format('truetype'), 
	url('https://diggersrestdental.com.au/fonts/KomikaTitle.woff') format('woff');}

@font-face {font-family: Oswald Light; font-display: swap; src: local(Oswald Light), 
	url('https://diggersrestdental.com.au/fonts/Oswald-Light.eot');
	src:  url('https://diggersrestdental.com.au/fonts/Oswald-Light.ttf') format('truetype'), 
	url('https://diggersrestdental.com.au/fonts/Oswald-Light.woff') format('woff');}

@font-face {font-family: Roboto Light; font-display: swap; src: local(Roboto-Light), 
	url('https://diggersrestdental.com.au/fonts/Roboto-Light.eot');
	src:  url('https://diggersrestdental.com.au/fonts/Roboto-Light.ttf') format('truetype'), 
	url('https://diggersrestdental.com.au/fonts/Roboto-Light.woff') format('woff');}

h1,h2,h3,h4{font-family:"Roboto Light","Roboto",Helvetica,Arial,sans-serif;}
h2 {font-size:36px !important;}
.small {font-size:.8em;}
.et_password_protected_form .et_submit_button {color:#fff;}

/* MENUS */
#top-menu, #et-secondary-nav {font-family:"Roboto",Arial,sans-serif;}
.nav li li {line-height: 1.5em;}
#book {position: relative; padding: 5px 10px; background: #29C2DE; border-radius: 3px;}
#book:hover { background: #0085A1;}
#et-info {float: right;}
#et-secondary-menu {float: left;}
#et-info-phone a {font-size: 1.3em; color:#ffffff; font-family:"Roboto Condensed", Arial, sans-serif;}
#et-info-phone a {text-decoration: none !important;} 
.et_header_style_split #et-top-navigation nav > ul > li > a { padding: 40px 0 20px 0 !important;}
#et-secondary-nav li a {padding-top:5px;}
#main-header .nav li ul a{color:#ffffff !important;}

/* 2ND LEVEL ARROW */
#top-menu .menu-item-has-children > a:first-child:after, .fullwidth-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after { display:none;}
#et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-item-has-children > a:first-child {padding-right:0px !important;}

/* HERO */
.home-hero .et_pb_section_video_bg {background-color: #000;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { width: 85%; max-width: 900px;}
.home-hero .et_parallax_bg { background-position: bottom center;}
.shutter .et_pb_code_inner {padding-right: 5px;}
.shutter p:last-of-type {padding-bottom: 1em !important;}
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {width: 64px;}

/* CONTACT-FORM-TO-EMAIL*/
.med-form .r { display:none; }
.med-form #fbuilder .large {padding:15px 10px; font-size:13px;}
.med-form .fields {padding-right:10px !important;}
.med-form #message_1 {margin-top: 0px !important;}
.med-form input, .med-form textarea {background:#f7f7f7; border:0;}
.med-form .pbSubmit {float:right; font-size:20px; background: #7F423E; color: #fff; padding:10px 20px; margin: 0px 10px 0px 0px; border-radius: 3px;border:1px solid #5d6b5b;}
.med-form .pbSubmit:hover {background: #7a888e; padding:10px 25px; border:1px solid #fff;}
.captcha {width:50%; float:left;}
.captcha input {padding:10px 0px}

/* WIDGET */
#footer-widgets .footer-widget li a:hover {color:#bae85c;}
.entry-content ul {list-style-type: square; list-style-image: url('https://diggersrestdental.com.au/wp-content/uploads/2017/12/bullet.gif');}

/*-----Shutter Effect-----*/
.ds-hover-1 {display: inline-block; position: relative; margin: 0px; overflow: hidden; background: #000;}
.ds-hover-1 img, .ds-hover-2 img { display: block; max-width: 100%; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.ds-hover-1:hover img {opacity: 0.5;}
.ds-hover-1::after { content: attr(ds-title); position: absolute; height: 22%; color: #fff; z-index: 1; top: 0; width: 90%; background: rgba(0,133,161,0.7); font-weight: 300; line-height:1em; font-size: 25px; text-transform: uppercase; padding: 5%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.3s ease-in-out;  -moz-transition: -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.ds-hover-1::before {content: attr(ds-desc); position: absolute; height: 100%; color: #fff; z-index: 1; top: 37%; width: initial; background: rgba(186,232,92,0.8); font-size: 16px; padding: 2% 5% 5% 5%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.ds-hover-1:hover::after, .ds-hover-1:hover::before, .ds-hover-2:hover::after, .ds-hover-2:hover::before {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);}

/*using bg not shutter*/
.medical {background: rgba(185,232,92,1);
background: -moz-linear-gradient(left, rgba(185,232,92,1) 0%, rgba(0,134,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(185,232,92,1)), color-stop(100%, rgba(0,134,161,1)));
background: -webkit-linear-gradient(left, rgba(185,232,92,1) 0%, rgba(0,134,161,1) 100%);
background: -o-linear-gradient(left, rgba(185,232,92,1) 0%, rgba(0,134,161,1) 100%);
background: -ms-linear-gradient(left, rgba(185,232,92,1) 0%, rgba(0,134,161,1) 100%);
background: linear-gradient(to right, rgba(185,232,92,1) 0%, rgba(0,134,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e85c', endColorstr='#0086a1', GradientType=1 );
}
.dental {background: rgba(131,150,129,1);
background: -moz-linear-gradient(left, rgba(131,150,129,1) 0%, rgba(93,107,91,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(131,150,129,1)), color-stop(100%, rgba(93,107,91,1)));
background: -webkit-linear-gradient(left, rgba(131,150,129,1) 0%, rgba(93,107,91,1) 100%);
background: -o-linear-gradient(left, rgba(131,150,129,1) 0%, rgba(93,107,91,1) 100%);
background: -ms-linear-gradient(left, rgba(131,150,129,1) 0%, rgba(93,107,91,1) 100%);
background: linear-gradient(to right, rgba(131,150,129,1) 0%, rgba(93,107,91,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#839681', endColorstr='#5d6b5b', GradientType=1 );
}
.ds-hover-2:hover img {opacity: 0.1;}
.ds-hover-2 {display: inline-block; position: relative;	margin: 0px; overflow: hidden;}
.ds-hover-2::after {content: attr(ds-title); position: absolute; height: 100%; color: #fff;z-index: 1;top: 0;width: 90%;font-weight: 300;line-height:1em;font-size: 1.8em;text-transform: uppercase;padding: 5%;-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.ds-hover-2::before {content: attr(ds-desc);position: absolute;height: 100%;color: #fff;z-index: 1;top: 35%;width: initial; font-size: 1.1em;padding: 2% 5% 5% 5%;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }

@media all and (max-width:1024px){
.home-hero.et_pb_fullwidth_header h1 {font-size:60px;}
#main-header .et_mobile_menu {background-color: rgba(255,255,255,.9);}
.et_pb_fullscreen .et_pb_fullwidth_header_container {width: 90%;}
.home-hero .header-content {max-width: 100% !important;}
.inner {padding-top:0px !important;}
.inner .et_pb_column {margin-bottom:0px !important;}
.inner-heading h1{font-size:40px !important;}
.et_pb_button_0.et_pb_module.book-button {display:none;}
.tab-buttons .et_pb_row {padding:5px 0;}
.tab-buttons .et_pb_button, .tab-buttons .et_pb_button::after {font-size:24px !important;}
.tab-buttons .et_pb_column {width: 30% !important;}
}
@media all and (max-width:680px){
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {display: none;}
.et_pb_button_one.et_pb_button { width: 200px !important; -webkit-clip-path: none !important; clip-path: none !important; border-radius: 25px !important; font-size: 18px !important;}
.et_pb_button_two.et_pb_button {width: 200px !important; -webkit-clip-path: none !important; clip-path: none !important; margin-left: 0 !important; border-radius: 25px !important; font-size: 18px !important;}
.inner-heading h1{font-size:26px !important;}
.ds-hover-2::after {content: attr(ds-title); font-size: 1.2em;}
.ds-hover-2::before {content: attr(ds-desc); font-size: 1em; line-height:1.2em !important;}
.tab-buttons .et_pb_button {font-size:22px !important;}
.tab-buttons .et_pb_column { width: 100% !important;}
#main-header .et_mobile_menu {background-color: rgb(255, 255, 255) !important;}
}