/*
 Theme Name:   Twenty Twelve Child
 Theme URI:    http://example.com/twenty-twelve-child/
 Description:  Twenty Twelve Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-child
*/

html {width: 100%;}
body {
	font-size: 16px;
	line-height: 1.5;
	background: #fff;
	width: 100%;
}
body .site {box-shadow: none;}

/* Remove automatic hyphenation */
.site-content article { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.widget-area .widget { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }

.shell {
	margin: 0 auto;
    width: 1170px;
    max-width: 96%;
    padding: 0;
    background: transparent;
}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
p {margin-bottom: 1em;}
#page {margin: 0 auto; width: 100%; max-width: 1170px; padding: 0;background: transparent;}
.btn { background: #006fb7; color: #fff; border-radius: 5px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; display: inline-block;}
.btn-secondary {background: none; color: #006fb7; border: 1px solid #006fb7;}
.btn-wht {background: none; color: #fff; border: 1px solid #fff;}
.btn-block {display: block; margin-bottom: 20px; text-align: center;}

hgroup, .menu-primary-menu-container {padding: 0 2.857142857rem; border-top: 1px solid rgba(0,0,0,.1)}

.site-header {padding: 0;}

.header-logo {max-width: 300px; margin-top: 24px;}
div#header-widget-area {
    width:60%;
	display: inline-block;
    text-align: right;
}
div#header-widget-area a { text-decoration: none;}
#header-widget-area .chw-widget { display: inline-block; width: 260px; text-align: left; font-size: 14px;}
#header-widget-area .chw-widget .svg-inline--fa { float: left;font-size: 50px; margin-right: 10px;}

.widget-area .widget a.btn {color: #fff; font-size: 20px; font-weight: bold;}
.widget-area .widget a.btn .svg-inline--fa {vertical-align: text-bottom; margin-right: 10px;}

@media(max-width:1023px){
	#header-widget-area .chw-widget .svg-inline--fa { font-size: 25px; }
	#header-widget-area .chw-widget {width: 235px;margin-bottom: 10px;}
}


.site-name {width: 30%; display: inline-block;}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border: 0; text-align: center;}
.main-navigation li a {color: #006fb7; font-size: 15px; font-weight: 700;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color: #e6e6e6;}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color: #006fb7;}
@media(max-width:650px){
	.site-header {position: relative;}
	.site-name {width: 100%; text-align: center;}
	div#header-widget-area {width: 100%; text-align: center;}
	
}



footer[role="contentinfo"] {background: #006fb7; color: #fff; margin: 0; max-width: 100%;padding: 20px;}
.footer-content {width: 100%; max-width: 1170px; margin: 0 auto;}
.footer-content .widget-title {color: #fff;}
#footer-columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin-bottom: 30px;
}
#footer-columns > div {padding: 10px;}
#footer-columns .widget { border-top: 0;}

#footer-columns .widget ul {list-style: none;margin: 0;}
#footer-columns .widget a { text-decoration: none;}
#footer-columns .widget-title {font-size: 18px; margin-bottom: 10px;}

.footer-socials .svg-inline--fa { margin-right: 10px; color: #fff;}

@media(max-width:1023px){
    #footer-columns {
        flex-flow: row wrap;
		justify-content: space-evenly;
    }
	#footer-sidebar1 {width: 100%; text-align: center;;}
}
@media(max-width:767px){
	#footer-columns {
		display: block;
	}
	#footer-columns > div {
		width: 100%;
	}
	#footer-columns > div aside{
		padding: 0 20px;
	}
	.widget {margin-bottom: 10px;}
	.site-info {padding: 0 20px;}
}


.homepage-banner {position: relative;}
.homepage-banner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 2.857142857rem;
	max-width: 500px;
	color: #fff;
}
.homepage-banner-content h2 {color: #fff; font-size: 40px;margin-bottom: 20px;text-shadow: 1px 1px 1px #000;}
@media(min-width:1350px){
	.homepage-banner-content {padding-left: 25%;}
}
@media(max-width:850px){
	.homepage-banner-content {position: relative;top: auto;transform: none;padding: 20px 10px; text-align: center; max-width: none; color: #444;}
	.homepage-banner-content h2 {font-size: 30px; margin-bottom: 10px;color: #006fb7; text-shadow: none;}
}



.home .entry-header {display: none;}

.home #primary {width: 65%;}

@media (max-width:767px){
	.home #primary {width: 100%;float: none;}
}

.wpcw-widget-contact ul, .wpcw-widget-social ul { display: flex; justify-content: space-around;}
.section-specials {width: 100%}
.specials {display: flex;}
.special {width: 100%; text-align: center; color: #fff; padding: 20px 50px;}
.special h2 { font-size: 2em; margin-bottom: 20px;}
.special:first-child {background: #00b7a4;}
.special:nth-child(2) {background: #a400b7;}


@media(max-width:767px){
	.specials {display: block;}
	.special {padding: 20px 0;}
}

.section-homepage-features { width: 100%; background-image: url('https://www.ocprecisiondental.com/wp-content/uploads/2018/05/precisiondental-features-bg.jpg'); background-size: cover; background-position: center;}
/*
.homepage-feature-content {margin: 0 auto; width: 100%; max-width: 1170px; padding: 0;}
.features {padding: 100px 0;display: flex; justify-content: space-between;}
.features > div {width: 23%; background: #fff; box-shadow: 5px 5px 3px #e6e6e6; border: 1px solid #e6e6e6;}
.feature-content {padding: 20px;}


.feature > div {flex: 1 0 auto;}
.feature h3 {margin-bottom: 1em; color: #006fb7; font-size: 20px; text-transform: uppercase;}


@media(max-width:767px){
	.features {padding: 20px 0;display: block;}
	.features > div {width: 100%;}
}


/*Flex items*/
.homepage-feature-content {margin: 0 auto; width: 100%; max-width: 1170px; padding: 50px 0;}

.features {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.feature {
	display: flex; 
	padding: 10px;
	background: transparent;
	/* box-shadow: 5px 5px 3px #e6e6e6;
	border: 1px solid #e6e6e6; */
	width: 21%;
}

.section-homepage-services {
	text-align: center;
	background: none;
}
.section-homepage-services h2 {
	margin-bottom: 30px;
	font-size: 2em;
}

.section-homepage-services .feature {
	width: 30%;
	box-shadow: none;
	border: none;
}

@media(max-width:1023px){
	.features {
		justify-content: space-around;
	}
  .feature {
    width: 45%;
	  margin-bottom: 30px
  }
}
@media(max-width:767px){
  .features-services .feature {
    width: 100%;
	margin-bottom: 20px;
  }

}

@media(max-width:479px){
  .feature {
    width: 100%;
	margin-bottom: 20px;
  }
}
.feature-content {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.feature-content h3, .feature-content p {
	flex: 1 0 auto;
}
.feature-content .feature-image img {width: 100%;}
.feature-content .btn { text-align: center;}

.section-homepage-content {background: #e8e8e8;}

.section-homepage-reviews { padding: 50px 0 20px;}
.section-homepage-reviews h2 { text-align: center; font-size: 2em; margin-bottom: 30px;}

.features-services .feature-content h3, .features-services .feature-content p {
	flex: none;
}
.features-services .feature-content h3 {margin-bottom: 20px;}
.features-services .feature-content p {text-align: left;}

.homepage-reviews {display: flex;}


@media (max-width:767px){
	.homepage-reviews {display: block;}
}


#secondary {
	background: #006fb7;
    padding: 20px;
	min-width: 324px;
}
.home #secondary {background: transparent; min-width: auto;}

#secondary aside h3 {font-size: 20px; margin-bottom: 0;}
.widget-area .widget p {margin-bottom: .5em;}

.sidebar-special a { text-decoration: none; text-align: center;}
.sidebar-special a h3 {color: #fff; background: #3cabf3; padding: 10px;}
.widget img {border-radius: 0; box-shadow: none;}

.sidebar-contact a.btn { border: 1px solid #fff;}

@media(max-width:1023px){
	.home #secondary a.btn {padding: 10px; font-size: 16px;}
	#secondary aside h3 {font-size: 16px;}
}

@media (max-width:767px){
	.home #secondary {text-align: center;}
}

@media(max-width:1110px){
	.page .site-content { width: 58%;}
}
@media(max-width:965px){
	.page .site-content { width: 49%;}
}

@media(max-width:767px){
	.page #primary, #secondary {float: none; margin: 0 auto; display: block;}
	.page .site-content { width: 100%;}
}

.entry-content h1, .comment-content h1 {margin-top: 0;}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: 0;
	box-shadow: none;
}

.banner-interior {
	overflow: auto;
	background: #006fb7; /* Old browsers */
	background: -moz-linear-gradient(45deg, #006fb7 0%, #3cabf3 56%, #6eddff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #006fb7 0%,#3cabf3 56%,#6eddff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #006fb7 0%,#3cabf3 56%,#6eddff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fb7', endColorstr='#6eddff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.banner-interior .page-title {
    color: #fff;
    font-size: 2em;
    padding: 10px 0;
}

.entry-content h2 {font-size: 1.5em; color: #006fb7;}
.entry-content h3 {font-size: 1.33em}
.entry-content h4 {font-size: 1.25em}

.interior-cta {background-image: url(https://www.ocprecisiondental.com//wp-content/uploads/2018/05/precisiondental-cta-bg.png); background-size: cover; background-position: bottom; padding: 20px; margin-bottom: 1em;}
.interior-cta-content {text-align: center; padding: 10px; background: rgba(255,255,255,.5);}
.interior-cta h3 {text-shadow: 1px 1px 1px #fff;}

.financing {text-align: center;}
.financing img { margin: 20px; max-width: 250px; display: inline-block; vertical-align: text-top;}

ul.write-reviews {list-style:none; text-align:center; padding: 20px 0; }
ul.write-reviews li { text-transform: uppercase; border: 2px solid #006fb7; padding: 10px 20px; font-size: 36px; margin-bottom:20px; margin-left: 0;}
ul.write-reviews a {text-decoration: none;}
ul.write-reviews li p {margin-bottom: 0;}
ul.write-reviews li img { display: inline-block; vertical-align: middle; max-height: 60px;}
.yelp-logo {margin-top: -22px;}

ul.write-reviews a:hover { text-decoration:none; color: #fff;}
ul.write-reviews li:hover { background: #006fb7;}