/*

Theme Name: Get Dental Implants
Description: Get Dental Implants
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/

@charset "UTF-8";

html, body { background:#fff;  color:#182b3d; font-family:'Red Hat Display', sans-serif; font-size:18px; margin:0; padding:0; }

img { border:none; display:block; height:auto; max-width:100%;}


a:link, a:visited { color:#00abee; text-decoration:none;}
a:active, a:hover { color:#182b3d; transition:0.2s;}


.intro h1 { font-size:33px; font-weight:bold; justify-content:left; text-transform:none; margin:20px 0; padding:0;  }
.intro h1:before { display:none;}

.entry h1 { font-size:42px; font-weight:bold; justify-content:left; text-transform:none; margin:20px 0; padding:0; }
.entry h1:before { display:none}

.location h1 { font-size:38px; font-weight:400; margin-bottom:20px; text-align:center; text-transform:none;}
.location h1 strong { font-size:64px;}
.location h2  { font-size:38px; font-weight:300; margin-bottom:20px; text-align:center; text-transform:none;}
.location h3 { font-size:24px; font-weight:400; margin-bottom:20px; text-align:center; text-transform:none;}
.location h1:before, .location h2:before { display:none}
.location h3 strong { color:#e93d3d;}


h1, h2 { display:flex; justify-content:center; font-size:32px; font-weight:400; margin:auto; margin-bottom:80px; padding:6px 0; position:relative; text-align:left; text-transform:uppercase; }

h1:before, h2:before { background:url(../images/GDI-icon.png) no-repeat; background-size:contain; border-right:1px solid #182b3d; content:""; display:block; height:44px; margin:0 15px 0 0; width:58px; }






.post h2 { display:block; margin-bottom:30px; text-transform:none;}
.post h2:before { display:none; }

h3 { font-size:24px;}
h4 { font-size:18px; font-weight:500; }
h5 { font-size:16px; font-weight:500;}
h6 { font-size:14px; font-weight:500;}
p { line-height:24px; }


#header{ background:#182b3d; padding:54px 60px;}

a.logo img { max-width:300px; }

#nav { float:right; position:relative; }
#nav ul.menu { list-style:none; margin:-85px 0 0 0; padding:0; }
#nav ul.menu li { border-right:1px solid #5e6b78; float:left; font-size:22px; position:relative; }
#nav ul.menu li:last-of-type{ border-right:0; }
#nav ul.menu li a:link, #nav ul.menu li a:visited { display:block; line-height:22px; margin:0; padding:18px 30px;}


#nav ul.menu li a:before { background:url(../images/GDI-icon.png) no-repeat; background-size:contain; content:""; position:absolute; top:-25px; left:50%; margin:0 0 0 -15px; opacity:0; height:31px; width:30px; }
#nav ul.menu li a:active:before, #nav ul.menu li a:hover:before  { opacity:1; transition:0.2s;}


#nav ul.menu ul.submenu { border-top:9px solid #182b3d; display:none; list-style:none; margin:0; padding:0; position:absolute; top:55px; z-index:99;  }
#nav ul.menu ul.submenu:hover, #nav li a:active ~ ul.submenu, #nav li a:hover ~ ul.submenu { display:block; }

#nav ul.menu ul.submenu li { border-right:0; border-bottom:1px solid #fff; float:none; min-width:200px; padding:0; }
#nav ul.menu ul.submenu li:last-of-type { border-bottom:0;}
#nav ul.menu ul.submenu li a:link, #nav ul.submenu li a:visited { background:#00abee; display:block; line-height:50px; margin:0; padding:0 20px;}
#nav ul.menu ul.submenu li a:active, #nav ul.submenu li a:hover { color:#182b3d; }
#nav ul.menu ul.submenu li a:before { display:none; }


#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(../images/menu.png) center center no-repeat #00abee; border-radius:50%; display:none; height:70px; margin:0; padding:0; position:absolute; top:35px; right:20px; width:70px; z-index:9;}

#nav input[type="checkbox"]:checked + label { background:url(../images/menu-o.png) center center no-repeat #00abee;}

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #cdd6d9; clear:both; height:1px; margin:60px 0;}

section { padding:100px 80px;}

#footer{ background:#182b3d; color:#fff; padding:80px 60px;}
#footer p { margin-top:0; }
#footer hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #5e6b78; clear:both; height:1px; margin:60px 0;}
#footer small { padding-bottom:80px;}

#header a:link, #header a:visited, #footer a:link, #footer a:visited { color:#fff; }
#header a:active, #header a:hover, #footer a:active, #footer a:hover { color:#00abee; }

#footer ul.menu { list-style:none; margin:50px 0; padding:0; }
#footer ul.menu li { border-bottom:1px solid #5e6b78; }
#footer ul.menu li:last-of-type { border-bottom:0; }
#footer ul.menu li a { line-height:40px; }

.faqs { margin:0; padding:0; }
.faq { background:#fff; margin:0 0 10px 0; padding:50px; }
.faq h3 { margin-top:0;}


small { font-size:16px; }
.center { text-align:center; }

a.btn, input[type="submit"] { background:#24ade3; border:0; border-radius:4px; color:#fff; display:inline-block; font-size:18px; font-weight:400; margin:20px 0; padding:18px 28px; text-decoration:none; text-transform:uppercase; }
a.btn:active, a.btn:hover, input[type="submit"]:active, input[type="submit"]:hover { background:#182b3d; cursor:pointer; transition:0.2s;}

a.btn.s-xl {font-size:30px; font-weight:500; margin:20px 0; padding:20px 120px; }


.cw {  margin:auto; max-width:1480px; padding:0 40px; }
.rw {  margin:auto; max-width:1024px; padding:0 80px; }
.rwc {  margin:auto; max-width:800px; padding:0 80px; /*text-align:center;*/ }
.lg { background:#ecf1f3; }
.dg { background:#e1e4e8; }

.db { background:#182b3d; color:#fff; padding:0 0 80px 0;}
.db .col-50p-rap { gap:40px; margin:auto; max-width:1150px; }
.db .col-50p-rap div:first-of-type { padding-top:80px;}
.db .col-50p-rap h3 { font-size:32px; text-align:left;}
.db .col-50p-rap:after { display:none; }
.db ~ .insert { border-top:0;}


.rw p { font-size:20px;}


.iframerap { background:#ccc; height:500px; position:relative;  }


#location-map { margin:auto; padding:0; position:relative; max-width:700px; }
#location-map div { position:absolute; }

a.lm-point { display:block; height:17px; width:19px; }


a.lm-point span { background:#00abee; border-radius:2px; color:#fff; font-size:16px; line-height:33px; padding:0 14px; position:absolute; }
a.lm-point:active span, a.lm-point:hover span { background:#182b3d; transition:0.2s; }
a.lm-point span:after { border-style:solid;  content:""; position:absolute; height:0; width:0;}
a.lm-point:active span:after, a.lm-point:hover span:after { transition:0.2s; }


#lm-perth { left:9.4%; top:65.4%; }
#lm-perth a.lm-point span { left:-80px; top:-8px; }
#lm-perth a.lm-point span:after { border-width:6px 0 6px 8px; border-color:transparent transparent transparent #00abee; right:-8px; top:10px; }
#lm-perth a.lm-point:active span:after, #lm-perth a.lm-point:hover span:after { border-color:transparent transparent transparent #182b3d;  }


#lm-adelaide { left:61.8%; top:68.6%; }
#lm-adelaide a.lm-point span { left:-100px; top:7px; }
#lm-adelaide a.lm-point span:after { border-width: 8px 8px 0 0; border-color: #00abee transparent transparent transparent; right:-8px; top:7px; }
#lm-adelaide a.lm-point:active span:after, #lm-adelaide a.lm-point:hover span:after { border-color:#182b3d transparent transparent transparent ;  }


#lm-melbourne { left:76.3%; top:80.8%; }
#lm-melbourne a.lm-point span { left:-80px; top:29px; }
#lm-melbourne a.lm-point span:after { border-width: 0 0 8px 8px; border-color: transparent transparent #00abee transparent; right:20px; top:-8px; }
#lm-melbourne a.lm-point:active span:after, #lm-melbourne a.lm-point:hover span:after { border-color:transparent transparent #182b3d transparent ;  }


#lm-sydney { left:90.7%; top:68.7%; }
#lm-sydney a.lm-point span { left:5px; top:25px; }
#lm-sydney a.lm-point span:after { border-width:8px 0 0 8px; border-color:transparent transparent transparent #00abee; left:15px; top:-8px; }
#lm-sydney a.lm-point:active span:after, #lm-sydney a.lm-point:hover span:after { border-color:transparent transparent transparent #182b3d; }


#lm-brisbane { left:97.7%; top:48.7%; }
#lm-brisbane a.lm-point span { left:28px; top:-7px; }
#lm-brisbane a.lm-point span:after { border-width:4px 8px 4px 0; border-color:transparent #00abee transparent transparent; left:-8px; top:11px; }
#lm-brisbane a.lm-point:active span:after, #lm-brisbane a.lm-point:hover span:after { border-color:transparent #182b3d transparent transparent; }


.col-50p-rap { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; gap:160px; position:relative; }
.col-50p-rap:after { background:#b2b7bd; content:""; position:absolute; width:1px; left:50%; top:0; height:100%; }
.col-50p-rap div { width:50%; }
.col-50p-rap div div { width:100%;}

.col-4-rap {  display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; align-content:flex-start; gap:10px; position:relative;}
.col-4-rap div { background:#fff; border-radius:4px; padding:30px; position:relative; width:calc(100% - 90px);}

.col-4-rap.wrap { flex-wrap:wrap; }
.col-4-rap.wrap div { width:calc(25% - 90px);}

.step-number { background:#182b3d; border-radius:50% 50% 0 50%; color:#fff; font-size:24px; font-weight:bold; height:48px; line-height:48px; position:absolute; top:16px; left:16px; text-align:center; width:48px; }

.col-1-3 { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; align-content:flex-start; gap:215px; position:relative;}
.col-1-3 div:first-of-type { min-width:300px; }
.col-1-3 div:last-of-type {}


.feature-imgrap { background:#ecf1f3; overflow:hidden; height:600px; margin:0 0 60px 0; position:relative; }
.feature-imgrap img { position:absolute; margin-top:-10%; width:100%;}


/* form input styles */

input[type="text"], input[type="email"], textarea { border:1px solid #b2b7bd; border-radius:4px; font-family:'Red Hat Display', sans-serif; font-size:18px; margin:0 0 10px 0; padding:12px 20px; width:calc(100% - 40px);}

textarea { height:160px;}

::placeholder { color:#b0b3b4; opacity: 1; /* Firefox */}
:-ms-input-placeholder { color:#b0b3b4; /* Internet Explorer 10-11 */}
::-ms-input-placeholder { color:#b0b3b4; /* Microsoft Edge */}


#respond { display:none;}


#about-intro { background:#fff; display:flex; column-gap:60px; margin:0 0 80px 0; padding:60px; }
#about-intro h1 { display:block; margin-top:0; margin-bottom:20px;}
#about-intro h1:before { display:none; }
#about-intro p { font-size:22px; line-height:32px; }
#about-intro img { max-width:360px;}

.page-id-33 h1:first-of-type { display:none }
.page-id-33 h2 { margin-bottom:40px;}


ul.points { margin:30px 0; padding:0; }
ul.points li { list-style:none; margin:20px 0; max-width:420px; padding:9px 0 9px 75px; position:relative;}


ul li.tick:before, ul li.arrow:before, ul li.question:before {content:""; height:59px; position:absolute; left:0; top:0; width:63px;}
ul li.tick:before { background:url(/wp-content/themes/dentalimplants/images/GDI-tick.png) no-repeat;  background-size:contain; }
ul li.arrow:before { background:url(/wp-content/themes/dentalimplants/images/GDI-arrow.png) no-repeat; background-size:contain; }

ul li.question:before { background:url(/wp-content/themes/dentalimplants/images/GDI-question.png) no-repeat; background-size:contain; }

.db ul li.tick:before { background:url(/wp-content/themes/dentalimplants/images/GDI-tick2.png) no-repeat;  background-size:contain; }
.db ul li.arrow:before { background:url(/wp-content/themes/dentalimplants/images/GDI-arrow2.png) no-repeat; background-size:contain; }

.hl-2 ul li.tick:before { background:url(/wp-content/themes/dentalimplants/images/GDI-tick3.png) no-repeat;  background-size:contain;}


.insert { border-top:3px dashed #ccc; padding:80px;}
.insert ul.points {  margin:auto; max-width:630px; padding:0 0 50px 0;}
.insert ul.points li { font-size:22px; max-width:none; padding:4px 0 30px 75px;}

.hl-1 { background:#ecf1f3;}
.hl-2 { background:#c0e4f1;}
.hl-1, .hl-2 { border-radius:8px; margin:auto; max-width:600px; margin-bottom:10px; padding:40px 60px 0 100px; }
.hl-1 h3, .hl-2 h3 { font-size:40px; text-align:center;}

.hl-1 .insert ul.points li, .hl-2 .insert ul.points li { font-size:22px;}




ul.true4u { display:flex; column-gap:10px; flex-wrap:nowrap; list-style:none; margin:0; padding:0; position:relative; }
ul.true4u li { background:#ecf1f3; margin:0; padding:30px; }
ul.true4u:after { background:#fff; border:2px solid #ecf1f3; border-radius:50%; content:"?"; font-size:30px; line-height:50px; position:absolute; right:-25px; top:-25px; height:50px; text-align:center; width:50px; }



.iframe-rap { margin:auto; max-width:500px;}
.iframe-rap iframe { min-height:700px;}


/*---------------------Media queries---------------------------*/
@media only screen and (max-width: 1500px) {
	
	#nav ul.menu { margin:-80px 0 0 0;}
	#nav ul.menu li a:link, #nav ul.menu li a:visited { padding:18px 25px;}
	
	.col-1-3 { gap:99px;}
	
}

@media only screen and (max-width: 1360px) {
.faqs { display:block; }
.faq {  max-width: calc(100% - 110px);}

#about-intro { column-gap:40px; }
#about-intro img { max-width:300px;}
}


@media only screen and (max-width: 1260px) {
	#header { padding:54px 20px 56px 60px;}
	a.logo img { max-width:250px; }
	#nav ul.menu ul.submenu { top:36px;}
	#nav ul.menu { margin:-65px 0 0 0;}
	#nav ul.menu li { font-size:20px;}
	#nav ul.menu li a:link, #nav ul.menu li a:visited { padding:10px 20px;}
	
	section:nth-of-type(2) { padding:60px 80px; }
	.col-50p-rap { display:block; }
	.col-50p-rap:after {display:none; }
	.col-50p-rap div { margin-bottom:80px; width:100%; }
	.col-50p-rap div img { margin:auto;}
	
	.feature-imgrap { height:500px; }
}

@media only screen and (max-width: 1140px) {
	section:nth-of-type(2), section { padding:60px 20px;}
	
	.col-4-rap { flex-wrap:wrap; }
	.col-4-rap div {  width:calc(50% - 90px);}
	
	ul.true4u { display:block; }
	ul.true4u li { margin:0 0 4px 0;}
}


@media only screen and (max-width: 1023px) {
	
	#header { padding:40px 20px 40px 60px;}
	
	a.logo img { max-width:200px; }
	
	#nav { position:absolute; position:absolute; right:0; top:5px; }
	#nav input[type="checkbox"] + label { display:block;}
	#nav input[type="checkbox"] + label ~ ul.menu  { display:none; }
	#nav input[type="checkbox"]:checked + label  ~ ul.menu  { display:block;}
	
	#nav ul.menu { background:#00abee; border:20px solid #00abee; border-radius:5px; margin:0; position:absolute; left:-300px; top:75px; width:240px; z-index:8; }
	
	#nav ul.menu li a:before { display:none;}
	#nav ul.menu li a:active, #nav ul.menu li a:hover { color:#182b3d; } 
	
	
	#nav ul.menu li { border-bottom:1px solid #7bcae9; border-right:0; font-size:18px; float:none;}
	#nav ul.menu li:last-of-type { border-bottom:0; }
	#nav ul.menu li a:link, #nav ul.menu li a:visited { padding:8px 14px;}
	
	#nav ul.menu ul.submenu { border-top:0; display:block; padding-bottom:9px; position:relative; top:0;  }
	#nav ul.menu ul.submenu li { border:0; font-size:14px; }
	#nav ul.menu ul.submenu li a:link, #nav ul.menu ul.submenu li a:visited { line-height:18px; padding:2px 14px; }
	
	.col-1-3 { gap:60px;}
	.col-1-3 div:first-of-type { min-width:250px;}
	
	.feature-imgrap { height:auto; }
	.feature-imgrap img { margin-top:0; position:relative; }
	#about-intro { display:block; padding:60px; text-align:center;}
	#about-intro img {display:none;}
	
	.rw { padding:0 40px;}
	h1 { font-size:28px;}
	
}

@media only screen and (max-width: 980px) {
	#location-map { max-width:500px;}
	a.lm-point { height:12px; width:13px;}
	#lm-melbourne a.lm-point span { top:22px;}
	#lm-sydney a.lm-point span { left:0; top:20px;}
	#lm-brisbane a.lm-point span { left:25px; top:-8px;}
}


@media only screen and (max-width: 880px) {
	.col-1-3 { display:block;}
	.col-4-rap { gap:10px 0; justify-content:center;}
	.col-4-rap div {  width:calc(100% - 90px);}
	a.btn.s-xl { display:block; padding:20px 40px}
	.hl-1, .hl-2 { padding:40px 60px 0 80px; }
}

@media only screen and (max-width: 760px) {
	section {  padding:80px 40px;}
	
	#location-map { margin-left:8%; max-width:78%;}
	a.lm-point { height:10px; width:11px;}
	
	h2 { font-size:24px; margin-bottom:50px;}
	h2:before { background-size:contain; height:34px; margin:0 15px 0 0; width:50px;}
	
	.faq {  max-width:calc(100% - 60px); padding:30px;}
	
	.insert { padding:40px;}
	
	.hl-1, .hl-2 { padding:40px 40px 0 40px; }
}


@media only screen and (max-width: 600px) {
	h2 { text-align:center; margin-bottom:30px;}
	h2:before { display:none; }
	.post h2 { text-align:left;}
	
	.cw { padding:0 20px;}
}