/* General */

@media (min-width: 769px) {
	.h2{ font-size:35px; } 
}

div[class^="html5gallery-elem-img-"] a{
	display:none;
}

/* Header & Navigation */
@media (max-width: 768px) {
	.site-header .header-image.is-logo-image { width: 180px; } 	
}


/* Remove highlight from parent item when on a child page */
.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul li.current-menu-parent > a {
background-color: transparent;
color: var(--dark) !important; /* Keeps the default text color */
}

.oasis-medispa-navbar-logo{ max-height:40px; }

/* Indent sub-menus on mobile */
@media (max-width: 1250px) {
.main-navigation.toggled .main-nav ul ul.toggled-on{ padding-left: 15px; }
}

.button-nav-menu a{
  color:white !important;
	background-color:var(--accent);
	/*border-radius:25px;*/
	padding: 15px 20px;
  line-height: normal !important;
}
.button-nav-menu a:hover{ background-color:var(--dark); }


@media (min-width: 1250px) {
	.button-nav-menu{ margin-left:15px }
	
    .main-nav > ul > .menu-item-has-children > a > .dropdown-menu-toggle {
        display: none;
    }

    .main-navigation .main-nav > ul > li.menu-item-has-children > a {
        padding-right: 20px;
    }
}


@media (min-width: 1226px) and (max-width: 1420px) {
  .main-navigation a{ font-size:13px !important; padding-right:12px !important; padding-left:12px !important; }
}



/* left-side dropdown for about sub-submenu on medium-sized screens */
@media (min-width: 1226px) and (max-width: 1760px) {
	.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul { left: auto; right: 100%; }
	.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul { left: auto; right: 100%; }
	.main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a { padding-left: 0; padding-right: 20px; }
	.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
	    float: left;
	    padding-left: 20px;
	    padding-right: 15px;
	}
	.main-navigation .open-left .children .dropdown-menu-toggle:before, 
	.main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
	    content: "\f104";
	}
	.dropdown-hover .open-left .sub-menu .dropdown-menu-toggle .gp-icon svg { transform: rotate(90deg); }
}





/* Breadcrumb Menu */
.customBreadcrumb{ 
	list-style:none; 
	display:inline-flex;
	flex-direction:column;
	margin:0px; 
	font-size:14px; 
	font-family: Lato, sans-serif; 
	font-weight: 700;
  letter-spacing: 1px; 
  text-transform: uppercase; 
  color:var(--accent); 
}
.customBreadcrumb .item-current::before,.customBreadcrumb .item-parent::before,.customBreadcrumb .item-cat::before { content:"❯"; padding-right:10px; padding-left:15px; }

@media (min-width: 768px) {
	.customBreadcrumb{ flex-direction:row; letter-spacing: 2px; }
}


/* footer  */
@media (min-width: 1300px) {
 	.inside-footer-widgets>div.footer-widget-2 { flex:2 0; }
}

.footer-table-menu table, .footer-table-menu td{border:0px; padding-top: 0px;}

/* Sidebar */
.widget-area .widget.widget_shopping_cart{ padding-top:0px; }
.widget_shopping_cart .widget-title{ font-weight:bold; border-bottom: 1px solid var(--accent); }

/* Blog */
body.blog .post-image img{
	max-height: 225px;
	object-fit: cover;
}
body.single-post .inside-page-hero{ padding:60px 40px 10px 40px; }
.read-more.button {
    background-color: transparent; 
    color: var(--accent); 
    border: 2px solid var(--accent);
    font-weight: bold;
}
.read-more.button:hover {
    background-color: var(--accent) !important; 
    color: white;
}

/* Blog referral links in procedures - uses Display Posts Plugin */
/* [display-posts id="" image_size="large" wrapper="div" wrapper_class="display-posts-listing grid"] */

.display-posts-listing.grid {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: start;
	flex-wrap: wrap;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img {
	display: block;
	max-height: 175px;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	border:1px solid #eee;
	margin-bottom:10px;
}

.display-posts-listing.grid > div {
	width: 100%;
	text-align: center;
}	

@media (min-width: 600px) {
	.display-posts-listing.grid > div {
		width: 45%;
	}
}

@media (min-width: 1226px) {
	.display-posts-listing.grid > div {
		width: 30%;
	}
}



/* Procedure Pages */
.min-w-125{ min-width:125px; }
@media (min-width: 769px) {
	.service-content{ text-align:justify; }
}

/* Newsletter */
@media (max-width: 768px) {
	.newsletter-subscription-form tr{ display:flex; flex-direction:column; }
}



/* Before-After Gallery  */
.custom-ba-gallery-container{ text-align:center; }
.custom-ba-gallery{ display:flex; flex-wrap:wrap; row-gap: 10px; column-gap:20px; }
.custom-ba-gallery-row{ width:100%; }
div[class^="html5gallery-box"] a{ display:none !important; }

@media (min-width: 769px) {
	.custom-ba-gallery-row{ width:calc(50% - 10px); }
}


/* Newsletter subscription */
.newsletter-subscription-form table{ border:0px; }
.newsletter-subscription-form td{ vertical-align:bottom; border:0px; }
.newsletter-subscription-form label{ padding-left:15px; color: var(--accent); }
.newsletter-subscription-form span{ color: var(--dark); }
.newsletter-subscription-form input[type="text"],.newsletter-subscription-form input[type="email"]{
	display: block;
	width: 100%;
	padding: 10px 20px;
	background-color: white;
	border: 1px solid white;
	/*border-radius: 35px;*/
}

.newsletter-subscription-form input[type="submit"]{
	font-weight: bold;
	padding: 10px 20px;
	letter-spacing: 1px;
  	/*border-radius: 35px;*/
  	color:white;
	background-color: var(--accent); 
	transition: all 0.2s ease-out;
}


/* Youtube video gallery - plugin */
.yotu-hide{ display:inline-block !important; }
.yotu-videos{ float:none; }


/* SHOP */
.woocommerce a.button{
	border: 2px solid var(--accent) !important;
	background-color: white !important;
	color: var(--accent) !important;
	font-weight: bold;
} 
.woocommerce a.button:hover{
	background-color: var(--accent) !important;
	color: white !important;
}





/* Gravity forms plugin */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="date"],
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield select { /* border-radius:25px; */ padding:10px 15px; background-color: white; border:1px solid white;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"]:focus, 
body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type="date"]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus{
	border: 1px solid var(--accent);
	outline: none;
}


body .gform_wrapper .gform_footer input[type=submit]{
border-radius:25px; padding:10px 30px; color:white; font-weight: bold; background-color:var(--accent);
}
body .gform_wrapper .gform_footer input[type=submit]:hover{
background-color:var(--dark);
}



/* Remove border radius for most input fields */
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="datetime"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="datetime-local"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="date"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="month"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="time"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="week"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="search"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="color"],
body .gform_wrapper .gform_body .gform_fields .gfield .uneditable-input {
    border-radius: 0 !important;
}

/* Ensure buttons also have square corners */
body .gform_wrapper .gform_footer input[type="submit"],
.gform-button,
button.gform_button {
    border-radius: 0 !important;
}




/* Animations */

/* used on page banners */
@keyframes zoom-in-background {
  0% {
    background-size: 120% auto;
  }
  100% {
    background-size: 100% auto; 
  }
}

.animation-zoom-in { animation: zoom-in-background 5s ease-out; }


/* used on homepage categories */
.bg-zoom-hover{ background-size: 100% auto; transition: all 0.75s ease-out; transform-origin:center; }
.bg-zoom-hover:hover{ background-size: 110% auto; }