/* navigatrion */
@media screen and (min-width: 1230px) {
	#actionNav .menu {
		height: 80px !important;
	}
	#actionNav .search button {
		height: 100% !important;
	}
}
#actionNav #nav li.page_item.first {
	background-image: url('https://www.temeculafacialoralsurgery.com/wp-content/themes/temeculafacialoralsurgery/_media/assets/logo-footer.png');
	background-position: 10px center;
	background-repeat: no-repeat;
    background-size: 80%;
    text-indent: -10000px;
    width: 155px;	
}
#actionNav #nav li.page_item.first:hover {
	background-color: #eee;
	transition: background-color .44s ease-in-out;
}
@media screen and (min-width: 768px) {
	#actionNav #nav li.page_item.first a {
		width: 200px;	
	}
	#actionNav #nav>li.current_page_item > a:after {
		background-color: transparent !important;
		content: none;
	}	
}
#actionNavMobileContainer .main-menu {
	border-top: 1px solid #8e8d8d;
    top: -1px;
    position: relative;	
}
#actionNavMobileContainer .main-menu li.page_item.first a {
    margin-top: -65px;
	margin-bottom: 3rem;	
}
#actionNavMobileContainer .main-menu li.page_item.first:hover {
	background-color: transparent;
}
@media screen and (max-width: 460px){
	#actionNavMobileContainer .main-menu li.page_item.first a {
	    margin-top: -60px;
		margin-bottom: 3rem;	
	}	
}
@media screen and (max-width: 320px){
	#actionNavMobileContainer .main-menu li.page_item.first a {
	    margin-top: -53px;
		margin-bottom: 2rem;	
	}
}
h1 {
	margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
	#actionNav #nav li ul.children li {
		white-space: normal;
	}
	#actionNav #nav li ul.children { 
		width: 370px;
	}
	#actionNav #nav li:nth-child(5) ul.children ul.children,
	#actionNav #nav li:nth-child(6) ul.children ul.children,
	#actionNav #nav li:nth-child(7) ul.children ul.children {
		max-width: 290px;
		left: auto;
		right: 107%;
	}
}

/* staff member page */

.staff-member {
	margin-bottom: 4.5rem;
}
@media screen and (max-width: 414px){
	.staff-member img.image {
		width: 100%;
		margin-bottom: 2rem;
	}
}

/* Procedires */

.side-nav-title,
.side-nav-title h2,
.side-nav-title h3 {
    color: #54565a;
    font-family: 'acumin-pro-extra-condensed',Helvetica,Arial,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
}
.side-menu {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.8rem;
	line-height: 1.62857;
}
.side-menu li.page_item_has_children {
	margin-bottom: 1.4rem;
}
.side-menu li.page_item_has_children a {
	color: #000;
	line-height: 2.4rem;
	font-weight: 500;
	
}
.side-menu li ul {
	list-style: disc;
	margin-left: 0;
/* 	padding-left: 0; */
}
.side-menu li ul.children {
	margin-top: .5rem;
}
.side-menu li ul.children li a {
	color: #b44e1f;
	font-weight: 500;
	pointer-events: all;
}
.side-menu li.current_page_item {
	pointer-events: none;
}
@media (max-width: 767px) {
.side-menu li.current_page_item ul.children {
		display: block;
		list-style: none;
		padding-left: 0;
	}
}



/* Blog / Archive/Category Page Styles */
.blog .page-content-wrap h2+*,
.blog .page-content-wrap .hentry+*, 
.archive .page-content-wrap h2+*,
.archive .page-content-wrap .hentry+*  {
	margin-top: 0;
}

.blog .page-content-wrap h2,
.archive .page-content-wrap h2 {
	margin-bottom: .5rem;
}
.single h3, 
.single .h3 {
	margin-bottom: 1.6rem;
}
.blog .author-creds,
.archive .author-creds {
	display: block;
	font-size: 14px;
	margin-bottom: 2.2rem;
}
/* .blog hr, */
.archive .hentry hr {
	margin: 2rem 0;
}
.blog .entry p,
.archive .hentry p,
.single p {
	margin-top: 0 !important;
	font-size: 16px;
	line-height: 1.82857;
}
.blog .entry :last-child,
.archive .hentry .entry :last-child {
	margin-bottom: 0;
}
.blog a.readMore,
.archive a.readMore {
	font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;	
}
.blog p.tags,
.archive p.tags {
	font-size: 14px;
	margin-top: 3rem !important;
}

.blog .post,
.archive .post {
	clear: both;
	float: left;
}
/* fix width issues for sidebar on meduim screens */
.blog .flex-content .side-wrap,
.archive .flex-content .side-wrap {
	display: flex;
}

.single .page-content-wrap h1+*,
.single .page-content-wrap p:first-of-type+h2,
.blog .page-content-wrap h1+*,
.archive .page-content-wrap h1+* {
	margin-top: 0;
}
.featuredImg {
	width: 30%;
	float: left;
}
.featuredImg img { 
	width: 100%;
	height: auto;
}
.featuredImg + .entryWrap {
	width: 70%;
	float: left;
	padding: 0 2rem;
}

/* Contact Page Styles  */
.page-template-one-column .page-content-wrap .row h2+*,
.page-template-one-column .page-content-wrap .row h3+* {
	margin-top: 2rem !important;
}

/* Contact Form Styles */
hr + .form-wrapper {
	margin-top: 4rem;
}
.form-wrapper {
	background-color: #eee;
	border-radius: 4px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	padding: 4rem 3rem 3rem;
	margin: 0 auto 4rem;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
	max-width: 100% !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 0 !important;
}

@media only screen and (min-width: 641px){
	.gform_wrapper ul.gform_fields li.gfield {
		padding-right: 0 !important;
	}
}
@media only screen and (min-width: 641px){
	.gform_wrapper ul.gform_fields li.gfield.gf_left_half {
		padding-right: 16px !important;
	}
}
.form-wrapper .formTitle {
	text-transform: uppercase;
	text-align: center;
}
.gform_wrapper textarea {
	height: 100%;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
	background-color: #a14a28;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(161,74,40,1)),to(#f49a28));
    background: linear-gradient(0deg,rgba(161,74,40,1) 0%,#f49a28 100%);
	color: #fff;
    padding: 1.2rem 1rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    min-width: 200px;
    font-size: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;    
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input.button:focus,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:focus,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input.button:focus,
.gform_wrapper .gform_page_footer input[type=submit]:hover
.gform_wrapper .gform_page_footer input[type=submit]:focus {
	background: transparent;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(161,74,40,.8)),to(rgba(244,154,40,.8)));
    background: linear-gradient(0deg,rgba(161,74,40,.8) 0%, rgba(244,154,40,.8) 100%);	
	color: #fff;
	transition: all .33 ease-in-out;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	height: 35px;
	border-radius: 4px;
	border: 1px solid #d2d2d2;
}
textarea {
	border-radius: 4px;
	border: 1px solid #d2d2d2;
}
.gform_wrapper .top_label select {
	height: 35px;
	border-radius: 4px;
	border: 1px solid #d2d2d2;
	background: #fff;
}
@media screen and (min-width: 768px){
	.gform_wrapper .gform_footer input.button,
	.gform_wrapper .gform_footer input[type=submit],
	.gform_wrapper .gform_page_footer input.button,
	.gform_wrapper .gform_page_footer input[type=submit] {
		min-width: 300px;
	}
}

/* sidebar styles */
@media (min-width: 992px) {
	.page-template-default .flex-content .page-content-wrap,
	.page-template-form .flex-content .page-content-wrap,
	.page-template-bootstrap-element-styles .flex-content .page-content-wrap,
	.blog .flex-content .page-content-wrap,
	.single .flex-content .page-content-wrap,
	.archive .flex-content .page-content-wrap {
    	max-width: calc(100% - 300px);
	}
	.flex-content .side-wrap {
		-webkit-flex: 0 0 300px;
    	-ms-flex: 0 0 300px;
    	flex: 0 0 300px;
	}
}


/* Contact Widget  */
.widget_custom_html {
	margin-bottom: 4rem;
}
.widget_custom_html.well {
	border: none;
	background: none;
	box-shadow: none;
	padding: 0;
}
.widget_custom_html .contact-widget-wrap {
	position: relative;
}
.widget_custom_html .contact-widget-wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}
.widget_custom_html .contact-widget-wrap .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	transition: .44s ease-in-out;
}
.widget_custom_html .contact-widget-wrap .inner:hover {
	background-color: rgba(0,0,0,0.2);
}
.widget_custom_html .contact-widget-wrap .inner a span {
	width: auto;
	clear: both;
	display: block;
	border-bottom: 1px solid transparent;
	transition: border .44s ease-in-out;
}
.widget_custom_html .contact-widget-wrap .inner:hover a span {
	border-color: #fff;
}
.widget_custom_html .contact-widget-wrap .inner a {
	text-decoration: none;
	text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-family: 'proxima-nova',Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #fff; 
}
/* homepage banner edits START */
.bs3 a[href^="tel:"]:not(.preserve-styles),
.bs3 a[href^="tel:"]:not(.preserve-styles):hover{
	cursor: pointer !important;	
}
@media screen and (min-width: 768px) and (max-width: 1440px){
	#home #banner .slider{
		height: 490px !important;

	}
}
@media screen and (min-width: 1441px){
	#home #banner .slider{
		height: 540px !important;
	}
}
@media (min-width: 992px){
	.section__featuredButtons{
    	margin-top: 5rem;
    	margin-bottom: 5rem;
	}
}
@media (max-width: 480px){
	.banner-wrap .client-logo{
		max-width: 180px;
	}
	.banner-wrap .f2{
		font-size: 1.6rem;
	}
	.banner-wrap .f1{
		font-size: 2.0rem;
	}
	.banner-wrap .full-width-sm.justify-around.margin-vert-half-sm.margin-bottom-none-xs{
		font-size: 1.4rem;
		line-height: 1.25;
	}
	.banner-wrap .featured-button{
		font-size: 1.0rem;
		padding: 1.25rem 1rem;
	}
	.banner-wrap .btn.flex.justify-center.items-center{
		margin-top: -10px;
	}
	.banner-wrap .featured-button:last-child{
		background-color: #a14a28;
	}	
	.banner-wrap .featured-button:last-child:before,
	.banner-wrap .featured-button:last-child:after{
		opacity: 1;
	}
}

/* homepage banner edits END */

/* cta section START */
.cta-section{
	border-radius: 24px;
	margin-top: 36px;
	margin-bottom: 36px;
	background-color: #f1edea;
	padding-top: 24px;
	padding-bottom: 48px;
	-webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.10);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.10);
}
.cta-section h2{
	width: 100%;
	text-align: center;
	margin: 16px 0;
}
.cta-section h2:nth-child(3){
	margin: 36px 0 16px;
}
.cta-section h2 span{
	color: #cd6b21;
	text-decoration: underline;
	text-transform: uppercase;
}
.cta-section .quicklink{
	margin-top: 16px !important;
}
/* cta section END */
.home section#content-block .item-box{
	margin-top: 30px;
}
.home section#content-block .item-box .link-box{
	text-align: center;
}




/** HP HIDDEN MENU BLOCK
=========================================================================================================== */

.hidden-menu--section {
	padding-top: 80px;
}

.hidden-menu--container {
	text-align: center;
}

.hidden-menu--row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.hidden-menu--col {
	width: 50%;
}

.hidden-menu-col--list ul {
	list-style: none;
	padding-left: 0;
}

.hidden-menu-col--list ul li{
	text-align: center;
}

.hidden-menu--toggler {
	font-size: 36px; 
	outline: none;
	margin-bottom: 35px;
	color:#cd6b21;
	background: #faf9f7;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
}

.hidden-menu--toggler.active {
	transform: rotate(45deg);
}

@media only screen and (max-width: 450px) {
	.hidden-menu--section {
		padding-top: 50px;
	}
	
	.hidden-menu--col {
		width: 100%;
	}
	
	.hidden-menu--col:first-child {
		margin-bottom: 35px;
	}
	
	.hidden-menu-col--list ul {
		margin-top: 1rem !important;
	}
}


/* < /end > HP HIDDEN MENU BLOCK ================================================================= */