/*
Theme Name: varshakulkarni
Version: 1.0.0
Theme URI: http://optimized360.com
Template: rogue
Author: Optimized360
Author URI: http://optimized360.com/about-us
License: Copyright Optimized360 LLC - All Rights Reserved © 2013-2016
*/

/*========================================================================
			Base
========================================================================*/
body {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #000;
    transition: ease-out .2s;
}

a:hover,
a:active,
a:focus {
    color: rgba(58, 82, 118, 1);
    text-decoration: none;
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Dosis', sans-serif;
}

.btn.btn-custom,
.home #main-content .btn.btn-custom{
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    min-width: 150px;
    padding: 10px 15px;
    background: #807972;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
}

.btn.btn-custom:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #acde39;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn.btn-custom:hover {
    color: #000;
}

.btn.btn-custom:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#recent-posts h1, #services h1 {
color: #030000;
margin: 0;
padding: 0;
font-size: 25px;
margin-bottom: 30px;
}

h2 {
text-transform: uppercase;
color: #030000;
}

#recent-posts {
background: #f2f2f2;
padding: 60px 0;
}
#recent-posts .col-sm-4 {
margin-bottom: 20px;
}
#recent-posts h3, #recent-posts h3 a {
margin: 0;
padding: 0;
color: #030000;
font-size: 22px;
margin-top: 20px;
}
#recent-posts .date {
color: #030000;
margin: 0;
padding: 0;
font-size: 14px;
text-transform: none !important;
font-family: 'Work Sans', sans-serif;
}
#recent-posts .excerpt {
color: #030000;
margin: 0;
padding: 0;
font-size: 15px;
font-family: 'Work Sans', sans-serif;
text-transform: none !important;
}
.blog-thumb img {
   display:block;
width:100%;
border: 10px solid #363636;
}



/* social icons */
.social {
    list-style-type: none;
    padding: 0;
}

.social li {
    display: inline-block;
}

.social li:nth-child(2) {
    margin: 0 10px;
}

.social li a {
    vertical-align: middle;
    font-size: 32px;
    color: #acde39;
}

.social li:first-child a {
    font-size: 22px;
    border: 2px solid #acde39;
    border-radius: 5px;
    padding: 0 10px;
}

.social li:first-child a:hover,
.social li:first-child a:focus {
    border: 2px solid #fff;
}

.social li a:hover,
.social li a:focus {
    color: #fff;
}

/*========================================================================
			Modules
========================================================================*/

/* headerbar */
#headerbar {
    padding-top: 30px;
    background-color: #000;
}

#headerbar .col-md-4:nth-child(1) i {
    color: #acde39;
    font-size: 26px;
    padding-right: 5px;
}

#headerbar .col-md-4:nth-child(1) a:first-child {
    font-size: 16px;
}

#headerbar .col-md-4:nth-child(1) a {
    color: #acde39;
    font-size: 18px;
}
.ion-ios-location{
	color: #acde39;
	}
	.ion-iphone{
	color: #acde39;
	}
	.phone:hover{
		color: #acde39;
		}
	
#headerbar .col-md-4:nth-child(1) a:hover,
#headerbar .col-md-4:nth-child(1) a:focus {
    color: #acde39;
}

#headerbar .col-md-4:nth-child(1) i:last-child {
    vertical-align: middle;
}

#headerbar .col-md-4:nth-child(2) img {
    max-width: 100px;
    width: 100%;
    height: auto;
}

#headerbar .col-md-4:nth-child(2) h1 {
    text-transform: uppercase;
    color: #d9cdc0;
    font-weight: 500;
    margin-top: 15px;
    font-size: 28px;
    margin-bottom: 0;
}

#headerbar .btn.btn-custom,
#headerbar .col-md-4:nth-child(1) .btn.btn-custom {
    padding: 10px 20px;
	color: #fff;
}

#headerbar .col-md-4:nth-child(1) span{
	color: #B9B9B9;
}

#headerbar .col-md-4:nth-child(1) .btn.btn-custom {
	margin-top: 5px;
}

#headerbar .btn.btn-custom:hover,
#headerbar .col-md-4:nth-child(1) .btn.btn-custom:hover{
	color: #000;
}

/* hero-home & hero-inner*/
#hero-home .et_pb_slide {
	height: 75vh !important;
    min-height: 480px !important;
    background-size: cover !important;
	background-position: top !important;
}

#hero-inner .et_pb_slide {
    height: 700px !important;
    background-size: cover !important;
}

.page #hero-inner {
	display: none !important;
}

#hero-home .et_pb_slide_description,
#hero-inner .et_pb_slide_description {
    padding: 0 !important;
	color: #acde39 !important;
}

#hero-home .et_pb_slide_content h2,
#hero-inner .et_pb_slide_content h2 {
    text-transform: uppercase !important;
    font-family: 'Dosis', sans-serif !important;
    text-align: left !important;
    font-weight: 500 !important;
    font-size: 44px !important;
    color: #acde39 !important;
    line-height: 60px !important;
}

#hero-home .et_pb_slide_content h2 span,
#hero-inner .et_pb_slide_content h2 span {
    color: #acde39 !important;
    font-size: 55px !important;
}

#hero-home .et_pb_slide_content .btn.btn-custom {
    padding: 15px;
    background: #807972;
    text-transform: uppercase;
    float: left;
    margin-top: 15px;
    min-width: 285px;
}

#hero-inner .et_pb_slide_content .btn.btn-custom {
    display: none !important;
}

#hero-home .et_pb_slide_content .btn.btn-custom:hover{
    color: #000;
}

/* post / page / archive ---*/
.blog #main-content h1,
.page:not(.home) #main-content h1:first-child,
.single #main-content h1:first-child,
.archive #main-content h1 {
    margin-bottom: 30px;
}

.blog #main-content,
.page:not(.home) #main-content,
.single #main-content,
.archive #main-content {
    background-color: #181818;
    color: #ccc;
}

.blog #main-content a,
.page:not(.home) #main-content a,
.single #main-content a,
.archive #main-content a {
    color: #acde39;
}

.blog #main-content a:hover,
.page:not(.home) #main-content a:hover,
.single #main-content a:hover,
.archive #main-content a:hover {
    color: #acde39;
}

.blog #main-content .container,
.page:not(.home) #main-content .container,
.single #main-content .container,
.archive #main-content .container {
    padding: 30px 15px 15px;
    font-size: 16px;
    line-height: 1.5;
}

/* services */

.white-font {color:#b9b9b9}
#services {
    padding: 45px 0 15px;
    background-color: #f2f2f2;
}

#services figure {
    position: relative;
    border: 1px solid #807972;
    padding: 5px;
    transition: ease-out .3s;
    overflow: hidden;
}

#services figure:hover:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: ease-out .3s;
}

#services figure:hover span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    background-color: transparent;
}

#services figure span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    text-align: center;
    z-index: 99;
    transition: ease-out .3s;
}

#services .col-xs-6 {
    margin-bottom: 30px;
}

/* Welcome */
.home #main-content {   	
	/*background-image: url("https://healthysmilesdentistry.net/wp-content/uploads/2025/03/main-page2.jpg");*/	
    background-color: #181818;
    color: #b9b9b9;
	width: 100%;
    height: 100%;    
/*     background-attachment: fixed;   */
	background-size: contain;
    background-repeat:no-repeat;
	background-blend-mode: lighten;		
/* 	padding: 60px 0;	 */
}

.home #footer-main iframe {
    display: block;
}
/* 
.home #main-content .col-md-12 {
    width: 50%;
    float: right;
} */

.home #main-content .btn.btn-custom {
    margin-top: 30px;
}

/* .home #main-content .container .col-md-12 img {
    margin-top: 29px;
    height: 42px;
} */

.home #main-content .container h1:first-child {
    display: none;
}

.home #main-content h1,
.home #main-content h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* testimonials */
#testimonials {	
    background-color: #181818;
    color: #b9b9b9;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    padding: 60px 0;
}

#testimonials h2 {
    text-transform: uppercase;
    color: #b9b9b9;
}

#testimonials .et_pb_slide {
    background-color: transparent !important;
    padding: 0 !important;
}

#testimonials .et_pb_slide_description {
    padding: 30px 0 !important;

}

#testimonials .et_pb_slide_content {
    font-size: 16px !important;
    font-style: normal !important;
}

#testimonials .et_pb_slide_content .star {
    color: #acde39 !important;
}

#testimonials .et_pb_slide_content h4 {
    text-align: right !important;
    font-size: 24px !important;
    margin-top: 30px !important;
}

#testimonials .et_pb_slide_content p {

}

#testimonials .et_pb_container {
    width: 100% !important;
}

/* appointment */
#appointment {
    background-color: #181818;
    color: #b9b9b9;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    padding: 60px 0;
}

#appointment h2 {
    text-transform: uppercase;
        color: #b9b9b9;
}

/* footer-main */
#footer-main {
    background-color: #030000;
    color: #858585;
}

#footer-main iframe {
    display: none;
}

#footer-main .col-sm-12 {
    margin-top: 45px;
}

#footer-main .col-sm-4:nth-child(1) ul {
    list-style-type: none;
    display: table;
    padding: 0;
}

#footer-main .col-sm-4:nth-child(1) ul li {
    display: inline-table;
    padding: 5px 15px;
    text-transform: uppercase;
	padding-left: 1em; 
    text-indent: -.7em;
}
#footer-main .col-sm-4:nth-child(1) ul li::before {
  content: "• ";
  color: #acde39;
}

#footer-main .col-sm-4:nth-child(1) ul li a:hover {
    color: #acde39;
}

#footer-main .col-sm-4:nth-child(2) i {
    color: #acde39;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 5px;
}

#footer-main .col-sm-4:nth-child(2) p {
    text-transform: uppercase;
}

#footer-main a {
    color: #858585;
}

#footer-main .social a {
    color: #acde39;
    font-size: 42px;
}

#footer-main h4 {
    text-transform: uppercase;
}

#footer-main .social li:first-child a {
    font-size: 28px;
    padding: 0 12px;
}

#footer-main .social a:hover,
#footer-main .social a:focus {
    color: #858585;
    border-color: #858585;
}

/*========================================================================
			Extra CSS
========================================================================*/
.page-id-187 #main-content .col-md-12 .et_pb_section,
.page-id-194 #main-content .col-md-12 .et_pb_section{
	padding: 0 !important;
}

/*========================================================================
			Main Nav Style
========================================================================*/

.nav-fixed{
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
}

.navbar {
    background-color: #000;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 400;
    padding-top: 5px;
}

/*========================================================================
							Menu Level One
========================================================================*/
.navbar-collapse {
    text-align: center;
}

.navbar li {
    float: none;
    display: inline-block;
}

.navbar-nav {
    float: none;
    display: inline-block;
    padding-top: 5px;
}

/* Main Menu Item */
.navbar .navbar-nav > li > a {
    color: #fff;
    margin: 5px 10px 0;
    padding: 5px 10px 25px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    text-transform: uppercase;
}

/* Main Menu Item Hover, Active, Focus, Open */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #acde39;
    position: relative;
}

/*========================================================================
							Menu Level Two (Dropdown)
========================================================================*/
/* Dropdown Menu Wrap */
.dropdown-menu {
    padding: 0;
}

/* Dropdown Menu Item */
.dropdown-menu li {
    display: block;
    background-color: #181818;
}

.dropdown-menu > li > a {
    padding: 12px;
    color: #fff;
}

/*========================================================================
							Mobile Menu
========================================================================*/
/* Mobile Menu Toggle Button Border */
.navbar .navbar-toggle {
    border-color: transparent;
}

/* Mobile Menu Toggle Bar BG*/
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
    background: transparent;
}

/* Mobile Menu Toggle Button Icons (Hamburger Menu) */
.navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 32px;
    height: 3px;
    margin-bottom: 5px !important;
}

/* Mobile Menu Toggle Button Icons (Hamburger Menu) Hover */
.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:focus .icon-bar {
    background-color: #f3eee8;
}

/* Mobile Dropdown Menu Box Border */
.navbar .navbar-collapse {
    border-color: transparent;
    overflow: hidden;
}

/*========================================================================
            Bootstrap 3 Media Queries
========================================================================*/
/* Client Device Size :D */
@media only screen and (min-width: 1440px) {
	.home #main-content {
		background-position: 25% 20%;
		background-attachment: inherit;
	}
}
/* PC */
@media only screen and (max-width: 1200px) {
	.home #main-content {
		background-position: 35% 23%;		
		background-attachment: unset;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	.home #main-content {
        background-position: 22% 50%;
		background-attachment: unset;
    }
	.home #main-content .col-md-12 {
		width: 45%;
	}
	.home #main-content {
       color: #030000;	  
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    .navbar li {
        float: none;
        display: block;
    }

    .navbar-nav {
        border: none;
    }

    .navbar li:first-child {
        margin-top: 15px;
    }

    .navbar li:last-child {
        margin-bottom: 30px;
    }

    .navbar .navbar-nav > li > a {
        color: #ccc;
        width: 100%;
        display: block;
        font-size: 18px;
        margin: 0;
        padding: 7px;
        transition: ease-out .2s;
    }

    .navbar .navbar-nav > li > a:hover {
        color: #fff;
    }

    .navbar .navbar-nav > li > a:before {
        background-color: transparent;
    }

    .navbar {
        min-height: 0;
    }

    .dropdown-menu {
        padding: 0 !important;
    }

    .dropdown-menu > li {
        padding-bottom: 10px !important;
        background-color: transparent;
    }

    .dropdown-menu > li:last-child {
        padding-bottom: 0 !important;
    }

    .dropdown-menu > li > a {
        font-size: 16px !important;
        text-align: center !important;
        padding: 0 !important;
        color: #ccc !important;
        text-transform: uppercase;
    }

    .dropdown-menu > li > a:hover {
        color: #acde39 !important;
    }

    #hero-home .et_pb_slide_description,
    #hero-inner .et_pb_slide_description {
        padding: 0 !important;
    }

    #hero-home .et_pb_slide_content h2,
    #hero-inner .et_pb_slide_content h2 {
        text-align: center !important;
        font-size: 34px !important;
    }

    #hero-home .et_pb_slide_content h2 span,
    #hero-inner .et_pb_slide_content h2 span {
        font-size: 42px !important;
    }
	/*
	#hero-home h2.tagline {
		background-color: rgba(0,0,0, .5) !important;
		padding: 10px !important;
		display: inline-block !important;
	}*/

    #hero-home .et_pb_slide_content .btn.btn-custom,
    #hero-inner .et_pb_slide_content .btn.btn-custom {
        float: none;
        margin-top: 15px;
        min-width: 250px;
    }
	
	.home #main-content {
        background-image: none;
    }

    .home #main-content .col-md-12 {
        width: 100%;
        float: left;
    }
	.home #main-content {
       color: #b9b9b9;
    }
}

/*!* Extra Small Devices, Phones *!*/
@media only screen and (max-width: 480px) {
    #services figure span {
        font-size: 20px;
    }
    #hero-home .et_pb_slide_description {
        margin-top: 250px !important;
    }

}

@media only screen and (max-width: 479px) {
    #services .col-xs-6 {
        width: 100%;
        display: block;
    }
}