/*
Theme Name: Oakland Orthodontics
*/

#oscr-pup-btn:focus,
.owl-prev:focus,
.search-submit:focus,
.owl-next:focus {
  outline: 2px solid #2c685f !important;       /* ADA-compliant high contrast */
  outline-offset: 3px !important;
}
.l:focus {
 outline: 2px solid #2c685f !important;       /* ADA-compliant high contrast */
  outline-offset: 3px !important;
}

form button {
background: #2c685f !important;
}

.contBox-bottom p { margin-bottom : 0;  }
.subnav ul {
	margin: 0;
	padding: 0;
}
.subnav ul li {
	display: inline-block;
	list-style: none;
	line-height: normal;
}
.subnav ul li a {
	padding: 0px 7px;	
	color: #213747 !important;	
	position: relative;
}
.subnav ul li a::after {
	position: absolute;
	content: "|";
	left: -7px;
	color: #a8f0e5;
}
span#playPauseBtn {
    position: absolute;
    right: 5px;
    z-index: 99;
    top: 5px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}
.subnav ul li:first-child a::after{
	content:""
}
#menu-main-menu-1 .current-menu-item a {
	color: #fff !important;
}
#main-content .content-text.full-content {
	width: 100%;
}
.alignright {
	text-align: right;
	float: right;
	padding-left: 10px;
}
.button-edit {
	background: #54b6a7;
	color: #ffffff;
	text-transform: uppercase;
	padding: 15px 37px;
	text-align: center;
	font-size: 0.9285714285714286em;
	display: inline-block;
	border: none;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.button-edit:hover {
	background: #317369;
}
.office-tour-outer {
	clear: both;
}
.current-menu-parent a {
	background-color: #cd5072;
	color: #fff !important;
}

div#hide-stock.stock54::after {
    left: auto;
    right: -32px;
    top: -35px;
    background: url(../images/photo-bg.png) 30% center #ffffff;
    width: 255px;
    height: 358px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(0%);
    clip-path: inset(0%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1px;
    word-wrap: normal!important;
}
nav#nav-single span {
    margin-right: 30px;
}
nav#nav-single span p {
    display: inline-block;
}

nav#nav-single h2 {
    display: none !important;
}
nav#nav-single span {
    margin-right: 4px;
}

.nav-links {
    width: 100% !important;
    clear: both !important;
}

header.entry-header.entry-edit {
    width: 100% !important;
}

header.entry-header.entry-edit {
    width: 100% !important;
    float: initial !important;
    clear: both;
}

ul#menu-footer {
    margin: 0;
    list-style: none;
}
.page-id-18 #main-content {
    padding: 95px 20px 0px;
    margin-bottom: -100px;
}
#main-content .content-text.content-text546 {width: 100%;}


#testi-content {position:relative;}
#testi-content .before-quote { position: absolute; top: 17%; left:22%;}
#testi-content .before-quote img, #testi-content .after-quote img {width: 95px;}
#testi-content .after-quote { position: absolute; right: 22%;top: 17%; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
#testi-content .testimonialhead {color: #920048;}
/*  */

/* 7fab24 */
.testimoinal {position: relative;color: #54b6a7;padding: 6rem 0;}
.testimoinal::before {background: #54b6a7;height: 100%;position: absolute;right: 0;top: 0;width: 40%;z-index: -1;
	content: "";}
.testimoinal .full-wrap {display: flex;width: 100%;}
.testimoinal .qute-icon {height: 100%; left: 0; opacity: .2; padding: 0 12px; position: absolute; top: 0; width: 25%; z-index: 0;}
.testimoinal .review-head {align-items: flex-end;display: flex;flex-direction: column;justify-content: flex-end;	padding: 0 12px;	position: relative;	width: 33.33333%;}
.testimoinal .review-head h2 {margin-right: 10%;width: 60%;padding-bottom: 15px;}
.testimoinal .review-right {background: #fff;box-shadow: -9px 17px 30px -16px hsla(206,3%,43%,.6);padding: 0;width:63.67%}
#client-re .owl-stage {display: flex;}
#client-re .owl-stage .item{height: 100%;}
.testimoinal .review-flex {display: flex;width: 100%;height: 100%;}
.testimoinal .imgBox {position: relative;width: 30%;}
.testimoinal .imgBox > img {height: 100%;object-fit: cover;object-position: center;}
.testimoinal .contBox {padding: 3rem 2rem;position: relative;width: 70%;justify-content: center; display: flex;  flex-direction: column;}
.testimoinal #client-re .owl-nav {margin:0 !important;}
.testimoinal #client-re .owl-nav button {bottom: -20px;position: absolute;right: 36px;  border-radius: 0 !important;margin:0 !important;}
.testimoinal #client-re .owl-nav .owl-prev {background: #54b6a7 !important;box-shadow: 8px 5px 16px -8px #6b6f72;cursor: pointer !important;height: 50px;transition: all .2s ease;width: 63px;color: #fff !important;}
.testimoinal #client-re .owl-next{background: #54b6a7 !important;box-shadow: 8px 5px 16px -8px #6b6f72;cursor: pointer !important;	height: 50px;transition: all .2s ease;width: 63px;color: #fff !important;right: -27px !important;}
.testimoinal #client-re .bottom-box {display: flex;justify-content: flex-end;align-items: center;}
#patientVid .owl-nav {margin: 20px 0 0;}
#patientVid .owl-nav button {position: absolute;background: #54b6a7;width: 50px;height: 50px;font-size: 40px;
	margin: 0;color: #fff;left:46%}
#patientVid  .owl-next {left: 52% !important;}

.tagline-heading { font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 600; }

@media (min-width:1699px) and (max-width:2100px){
.home #main-content .home-photo {overflow: hidden;}
}

/* @media (min-width:1400px) and (max-width: 1599px) {
#testi-content .before-quote {left: 16%;}	
	#testi-content .after-quote{right:16%}	
} */


/* @media (min-width:1600px) and (max-width: 1899px) {
#testi-content .before-quote {left: 19%;}	
	#testi-content .after-quote{right:19%}	
}
@media (min-width:1899px) and (max-width: 2100px) {
#testi-content .before-quote {left: 24%;}	
	#testi-content .after-quote{right:24%;}	
} */

/*  */


@media screen and (max-width:1350px){
	#hd .logo {
	margin: 44px 0 0 !important;
}
}
.local .video-sec p:first-of-type {font-family: 'Dancing Script', cursive;font-weight: bold;}


@media screen and (max-width:1110px){
	#testi-content .after-quote, #testi-content .before-quote {display:none;}
}

@media screen and (max-width:1024px){
	.testimoinal .review-head {align-items: flex-start;}
}

#main-content .content-text .btns {	text-align: center;margin-bottom: 30px;}
#main-content .content-text .btns:last-of-type {margin-bottom: 0;}


.patient-say {text-align: center;padding: 70px 0px 70px;background: #f7f7f7;}
.patient-say .video-in {width: 100%;max-width: 860px;margin: 30px auto 0px auto;}
.patient-say .video-in video {width: 100%;}
.local{text-align: center;padding: 70px 0px 70px;}
.local h3{line-height: 1em;font-weight: 400;color: #213747;margin-bottom: 10px;}
.local p{font-size: 19px;line-height: 29px;}
.local_custom p{font-size: 30px;}

/*9 oct 2023  */
.testimonials-block {
	background: transparent !important;}

.hero-conwrap {position: absolute;right: 0;top: 15%;background-color:rgba(255, 255, 255, .5);width: 500px;height: auto;padding: 30px;z-index: 999;}
.twobtn {display: flex;flex-direction: column;gap: 10px;width: 376px;justify-content: center;text-align: center;}
.hero-conwrap p{font-family: 'Montserrat', sans-serif !important;font-weight: 400;font-size: 24px;margin: 20px 0px;}
.hero-conwrap .twobtn a {background-color: #54b6a7;display:block;position: relative;z-index: 10;font-size: 14px;line-height: 1em;	color: #ffffff;padding: 17px 20px;	-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;
	transition: .5s;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;-o-animation-duration: 1.5s;
	animation-duration: 1.5s;letter-spacing: .1em;	text-transform: uppercase;}
.hero-conwrap .twobtn a::after,
.hero-conwrap .twobtn a::before {content: "";position: absolute;top: 0;left: 0;	bottom: 0;	right: 0;z-index: -1;background: #fff;	opacity: 0;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);	-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);margin: 5px;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;}
.hero-conwrap .twobtn a:hover::after,
.hero-conwrap .twobtn a:hover::before {margin: 0;opacity: .4;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.hero-conwrap .twobtn a:hover {	color: #54b6a7;	background-color: #fff;}

.logoout .logo img {width: 80% !important;}

ul#lightgallery {margin: 0px;list-style: none;column-count: 4;width: 100%;}
ul#lightgallery img{width:100%;}
ul#lightgallery li a {display: block;position: relative;padding-top: 70%;}
ul#lightgallery img {width: 100%;position: absolute;top: 0px;height: 100%;object-fit: cover;}

.custom-link { margin : 30px auto; }

@media screen and (max-width:1023px) {
	#hero { margin-top : 0 !important; }
}	

@media screen and (max-width:991px){
.logoout .logo img {display: none;}
.hero-conwrap p {margin: 0px 0px 10px;}
.hero-conwrap {	top:60%;}
/* 	 */
#client-re .imgBox {width: 100%;}
	#client-re .review-flex {flex-wrap: wrap;}
	#client-re .contBox {width: 100%;}
	.testimoinal .review-head h2 {margin-right: 10%;}
		.testimoinal .review-head {align-items: flex-start;}
	.testimoinal .qute-icon {top: -29px;width: 15%;}
	#patientVid .owl-nav button {position: static;	}
	ul#lightgallery {column-count: 2;}
}
@media screen and (max-width:767px){
	.hero-conwrap {top: 76%;width: 500px;padding: 20px 20px 30px;left: 0;margin: 0px auto;box-sizing: border-box;transform: translateY(-76%);}
	.hero-conwrap p {font-size: 24px;text-align: center;}
	.logoout .logo img {max-width: 80%;}
	.twobtn {gap: 5px;width: auto;display:block;}
	.testimoinal .full-wrap {flex-wrap: wrap;}
	.testimoinal .review-right {width: 100%;}
	.review-head {width: 60%;padding-bottom: 3rem;}
	#client-re .owl-nav button {right: 63px;}
	#client-re .owl-next {right: -0px !important;}
	ul#lightgallery {column-count: 1;}

}
@media screen and (max-width:575px){
	.hero-conwrap{width: auto;margin: 0px 20px;}
	.hero-conwrap p {font-size: 24px;line-height: 30px;}
	.twobtn a {padding: 10px !important;font-size: 13px !important;}
	#client-re .imgBox {width: 100%;}
	#client-re .review-flex {flex-wrap: wrap;}
	#client-re .contBox {width: 100%;}
	.testimoinal .review-head h2 {margin-right: 10%;}
		.testimoinal .review-head {align-items: flex-start;}
	.testimoinal .qute-icon {top: -29px;width: 15%;}
	#patientVid .owl-nav button {position: static;	}
}
@media screen and (max-width:440px){
	#hero .photo {height: 330px;}
	#hero .photo img {height: 100%;object-fit: cover;}
	.hero-conwrap{margin-top:50px; padding:10px 10px 10px;}
	.hero-conwrap p {font-weight: 500;font-size: 16px;line-height: 24px;}
	.testimoinal::before {width: 30%;}

	

}

@media screen and (max-width:375px){
	.testimoinal .review-head {	align-items: flex-start;}
	.testimoinal .review-head h2 {font-size:30px;}
	.testimoinal .qute-icon {top: -25px;}
}
#home-slideshow > div.slide.cycle-slide.cycle-sentinel > div.hero-conwrap > div.twobtn > a {
	display: none;
}