/*
	Theme Name: Dental Essence
	Description: Dental Essence WordPress Theme
	Tags: Blank, HTML5, CSS3

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
*{margin:0px;padding:0px;}
body{background:#fff;  font-size:14px; color:#3b3b3b; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility; background: #fff;}
a{cursor:pointer;text-decoration:none;color:#7d7d7d; transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s;
-ms-transition:all 1s ease 0s;}
ul{margin:0px; padding:0px;list-style:none;}
img{max-width:100%; outline:none;}
input[type="submit"]{cursor:pointer;}
input{border:0px; transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;}
.wrapper{margin:0 auto; width:1170px;}
.small-wrapper{margin:0 auto; width:945px;}

/* Header */

header{float: left; width: 100%; padding: 30px 0 0;}
.header-right {display: inline-block;float: right;text-align: right; padding: 20px 0 0; width: 80%}
.header-right p{display: inline-block;color: #0bbac0; padding: 0; font-weight: 700; font-size: 30px;}

.social-media {float: right; margin-left: 40px; margin-top: 10px;}
.social-media li{float: left;}
.social-media li a i{color: #0083ca; font-size: 27px; margin-left: 6px;}
/*
.social-media {float: right; margin-left: 40px; margin-top: 10px;}
.social-media li{float: left;}
.social-media li a i{font-size: 27px;}
.social-media li:first-child a i{color: #0083ca;}
.social-media li:last-child a i{color: #3f3f3f; margin-left: 6px;}
*/

.nav.menu-nav {list-style: none;text-align: center;padding: 0;text-align: right;clear: both;display: block;margin: 8px 0 0;position: relative; z-index: 9999;}
.nav.menu-nav li {display: inline-block;list-style: none;margin: 0;vertical-align: middle;float: left; position: relative;}
.nav.menu-nav li ul{position: absolute; z-index: 99; left: -14px; width: 190px; background: #0083ca; border-radius: 0 0 5px 5px; display: none;}
.nav.menu-nav li:hover ul{display: block;}
.nav.menu-nav li ul:before{position: absolute; top: -11px; background: url(images/menu-tip.png) no-repeat; content: ''; width: 18px; height: 11px; left: 50%; margin-left: -9px;}
.nav.menu-nav li ul li{float: left; width: 100%;}
.nav.menu-nav li ul li a{float: left; width: 100%; text-align: center; padding: 8px 0 !important; font-size: 14px; color: #fff; line-height: 16px;}
.nav.menu-nav li ul li a:hover{background: #fff; color: #0083ca; font-weight: 600;}
.nav.menu-nav li.current-menu-item a::after {color: #fff !important;}
.nav.menu-nav li a { font-size: 14px; color:#3b3b3b; padding: 0 12px 30px; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; display: inline-block;}
.current-menu-item a {color: #007ece !important;}
li.current-menu-item ul li a{color: #fff !important}
li.current-menu-item ul li:hover a{color: #007ece !important}
.nav.menu-nav li:first-child a{padding-left: 0;}
.nav.menu-nav li:last-child a{padding-right: 0;}
.logo a img, .logo a, .logo{float: left;}
.nav.menu-nav{float: right;}
.header-right p i{padding-right: 10px;}

/************* MObile Menu ***************/

.menu-toggle {top: 20px; display: none;}
.menu-toggle i{color: #0083ca; font-size: 34px; border: 2px solid #0bbac0; padding: 0px 5px; border-radius: 4px;}
.displaynone{display: none !important}

/* Home Content */

.home_slider{float: left; width: 100%;}
.panel-layout{float: left; width: 100%;}
.circle-green, .circle-blue{width: 230px; height: 230px; background: #0083ca; border-radius: 140px; text-align: center; color: #fff;vertical-align: middle; display: table-cell; left: 9.5%; position: relative; margin-bottom: 0;}
.circle-green{background:#0bbac0;}
.circle-green h2, .circle-blue h2{line-height: 22px; font-size: 19px; padding-top: 12px; font-weight: 700;}
.cricle-row p, .cricle-row p{color: #3b3b3b; font-size: 14px; line-height: 21px; padding-top: 20px;}
#pl-7 .cricle-row .so-panel{margin-bottom: 0 !important}

/************* Welcome ***************/

#welcome-row{position: relative;color: #fff;}
#welcome-row:before{position: absolute; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .6); top: 0; left: 0;}
#welcome-row h1{color: #0bbac0; font-weight: 700; text-transform: uppercase; font-size: 42px;}
#welcome-row .panel-grid-cell{z-index: 99;}
#welcome-row label{text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 500; padding-top: 25px; padding-bottom: 20px; display: inline-block;}
#welcome-row p{ line-height: 21px;}

/************* Latest News ***************/

#latestnews article{float: left; width: 50%; padding:0 30px; box-sizing:border-box; padding-bottom: 35px !important;}
#latestnews article:nth-child(3), #latestnews article:first-child{padding-left: 0;}
#latestnews article:nth-child(4), #latestnews article:nth-child(2){padding-right: 0;}

#latestnews .postthumbnail{width: 37%; float: left; text-align: right;}
/* #latestnews .postthumbnail{width: 37%; float: left;} */

#latestnews .postcontent{width: 57%; float: right;}
#latestnews .postcontent h3{font-size: 14.5px; font-weight: 700; text-transform: uppercase; padding-bottom: 2px;}
#latestnews .postcontent h3 a{color: #0083ca;}
#latestnews .postcontent p{color:#000000;}
#latestnews .postcontent a.readmore{color: #fff; text-transform: uppercase; font-size: 14px; background: #0bbac0; padding: 4px 12px; display: inline-block; margin-top: 11px; font-weight: 700; border-radius: 5px;}
#latestnews .postcontent a.readmore:hover{background: #0083ca}
#latestnews h2{text-align: center; text-align: center; float: left; width: 100%; color: #0083ca; text-transform: uppercase; font-size: 38px;}
#pg-7-3{background-image: url(https://www.dentalessence.com.au/wp-content/uploads/2018/01/contactbg.jpg); background-position: center center; background-size: cover; position: relative;}
#pg-7-3:before{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(17, 116, 169, .8);}

/************* Contact Row ***************/

#contact-row{z-index: 999; position: relative;}
.contct-sec h2{color: #fff; font-size: 38px; font-weight: 700; display: inline-block; width: 100%; padding-bottom: 15px;}
.contct-sec b, .contct-sec p{color: #fff;}
.contct-sec iframe{padding-top: 20px;}
.contct-sec p span{color: #2bd0d6; font-weight: 700;}
.ginput_complex label, label.gfield_label, .gfield_description{display: none !important}
.gform_body input{float: left; width: 100%; border: none; border-radius: 5px; padding: 5px 10px; margin-bottom: 10px; min-height: 35px; box-sizing:border-box;}
.gform_body textarea{float: left; width: 100%; border: none; border-radius: 5px; padding: 5px 10px; min-height: 150px; box-sizing:border-box;}
#contact-row .gform_wrapper{margin-top: 95px !important; margin-bottom: 0 !important;}
.gform_button{color: #fff; text-transform: uppercase; font-size: 15px; background: #0bbac0; padding: 5px 20px; display: inline-block; margin-top: 27px; font-weight: 700; border-radius: 5px; font-family: 'Open Sans', sans-serif;}
.gform_button:hover{background: #0083ca}
.validation_error{color: red;}
.contacttrow{float: left; width: 100%; padding: 40px 0;}
.gform_title{display: none !important}
#contact-row .panel-grid-cell{float: left; width: 50%; padding: 0 20px; box-sizing:border-box;}
#contact-row .panel-grid-cell:first-child{padding-left: 0}
#contact-row .panel-grid-cell:last-child{padding-right: 0}
body .gform_wrapper ul li.gfield, body .gform_wrapper .top_label div.ginput_container{margin-top: 0 !important}
.gform_wrapper .top_label input.medium{width: 100% !important}

/* Footer */

footer#footer{float: left; width: 100%;}
footer#footer .top-footer{float: left; width: 100%; background: #00293f; padding: 50px 0;}
footer#footer .top-footer .wrapper{position: relative;}
footer#footer .top-footer .firstclass{float: left; width: 150px; padding-right: 15px;}
footer#footer .top-footer .firstclass li a{float: left; width: 100%; color: #2bd0d6; font-size: 14px; text-transform: uppercase;}
footer#footer .top-footer .firstclass li{float: left; width: 100%; padding-bottom: 3px;}
.footermenu{float: left; width: 230px; padding-right: 30px;}
.footermenu.last{padding-right: 0;}
.footermenu h3{float: left; width: 100%; color: #2bd0d6; font-size: 14px; text-transform: uppercase; font-weight: normal;}
.footermenu ul{float: left; width: 100%;}
.footermenu ul li{float: left; width: 100%; line-height: 22px;}
.footermenu ul li a{float: left; width: 100%; color: #fff; font-size: 14px;}
.footer-logo{position: absolute; top: 100px; right: 0;}
.footer-bottom{float: left; width: 100%; background: #0bb9c0; padding: 25px 0; color: #fff; font-size: 13px;}
.footer-bottom a{color: #fff;}
.footer-social{float: right;}
.footer-social li{float: left; margin-left: 6px;}
.footer-social li a i{font-size: 27px;}

/************* Inner Page ***************/


.inner-page{float: left; margin-bottom: 100px; width: 100%;}
/* .inner-page{float: left; width: 100%;} */


.top-sec{padding: 50px 0; text-align: center; color: #000; line-height: 21px;}
.top-sec h2,.top-sec h1{float: left; width: 100%; font-size: 38px; color: #0083ca; text-transform: uppercase; padding-bottom: 30px; line-height: 38px;}
.imag100 img{width: 100%;}
.treatmentroom h3{font-size: 20px; text-transform: uppercase; color: #fff; line-height: 22px;}
.treatmentroom p{color: #fff; padding-top: 15px; font-size: 14px;}
.imagesec{border-radius: 10px 0 0 10px;}

.dentistry-grid, .dentistry-grid ul{float: left; width: 100%;}
.dentistry-grid{margin-bottom: 40px;}
.dentistry-grid ul li{float: left; width: 50%; padding: 0 15px; box-sizing:border-box; margin-bottom: 20px;}

/* .dentistry-grid ul li img{float: left; }  */

.title-sec{position: absolute; bottom: 0; left: 0px; color: #fff; background: rgba(84, 207, 211, .8); width: 100%; box-sizing: border-box; border-radius: 0 0 10px 10px; padding: 10px 0;}
.title-sec label{float: left; font-size: 18px; text-transform: uppercase; font-weight: 700; margin-left: 28px;}
.title-sec .read-hide{float: right;}
.title-sec .read-hide label.hide{display: none;}
.title-sec .read-hide label{font-size: 14px; margin-right: 20px; font-weight: 700; margin-top: 4px; cursor: pointer;}

.grid-cont{position: relative; float: left; width: 100%; z-index: 99;}
.descriptionmain{float: left; width: 206%; padding: 35px 25px; background: #e4e4e5; box-sizing: border-box; border-radius: 0 10px 10px 10px; margin-top: 20px; display: none;}
.dentistry-grid ul li.even .descriptionmain{float: right;}
.descriptionmain-left{float: left; width: 50%; padding-right: 2%; box-sizing: border-box; position: relative;}
.descriptionmain-left:before{width: 103%; height: 34px; position: absolute; content: ''; left: -26px; top: -68px; background: url(images/top-im.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-position: bottom center; background-size: 100% 100%;}
.dentistry-grid ul li.even .descriptionmain-left:before{display: none !important}
.dentistry-grid ul li.even .descriptionmain-right:before{width: 103%; height: 34px; position: absolute; content: ''; left: 8px; top: -67px; background: url(images/top-im2.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-position: bottom center; background-size: 100% 100%;}
.descriptionmain-right{float: right; width: 50%; padding-left: 2%; box-sizing: border-box; position: relative;}
.c h2{font-size: 17px; color: #0083ca; text-transform: uppercase; font-weight: 700; padding-bottom: 10px;}
.descriptionmain p{color: #000000; line-height: 21px; padding-bottom: 15px; float: left; width: 100%; font-weight: 600; font-size: 13px;}
.descriptionmain-right iframe, .descriptionmain-right img{margin-bottom: 15px;}

/* Blog Page */

.post-grid{float: left; width: 33%; padding:0 1%; box-sizing:border-box; margin-bottom: 20px;}
.post-grid article .postcontent h2 {font-size: 16.38px; line-height: 21px; padding: 0;}
.post-grid article .postcontent:hover h3 a, .post-grid article .postcontent:hover h2 a{color: #0bb9c0; text-decoration: none;}
.post-grid article img{width: 100%;}
.post-grid article .postcontent h3 a, .post-grid article .postcontent h2 a{color: #fff; padding: 10px 0;}
.post-grid article .postcontent{ position: absolute; bottom: 0; width: 100%; background:rgba(11, 185, 192, .8); border-radius: 0 0 10px 10px;}
.post-grid article .postcontent:hover{background:rgba(255, 255, 255, .8);}
.post-grid .postthumbnail a, .post-grid .postthumbnail, .post-grid .postthumbnail img{float: left; width: 100%;}
.post-grid .postthumbnail{position: relative;}

/* Contact Page */

.page-template-contact-tpl .contacttrow{display: none !important}
.contact-cont{float: left; width: 100%; padding-bottom: 40px;}
.contact-page b{font-size: 17px; color: #2bd0d6;}
.contact-cont{float: left; width: 100%;}
.contact-cont-left{float: left; width: 50%; padding-right:2%; box-sizing:border-box;}
.contact-cont-right{float: right; width: 50%; padding-left:2%; box-sizing:border-box;}
.contact-cont .contact-cont-right textarea, .contact-cont .contact-cont-right input[type="text"]{background: #eee;}
.contact-cont .gform_wrapper{margin-top: 0 !important}
.gform_heading{display: none !important}



/* SD Additional Content */

.descriptionmain-left p img { height: auto; }
.descriptionmain-right p img { height: auto; }

.inner-page p { margin-bottom: 12px; margin-top: 12px; }

.page-id-7 .postthumbnail .wp-post-image {
	border-radius: 5px;
	height: auto;
	width: 205px;
}

.page-id-148 .postthumbnail .wp-post-image {
    border-radius: 10px;
	height: 200px;
	width: 100%;
}

/* SD Custom Content */

.sd-booknow-btn { display: inline-block; }

.sd-expand_hdr_image {
    border-radius: 10px 10px 10px 10px;
    width: 100%;
}

.sd-ftr-contact-hours { padding-top:20px; }
.sd-ftr-contact-hours h3 { padding-bottom:5px; }
.sd-ftr-contact-hours span { display:inline-block; width:45px; padding-right: 10px; }
.sd-ftr-contact-hours a { color: #2bd0d6; font-weight: bold; }

.sd_fullw_box { margin-bottom: 40px; }

.sd_fullw_box1_l {
    background-position: center center;
    background-size: cover;
    border-radius: 10px 0 0 10px;
}

.sd_fullw_box2_l {
    background-color: #0bbac0;
    border-radius: 10px 0 0 10px;
    padding-bottom: 32px;
    padding-left:22px;
    padding-right: 22px;
    padding-top: 32px;
}

.sd_fullw_box1_r {
    background-color: #0083cb;
    border-radius: 0 10px 10px 0;
    padding-bottom: 32px;
    padding-left:22px;
    padding-right: 22px;
    padding-top: 32px;
}

.sd_fullw_box2_r {
    background-position: center center;
    background-size: cover;
    border-radius: 0 10px 10px 0;
}

.sd_header_image {
    display:inline-block;
    background-position: center center;
    background-size: cover;
    height: 380px;
    width: 100%;
}

.sd_header_text {
	margin-bottom: 30px;
	max-width: 1000px;
}

.sd_header_text p {
	margin-bottom: 12px;
	margin-top: 12px;
}

.sd-phone:link, .sd-phone:visited { color:#0bbac0; }

.sd_post_date {
    font-size: 16px;
    font-style: italic;
}

.sd_main_cont { display: inline-block; text-align: left; }

@media (min-width: 991px) and (max-width: 1170px) {
	.sd-ftr-contact-hours h3 { padding-bottom:0px; }
	.sd-ftr-contact-hours span { padding-top: 7px; display: block; }
}

@media(min-width: 768px){
    .sd_row_equal_height {
        display: table;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .sd_col_equal_height {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

@media(max-width: 1199px) {
    .page-id-148 .postthumbnail .wp-post-image { max-height: 175px; }
    .sd_header_image { height: 300px; }
}

@media(max-width: 991px) {
    .page-id-148 .postthumbnail .wp-post-image { max-height: 125px; }
    .sd_header_image { height: 225px; }
}

@media(max-width: 767px) {
    .page-id-148 .postthumbnail .wp-post-image { max-height: 140px; }
    .sd_header_image { height: 150px; }
    .sd_header_text {
        padding-bottom: 0px !important;
        padding-top: 30px !important;
    }
    .sd_row_equal_height {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
    .sd_fullw_box1_l, .sd_fullw_box2_l { border-radius: 10px 10px 0 0; }
    .sd_fullw_box1_r, .sd_fullw_box2_r { border-radius: 0 0 10px 10px; }
}

@media(max-width: 550px) {
    .page-id-148 .postthumbnail .wp-post-image { max-height: 120px; }
}

@media(max-width: 480px) {
    .page-id-148 .postthumbnail .wp-post-image { max-height: 200px; }
}