/*
Theme Name: Smile Doctor
Description: Smile Doctor Responsive Theme
Author: Your name here
Template: inovado
Version: 1.0
*/

@import url("../inovado/style.css");

/*-------------------------- GENERAL --------------------------*/
body {
	border-top: 4px solid #6D87C3;	
}

h1, h2, h3 {
	font-weight: lighter !important;
}

.clear-float {
	clear:both;
}


/*-------------------------- HEADER --------------------------*/
.headerMakeAppointmentBtn {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#headerContact {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:20px;
}
#headerContact a#headerContactPhone {
	font-size: 30px;
	line-height: 1;
}
#headerContact div#headerContactAddress {
	color:#6D87C3;
}

@media only screen and (max-width: 767px) {

	.headerMakeAppointmentBtn {
		margin-bottom: 20px;
	}

}

@media only screen and (min-width: 768px) {

	.logo {
		float:left;
		width:30%;
	}
	.header-right-col {
		float:right;
		width:60%;
	}

	#headerContact {
		float:right;
		margin-left:60px;
		margin-top:35px;
	}
	.headerMakeAppointmentBtn {
		float:right;
		display: block;
		margin-top: 35px;
	}

}

/*-------------------------- BOTTOM --------------------------*/
.bottom-slider-right-widget-area img {
	display: block;
	width:100%;
	height: auto;
	max-width: 100%;
}

#bottomBookingSection {
	background-color: #6D87C3;
	text-align: center;
	vertical-align: middle;
	color:#ffffff;
	padding:5px 0px;
	font-weight: lighter !important;
	font-size: 25px;
	margin-top:40px;
}
#bottomBookingSection img {
	vertical-align: middle;
}

@media only screen and (min-width: 768px) {

	.bottom-slider-section-left-col {
		float:left;
		width:65%;
	}
	.bottom-slider-section-right-col {
		float:right;
		width:33%;
	}

	.cycloneslider-template-standard .cycloneslider-pager {
		top:3px;
		right:0px;
		text-align: right !important;
		left:-10px !important;
	}

	.bottom-slider-section-left-col .cycloneslider {
		margin-top:11px;
	}

}

/*-------------------------- FOOTER --------------------------*/
#footerContactSection {
	padding:20px 0;
	background: #e4e9f4;
}
#footerLogo {
	text-align: center;
}
#footerContact {
	color:#6D87C3;
	text-align: center;
}

#footer {
	border-top:none !important;
	background: #e4e9f4 !important;
}


.footer-menu-col-heading {
	font-size:15px;
	font-weight: lighter !important;
	color:#6D87C3;
	line-height: 1;
	border-bottom:1px solid #6D87C3;
	padding-bottom:5px;
}

.footer-menu-col ul {
	margin-left:19px;
	list-style-type: disc;
}

#copyright {
	background-color: #ffffff !important;
	text-align: center;
	color:#6D87C3 !important;
}
#copyright a {
	color:#6D87C3 !important;
}

@media only screen and (min-width: 768px) {

	#footerLogo {
		width:68%;
		float:left;
		text-align: left;
	}
	#footerContact {
		width:32%;
		float:right;
		padding-top:20px;
		text-align: left;
	}

	.footer-menu-col {
		width:18%;
		float: left;
		margin-right:10px;
	}

}

/*-------------------------- NAVIGATION MENU --------------------------*/
#header-v2 #navigation ul#nav > li > a {
	padding:14px 10px !important;
}

/* second level nav */
html body #navigation ul.sub-menu {
	border-top: none !important;
	background:rgba(109,135,195,0.8) !important;
	padding:0px 0px;
}
#navigation ul.sub-menu li {
	border-bottom: none;
	padding:0px 15px;
}
#navigation ul.sub-menu li:hover {
	background-color: #6D87C3 !important;
}
html body #navigation ul.sub-menu li a, 
html body #navigation ul.sub-menu li .sub-menu li a, 
html body #navigation ul.sub-menu li .sub-menu li .sub-menu li a {
	color:#ffffff !important;
	font-weight:lighter !important;
	border-bottom: 1px solid #ffffff;
}
html body #navigation ul.sub-menu li:last-child a, 
html body #navigation ul.sub-menu li .sub-menu li:last-child a, 
html body #navigation ul.sub-menu li .sub-menu li .sub-menu li:last-child a {
	border-bottom: none;
}

/* mobile menu */
@media only screen and (max-width: 767px) {

	body #header-v2 #navigation .select-menu {
		display: none !important;
	}

}

/* shift nav */
.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target {
    background-color: #6D87C3 !important;
    color: #ffffff !important;
}
.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
	color:#666666 !important;
}

/*-------------------------- HOME PAGE --------------------------*/
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
	background-color: #3d2d84 !important;
}
.cycloneslider-template-standard .cycloneslider-pager span {
	background-color:#cccccc !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	-o-box-shadow:none !important;
	box-shadow:none !important;
}

/*-------------------------- INTERNAL PAGE --------------------------*/
#internalPageTitleBar .container {
	/*background: url(images/internal-page-titlebar.jpg) no-repeat right -40px;*/
        /*background: url(http://smiledoctor-preview.boostaging.com.au/wp-content/uploads/2015/10/banner.png) no-repeat right;*/
	height: 120px;
}
#internalPageTitleBar h1#titleBarHeading {
	color:#6D87C3;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 120px;
	margin-left:30px;
}

/*-------------------------- CONTACT US PAGE --------------------------*/
.contact-page-phone-number {
	font-size: 30px;
	line-height: 1;
	color:#6D87C3;
}
.contact-page-address {
	color:#6D87C3;
	font-size: 14px;
}

#contactFormHeading {
    color: #ffffff;
    font-size: 17px;
    font-weight: lighter;
    padding: 10px 10px 10px 60px;
    background:#6D87C3 url(images/icon-plus.png) no-repeat 20px center;
}
#contactFormContainerInner {
	padding:25px 30px;
	background-color: #cccccc;
}
#contactFormIntroText {
	margin-bottom:20px;
}
.contactFormRow {
	margin-bottom: 15px;
}
.wpcf7-form input[type=submit].wpcf7-submit {
	background-image: none;
	background-color:#6D87C3;
	border:1px solid #6D87C3;
	color: #ffffff;
	font-weight: lighter;
	padding:8px 36px;

	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.wpcf7-form input[type=submit].wpcf7-submit:hover {
	background-color:#ffffff;
	border:1px solid #6D87C3;
	color: #6D87C3;
	font-weight: lighter;

	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

.wpcf7-form span.wpcf7-form-control-wrap.quiz-captcha label {
	float:none;
	width:100%;
}
.wpcf7-form span.wpcf7-form-control-wrap.quiz-captcha label span.wpcf7-quiz-label {
	font-weight: normal;
}
.wpcf7-form span.wpcf7-form-control-wrap.quiz-captcha input {
	display: inline-block;
	width:150px;
}


@media only screen and (min-width: 960px) {

	.wpcf7-form #nameLabel {
		width:60px;
	}
	.wpcf7-form #nameField {
		width:330px;
	}
	.wpcf7-form #surnameLabel {
		width:75px;
	}
	.wpcf7-form #surnameField {
		width:315px;
	}
	.wpcf7-form #numberLabel {
		width:128px;
	} 
	.wpcf7-form #numberField {
		width:261px;
	}
	.wpcf7-form #emailLabel {
		width:75px;
	}
	.wpcf7-form #emailField {
		width:315px;
	}
	.wpcf7-form #textareaLabel {
		width:100%;
	}
	.wpcf7-form #textareaField {
		width:100%px;
	}
	.wpcf7-form #dateField {
		width:240px;padding:8px;
	}
	.wpcf7-form #dateLabel {
		width:128px;
	} 
	.wpcf7-form #timeLabel {
		width:125px;
	} 
	.wpcf7-form #timeField {
		width:265px;
	} 
	.wpcf7-form #postcodeLabel {
		width:85px;
	} 
	.wpcf7-form #postcodeField {
		width:304px;
	} 

	#submitBtnRow {
		text-align: right;
	}
	#submitBtnRow input[type=submit] {
		position: relative;
		left:23px;
	}

}

/*-------------------------- BLOG PAGE --------------------------*/
.posts-list-single {
	margin-bottom:20px;
}
.posts-list-single-meta {
	padding-top:20px;
}
.posts-list-single-meta span {
	margin-left:20px;
	margin-right:20px;
}
.posts-list-single hr {
	margin-top:40px;
}

#sidebar div.widget h3.title span {
	color:#6D87C3;
	font-weight: lighter;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
}
#sidebar .widget_categories label.screen-reader-text {
	display: none;
}

.posts-list-single:last-child hr {
	display: none;
}

.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color:#6D87C3 !important;
	background-color: #6D87C3;
	color: #ffffff;
}

@media only screen and (min-width: 768px) {

	.posts-list-single-image-container {
		width:40%;
		float:left;
	}
	.posts-list-single-content-container {
		width:56%;
		float: right;
	}
	.posts-list-single-image-container img {
		display: block;
		width:100%;
		height: auto;
		max-width: 100%;
	}

}

/*-------------------------- SITEMAP PAGE --------------------------*/
ul.wsp-pages-list,
ul.wsp-posts-list,
ul.wsp-pages-list ul.children,
ul.wsp-posts-list ul.children  {
	list-style-type: disc;
}

.covid-msg {
    font-size: 15px;
    border: 1px solid #6D87C3;
    padding: 10px 20px;
    border-radius: 7px;
    background: #6D87C3;
    margin-top: 9px;
    color: #fff;
}
.covid-msg .ctitle {
   font-size: 20px;
   font-weight: bold;
}
.covid-msg .tel {
    font-size: 19px;
}

@media only screen and (max-width: 767px) {
    .covid-msg {
        margin-bottom:10px;
    }
}