/*
Theme Name: Island Dentures
Author: Kris Trudeau of Halftone Pixel Website Design and Consulting
Author URI: http://www.halftonepixel.com/
Description: This WordPress theme was made EXCLUSIVELY for Island Dentures
*/

@charset "utf-8";

/* Global settings begin */
* { padding: 0; margin: 0; border: none; }
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #0c3b60; font-size: 16px; }
p  { margin-top: 15px; line-height: 23px; font-weight: 400;}
ol, ul { margin: 15px 0 15px 40px; line-height: 23px; }
li { font-weight: 400; }
a {color: #3893dc; text-decoration:none; }
a:hover {color: #88c7ed; text-decoration:none; }
h1 {margin: 66px 0 16px; font-size: 35px; font-weight: 400; }
h4 { font-size: 25px; margin-top: 30px; font-weight: 400;}
#utility-wrapper, #menu-wrapper, #content-wrapper, #call-to-action, #guarantee-wrapper, #contact-wrapper, #footer-wrapper, #copyright-wrapper { margin: 0 auto; width: 1050px; border: 0px solid white; }
h1, h2, h3, h4, h5, #book-appt-sidebar, #contact, #utility, .menu a { font-family: 'Ubuntu'; }
/* Global settings end */

#utility {background: #003079; font-size: 12px; text-transform: uppercase; color:#81c4e9; height: 40px;}
#utility-connect { width: 275px; float: left;}
#utility-contact { width: 425px; float: right; text-align:right; font-size: 14px; padding: 10px 0; }

#utility-connect li {float: left; position: relative; list-style: none; padding: 10px 6px 5px 5px; }
#utility-connect li:first-child {padding-left: 0; }
#top-logo { position: absolute; z-index: 999; top: 90px; margin-left: 37px;}

#slider {clear: both; width: 1050px; margin: 0 auto 0; padding-top: -5px; }
#top-row-sub {background:url(../isd/img/sub-banner.jpg) top center no-repeat; height: 234px;}

#responsive-banner { display: none; }

/* menu begin */
#menu { background: #008CDF; }

#responsive-menu {display: none;}
.menu { margin: 0; padding: 10px 0 0; }
.menu li { float: left; position: relative; list-style: none; padding: 5px 25px 15px 30px; font-size: 21px; border: 0px solid red;}
.menu > li:first-child { padding-left: 15px;}
.menu > li:last-child {padding-right: 14px;}

/* main level link */
.menu a { display: block; margin: 0; color: #ffffff; text-decoration: none; text-transform:uppercase; font-size: 19px; }
.menu a:hover { background: #3C7BCA; }

/* main level link hover */
.menu .current a, .menu li:hover > a { background: none; }

/* sub levels link hover */
.menu ul li:hover a, .menu li:hover li a { background: #008CDF; border: none; color: black; padding: 10px; border-left: 1px solid #8cb4be; border-bottom: 1px solid #c8dee4; 	border-right: 1px solid #8cb4be; text-transform:capitalize; color: #fff; }
.menu ul li:hover a { background-color: #aac7cf; }
.menu ul a:hover { background: lime; color: #fff; }

/* dropdown */
.menu li:hover > ul { display: block; }

/* level 2 list */
.menu li ul { display: none; margin: 0 0 0 0; padding: 0; width: 185px; position: absolute; top: 43px; left: 0px; border: solid 1px #fff4; z-index: 99999; }
.menu li ul li { float: none; margin: 0; padding: 0px; text-align: left; font-size: 0.8em; font-size: 15px;}
.menu li ul a { font-weight: normal; }

/* level 3+ list */
.sub-menu ul ul { left: 181px; top: -3px; overflow: visible; }

/* clearfix */
.menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;  }
.menu { display: inline-block; } 
html[xmlns] .menu { display: block;  }
* html .menu { height: 1%; }
/* menu end */


#content {background: #f6f6f1; overflow: auto; padding-bottom: 65px; }
#content ul {font-weight: 600;} /* since the p has that un-normal font-weight, we have to make the ul's with the same. Changing it outside the content area affects the menu */

#col1of1 { width: 100%; }

#col1of2, #col2of2 {float: left; overflow: auto; }
#col1of2 { width: 680px; padding-right: 75px; }
#col1of2 h3, #col1of1 h3 { font-size: 26px; margin: 40px 0 10px; font-weight: 500; color: #0F3C60;}

.body-img { border: 5px solid #b5daec; float: right; margin: 20px 0 20px 40px; }

#col1of2 h2, #col1of1 h2 { font-size: 26px; font-weight: 400; margin: 40px 0 10px 0;} 

#col2of2 { width: 250px; padding: 0 20px; color: #939080; font-size: 15px; border-radius: 0 0 8px 8px; background: url(https://www.islanddentures.com/wp-content/themes/isd/img/contact-island-dentures.jpg) #fff no-repeat bottom; min-height: 930px; border: 1px solid #e2e2d6; }
#col2of2 h2 {margin: 66px 0 15px; color:#0f3c60; font-size: 28px; }
#book-appt-sidebar {font-size: 15px; color: #0076bc; margin-top: 21px; text-transform:uppercase; text-align:center;}

.ginput_container { border: 1px solid silver; background: #f7f7f6;}
#gform_wrapper_1 { border-radius: 10px; }
#siimage {height: auto; width: 100px;}
#input_5 { border: 1px solid #c0c0c0; width: 242px;}
.not-robot .ginput_container { border: none; background: none;}
	
.dentures-table { width:100%; margin: 20px auto;  }
/* .dentures-table tr:nth-child(even) {background: #CCC} */
.dentures-table td { vertical-align: top; padding: 5px;}

.hours td { vertical-align: top;}
.consultation-form { width: 80%; margin: 0 auto;}
.consultation-page-form .checklist div { border: 0;}
textarea { width: 100%;}

#call-to-action { height: 224px; clear:both; }
#call-to-action p { font-size: 13px; line-height: 18px; color: #808285; font-weight: normal;margin: 5px 0 10px; }
#cta1,#cta2,#cta3 { width: 215px; float: left; }	 
#cta1 h5,#cta2 h5,#cta3 h5 { font-size: 18px; font-weight: bold; color: #0c3b60;}
#cta1 h5 img { margin-left: 4px;}
#cta1 { padding: 40px 77px 0 51px; }
#cta2 { padding: 40px 70px 0 43px; }
#cta3 { padding: 40px 46px 0 50px; }
.cta-bullet { margin: 0 0 0 -4px; width: 31px; float: left;}
.cta-read-more { display: inline-block; margin-right: 5px; text-align: right; float: right;}

#guarantee { height: 249px; background: #0076bc; color: #fff; font-size: 15px; text-align: center; padding-top: 35px; }
#guarantee-wrapper h3 { font-size: 40px; font-weight: normal; margin: 0 20px 0; }
#guarantee p { font-size: 25px; padding: 0 40px 0 0; color: #fff; font-weight: 300; line-height: 30px; }
#guarantee a { font-size: 26px;}

#guarantee-wrapper a { color: #89cbfe;}
#guarantee-wrapper a:hover {color: #fff; }

#contact { height: 210px; background:url(../isd/img/map-bg.jpg) top center; color: #fff; }
#contact-wrapper { }

#contact-courtenay { float: left; font-size: 16px; border-right: 10px solid #fff; }
#courtenay-map, #port-alberni-map { width: 250px; height: 210px; float: left; }
#contact-port-alberni { float: left; font-size: 16px;  }
.address-blue { background:url(../isd/img/map-blue.png); width: 260px; height: 140px; float: left; padding: 70px 0 0 10px; }

#contact h4 { font-size: 22px; font-weight: bold; }
#contact a, #contact a:hover {color: #fff;}

#footer { height: 209px; color: #fbfcfc; font-size: 12px; background: #0c3b60;}
#footer a { color: #fbfcfc;}
#footer a:hover { color: #89cbfe;}
#footer ul { color: #fbfcfc; margin-top: 8px; line-height: 33px; }
#footer li { list-style: none; }
#footer li img { margin: 6px 10px 0 0; vertical-align: top; }
#footer li { border: 2px solid transparent; 
		-moz-border-image: url(../isd/img/divider.gif) 0 0 2 0; /* Old Firefox */ 
		-webkit-border-image: url(../isd/img/divider.gif) 0 0 2 0; /* Safari */
		-o-border-image: url(../isd/img/divider.gif) 0 0 2 0; /* Opera */
		border-image: url(../isd/img/divider.gif) 0 0 2 0 repeat 30;
		width: 231px;
			      }
#footer h4 { text-transform: uppercase; color: #fbfcfc; font-size: 18px; font-weight: normal; margin-top: 0; } /* Used for Connect with Us and Make an Appointment */

#footer-privacy {margin: 42px 0 0 50px; width: 200px; clear: both; float: left;}
#footer-logo { width: 204px; float: left; padding: 28px 0 0 47px; }
#footer-connect { width: 315px; float: right; padding: 0 0 0 20px; margin-top: -50px;} 
#footer-appointment { width: 290px; float: right; padding: 0 0 0 20px; margin-top: -50px;}
	
#copyright-wrapper {text-align: center; margin-top: 20px; font-size: 14px; color:#000; opacity: 0.5;}
#copyright-designed-by {font-size: 12px; margin-bottom: 20px; }
#copyright-designed-by a {color: #105A94; }
#copyright-designed-by a:hover {color: #89cbfe; }
		


/* =============================================================================
   Media Queries for Responsive Design
   ========================================================================== */

@media (min-width:1025px) and (max-width: 1280px) { /* TABLET (landscape)  ------------------ */ 
/*  #utility, #top-row-sub, #menu, #content, #call-to-action, #guarantee, #contact, #footer, #copyright { width: 1000px; border: 1px solid green; margin: 0 auto; } */

#utility-wrapper, #menu-wrapper, #slider, #content-wrapper, #call-to-action, #guarantee-wrapper, #contact-wrapper, #footer-wrapper, #copyright-wrapper { width: 1000px; }
.menu li { padding: 5px 25px 15px; }
#col1of2 { width: 630px; }
.body-img { width: 250px; height: auto; }

.address-blue { width: 235px; }
#footer-logo { width: 300px; }
#footer-appointment { width: 280px; }
#footer-connect { width: 280px; margin-right: 20px; }
#footer-privacy { margin: 43px 0 0 50px; }
}







@media (min-width:769px) and (max-width: 1024px) { /* TABLET (portrait)  ------------------------- */ 
#utility-wrapper, #menu-wrapper, #slider, #content-wrapper, #call-to-action, #guarantee-wrapper, #contact-wrapper, #footer-wrapper, #copyright-wrapper, #col1of2 { width: 740px; }
#top-logo {top: 70px;}
#top-logo img { width: 190px; height: auto;}
.menu a { font-size: 17px; }
.menu li { padding: 5px 9px 15px;  }
#col1of2 { width: 450px; padding-right: 20px;  }
#col2of2 { width: 228px; height: 1010px; }
.body-img { width: 250px; height: auto; }
#cta1, #cta2, #cta3 { width: 200px; padding: 40px 23px 0; }
#cta1 h5 img, #cta2 h5 img, #cta3 h5 img { display: none; } 
#call-to-action { margin-bottom: 20px;}
#guarantee { height: 230px; }
#guarantee-wrapper h3 { font-size: 34px; }
#guarantee p, #guarantee a { font-size: 22px; }

#contact { height: 150px; }
.address-blue { width: 185px; height: 120px; padding: 30px 0 0 10px; }
#courtenay-map, #port-alberni-map  {width: 170px; height: 150px; overflow: hidden; }
#courtenay-map img, #port-alberni-map img {width: 180px; }
#contact h4 { font-size: 19px; }
#contact-courtenay, #contact-port-alberni { font-size:  14px; border: 0;}

#footer-logo { width: 200px; padding-left: 5px; }
#footer-privacy { margin: 40px 0 0 0; }
#footer li { width: 190px; }
#footer-connect, #footer-appointment { width: 210px; padding-left: 30px; }
#footer-connect { margin-right: 30px;}
#footer-appointment { margin-left: 20px;}
}







@media (min-width:451px) and (max-width: 768px) { /* PHONE (landscape)  ------------------------ */ 
#utility-wrapper, #menu-wrapper, #slider, #content-wrapper, #call-to-action, #guarantee-wrapper, #contact-wrapper, #footer-wrapper, #copyright-wrapper, #col1of2 { width: 450px; }

#responsive-menu {display: block;}

#menu { display: none; }
#menu-button { padding: 10px 0 10px 10px; font-size: 20px; color: #fff; font-weight: bold; background-color: #003079; text-align: left; }

#responsive-menu { width: 95%; display: inline; margin: 0 auto; text-align: left;}
#responsive-menu img { float: right; margin: 4px 10px 0 0;}
#responsive-menu ul { margin: 0; }
#responsive-menu .menu li { width: 100%; border-bottom: 1px solid #c5d9de; background-color: #0076bc; padding: 8px 0 8px 10px; }
#responsive-menu .menu li:hover { background-color: #5cb6ec; }	
#responsive-menu .menu a { color: #fff; text-transform: capitalize; }
#responsive-menu .menu li ul { position: relative; width: 100%; margin: -30px 0 40px -10px; border: 0;}
#responsive-menu .menu li ul li { width: 100%; border-top: 1px solid #d7e5e8; border-bottom: 0; background-color: #3893DC;  padding: 0 0 0 0  }
#responsive-menu .menu li ul li:hover { border-top: 1px solid #d7e5e8; }
#responsive-menu .menu li:hover li a { border: 0; }
#responsive-menu .menu ul li:hover { background-color: #8cb4be; width: 100%; border: none; } 
#responsive-menu .menu ul li:hover a { background-color: #0076bc; width: 100%; padding-left: 10px; border: 0; }
.menu li:hover li a { background-color: #5cb6ec; width: 100%; }
.menu { padding: 1px 0 0}

#top-logo, #menu, #col2of2, #utility-connect, #slider, #call-to-action { display: none; }

#utility-contact { width: 100%; text-align:center;}
#top-row-sub {display: none;}
#responsive-banner { display: block; background: url(../isd/img/responsive-banner.jpg); width: 450px; height: 232px; margin: 0 auto; }
h1 { margin: 35px 0 15px;}


#col1of2 { padding-right: 0; }
.body-img { width: 180px; height: auto; }

#guarantee { height: 280px; }
#guarantee-wrapper h3 { font-size: 30px; }
#guarantee p, #guarantee a { font-size: 20px; line-height: 25px; }

#contact { height: 310px; }
.address-blue { width: 225px; height: 120px; padding: 30px 0 0 10px; }
#courtenay-map, #port-alberni-map  {width: 215px; height: 150px; overflow: hidden; }
#courtenay-map img, #port-alberni-map img {width: 226px; }
#contact-courtenay, #contact-port-alberni { font-size:  16px; border-bottom: 5px solid white; border-right: 0; }

#footer { height: 370px; }
#footer-logo { width: 100%; text-align: center; padding: 0; float: none;  margin: 0 auto; padding-top: 25px;}
#footer-privacy { margin: 30px auto 40px; text-align: center; width: 100%; font-size: 14px; }

#footer ul { margin-left: 10px; }
#footer li { width: 180px; }
#footer-connect { width: 215px; display: block; margin: 20px 0 0 0; padding: 0; float: left; }
#footer-appointment { margin: 0 auto; width: 215px; display: block; padding: 0; float: none;}
}







@media (min-width:0px) and (max-width: 450px) { /* PHONE (portrait)  --------------------------- */ 
#utility-wrapper, #menu-wrapper, #slider, #content-wrapper, #call-to-action, #guarantee-wrapper, #contact-wrapper, #footer-wrapper, #copyright-wrapper, #responsive-banner, #col1of2 { width: 300px; }

#responsive-menu {display: block;}
#menu { display: none; }
#menu-button { padding: 10px 0 10px 10px; font-size: 20px; color: #fff; font-weight: bold; background-color: #003079; text-align: left; }

#responsive-menu { width: 95%; display: inline; margin: 0 auto; text-align: left;}
#responsive-menu img { float: right; margin: 4px 10px 0 0;}
#responsive-menu ul { margin: 0; }
#responsive-menu .menu li { width: 100%; border-bottom: 1px solid #c5d9de; background-color: #0076bc; padding: 8px 0 8px 10px; }
#responsive-menu .menu li:hover { background-color: #5cb6ec; }	
#responsive-menu .menu a { color: #fff; text-transform: capitalize; }
#responsive-menu .menu li ul { position: relative; width: 100%; margin: -30px 0 40px -10px; border: 0;}
#responsive-menu .menu li ul li { width: 100%; border-top: 1px solid #d7e5e8; border-bottom: 0; background-color: #3893DC;  padding: 0 0 0 0  }
#responsive-menu .menu li ul li:hover { border-top: 1px solid #d7e5e8; }
#responsive-menu .menu li:hover li a { border: 0; }
#responsive-menu .menu ul li:hover { background-color: #8cb4be; width: 100%; border: none; } 
#responsive-menu .menu ul li:hover a { background-color: #0076bc; width: 100%; padding-left: 10px; border: 0; }
.menu li:hover li a { background-color: #5cb6ec; width: 100%; }
.menu { padding: 1px 0 0}

#top-logo, #menu, #col2of2, #utility-connect, #slider, #call-to-action, #slider { display: none; }

#utility-contact { width: 100%; text-align:center; font-size: 10px;}
#top-row-sub {display: none;}
#responsive-banner { display: block; margin: 0 auto; }
#responsive-banner img { width: 300px; }

h1 { margin: 35px 0 15px; font-size: 25px;}
#col1of2 { padding-right: 0; }
.body-img { width: 120px; height: auto; }
#content ul { margin: 15px 0 15px 25px; }

#guarantee { height: 280px; padding-top: 20px; }
#guarantee-wrapper h3 { font-size: 26px; }
#guarantee p, #guarantee a { font-size: 18px; line-height: 21px; }
#guarantee p { padding: 0;}

#contact { height: 310px; }
.address-blue { width: 290px; height: 120px; padding: 30px 0 0 10px; }
#courtenay-map, #port-alberni-map  {display: none; }
#contact-courtenay, #contact-port-alberni { font-size:  16px; border-bottom: 5px solid white; border-right: 0; }

#footer { height: 390px; }
#footer-logo { width: 100%; text-align: center; padding: 0; float: none;  margin: 0 auto; padding-top: 25px;}
#footer-privacy { margin: 30px auto 40px; text-align: center; width: 100%; font-size: 14px; }
#footer ul { margin-left: 10px; }
#footer li { width: 180px; }
#footer-connect { width: 80%; display: block; margin: 20px auto 0; padding: 0; }
#footer-appointment { margin: 20px auto 0; width: 80%; display: block; padding: 0; }
}

/* NEW CUSTOM CSS */

#copyright-wrapper {
    padding-bottom: 18px !important;
}

@media (max-width: 450px){
#courtenay-map, #port-alberni-map{
	width: 100% !important;
}
	
	#courtenay-map, #port-alberni-map	{
		display:block !important;
	}
	#contact {
    height: 730px !important;
}
}