/* Gallery Menu Styles */ 
#ma-gallery-menu {margin: 0 0 100px 0 !important; font-size: 16px;}

.ma-gallery-menu-accordion .cat-item-all, .ma-gallery-menu-accordion .cat-item {
  font-size: 16px;
  line-height: 40px !important;
  padding: 0px !important;
  margin: 0 !important;
}

.ma-gallery-menu-accordion .cat-item-all a, .ma-gallery-menu-accordion .cat-item a {padding: 0 2px 0 30px !important; margin:0 !important;}

.ma-gallery-menu-accordion .accordion-btn {font-size: 1.2em !important; line-height: 34px !important}

#ma-gallery-menu, #ma-gallery-menu .children {list-style: none;}

.ma-gallery-menu-accordion .children {margin: 0 !important;}
.tax-gallery-procedures .ma-gallery-menu-accordion .children, .post-type-archive-ma-gallery .ma-gallery-menu-accordion .children {padding-left: 20px !important;}

/* 
******************************************
*	Archive Styles 
******************************************
*/
.post-type-archive-ma-gallery .ma-gallery-post .image-set .before-image img, 
.post-type-archive-ma-gallery .ma-gallery-post .image-set .after-image img,
.ma-gallery-template-default .image-set .before-image img,
.ma-gallery-template-default .image-set .after-image img,
.tax-gallery-procedures .ma-gallery-post .image-set .before-image img,
.tax-gallery-procedures .ma-gallery-post .image-set .after-image img,
.gallery-module .ma-gallery-post .image-set .before-image img,
.gallery-module .ma-gallery-post .image-set .after-image img {
	width: 98%;
	object-fit: cover;
}

.two-x-three-aspect-ratio, 
picture.two-x-three-aspect-ratio img { 
	aspect-ratio: 2 / 3; 
}

.one-x-one-aspect-ratio, 
picture.one-x-one-aspect-ratio img { 
	aspect-ratio: 1 / 1; 
}

.three-x-two-aspect-ratio, 
picture.three-x-two-aspect-ratio img { 
	aspect-ratio: 3 / 2; 
}

.post-type-archive-ma-gallery .blog-layout-1, 
.tax-gallery-procedures .blog-layout-1 {
	border-bottom: none !important;
	padding-bottom: none !important;
}

.post-type-archive-ma-gallery .the-excerpt, 
.tax-gallery-procedures .the-excerpt {
	margin-bottom: 10px;
}

.post-type-archive-ma-gallery .view-case-link button,
.tax-gallery-procedures .view-case-link button,
.gallery-module .view-case-link button {
	margin-top: 10px;
}

.post-type-archive-ma-gallery .view-case-link button,
.post-type-archive-ma-gallery .view-video-link button,
.tax-gallery-procedures .view-case-link button,
.tax-gallery-procedures .view-video-link button,
.gallery-module .view-case-link button,
.gallery-module .view-video-link button {
	width: 48%;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.post-type-archive-ma-gallery .case-id,
.tax-gallery-procedures .case-id,
.gallery-module .case-id {
	margin-bottom: 0px;
}

.post-type-archive-ma-gallery .entry-header .entry-title,
.tax-gallery-procedures .entry-header .entry-title,
.gallery-module .entry-header .entry-title {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-type-archive-ma-gallery .ma-gallery-entry-header,
.tax-gallery-procedures .ma-gallery-entry-header,
.gallery-module .ma-gallery-entry-header {
    margin-bottom: 40px;
}

.post-type-archive-ma-gallery .image-set,
.tax-gallery-procedures .image-set,
.gallery-module .image-set {
	position: relative;
    display: inline-block;
}

.post-type-archive-ma-gallery .overlay,
.tax-gallery-procedures .overlay,
.gallery-module .overlay {
	display: flex;
	align-items: center;
    justify-content: center;
}

.post-type-archive-ma-gallery .hover-text,
.post-type-archive-ma-gallery .hover-cta,
.tax-gallery-procedures .hover-text,
.tax-gallery-procedures .hover-cta,
.gallery-module .hover-text,
.gallery-module .hover-cta {
/* 	display: flex; */
}

.post-type-archive-ma-gallery .hover-text,
.tax-gallery-procedures .hover-text,
.tax-gallery-procedures .hover-text {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
}

.post-type-archive-ma-gallery .hover-cta,
.gallery-module .hover-cta {
	font-size: 20px;
	font-weight: normal;
}
	
.post-type-archive-ma-gallery .before-and-after-image-link .overlay,
.tax-gallery-procedures .before-and-after-image-link .overlay,
.gallery-module .before-and-after-image-link .overlay {
 	width:100%;
 	height:100%;
 	visibility: hidden;
 	opacity: 0;
 	transition: visibility 0s, opacity 0.1s linear;
 	position: absolute;
 	top: 0px;
 	left: 0px;
}	

.post-type-archive-ma-gallery .ma-gallery-post .read-more,
.tax-gallery-procedures .ma-gallery-post .read-more,
.gallery-module .ma-gallery-post .read-more {
	display:none;
}



/* After Only */ 
.post-type-archive-ma-gallery .after-only .before-image,
.tax-gallery-procedures .after-only .before-image,
.gallery-module .after-only .before-image {
	display: none;
}
.post-type-archive-ma-gallery .after-only .image-set,
.tax-gallery-procedures .after-only .image-set,
.gallery-module .after-only .image-set {
	width: 100%;
}

/* Pull the carousel arrows in tighter when using 2 or 3 column layout */
.post-type-archive-ma-gallery .ast-grid-2 button.slick-prev,
.post-type-archive-ma-gallery .ast-grid-3 button.slick-prev,
.tax-gallery-procedures .ast-grid-2 button.slick-prev,
.tax-gallery-procedures .ast-grid-3 button.slick-prev,
.gallery-module .ast-grid-2 button.slick-prev,
.gallery-module .ast-grid-3 button.slick-prev {
    left: -20px;
}
.post-type-archive-ma-gallery .ast-grid-2 button.slick-next,
.post-type-archive-ma-gallery .ast-grid-3 button.slick-next,
.tax-gallery-procedures .ast-grid-2 button.slick-next,
.tax-gallery-procedures .ast-grid-3 button.slick-next,
.gallery-module .ast-grid-2 button.slick-next,
.gallery-module .ast-grid-3 button.slick-next {
    right: -15px;
}


.gallery-module .blog-layout-1 {
	border-bottom: none !important;
}


/* 
******************************************
*	BA Slider Styles 
******************************************
*/

.single-ma-gallery .slick-slide{
  height: fit-content !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.post-type-archive-ma-gallery .twentytwenty-container img,
.tax-gallery-procedures .twentytwenty-container img  {
	width: 100% !important;
}

.baslider .twentytwenty-before-label:before { content: "before";}
.baslider .twentytwenty-after-label:before { content: "after";}

.baslider .twentytwenty-handle {
	border-color: #ffffff;
	border-width: 5px;
	border-radius: 100px;
	webkit-box-shadow: 0px 0px 5px #fcfcfc;
	-moz-box-shadow: 0px 0px 5px #fcfcfc;
	box-shadow: 0px 0px 5px #fcfcfc;
	height: 40px;
	width: 40px;
	margin-left:-25px;
	margin-top:-20px;
}

.baslider .twentytwenty-handle:before{
	margin-bottom: 22.5px;
	box-shadow: 0 0 0 #ffffff;
}
.baslider .twentytwenty-handle:after{
	margin-top: 22.5px;
	box-shadow: 0 0 0 #ffffff;
	<?php } ?>
}
.baslider .twentytwenty-handle:before,
.baslider .twentytwenty-handle:after {
	background: #ffffff>;
	width: 5px;
	margin-left: -2.5px;
}

.baslider .twentytwenty-overlay:hover {background: rgba(0,0,0,0.5);}

.baslider .twentytwenty-handle .twentytwenty-left-arrow {border-right: 6px solid #ffffff;}
.baslider .twentytwenty-handle .twentytwenty-right-arrow {border-left: 6px solid #ffffff;}

.baslider .twentytwenty-before-label,
.baslider .twentytwenty-after-label {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-ms-grid-row-align:center;
	align-items:center;
}

/* Typography style */
.baslider .twentytwenty-before-label:before,
.baslider .twentytwenty-after-label:before {
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: none;
}

.baslider .twentytwenty-before-label:before,
.baslider .twentytwenty-after-label:before {
	color: #ffffff;
	max-width: calc( 100% / 2 - 30px );
	width: auto;
	padding: 10px;
}

/* Typography responsive layout starts here */
@media ( max-width: 992px ) {
	.baslider .twentytwenty-before-label:before,
	.baslider .twentytwenty-after-label:before {
		font-size: 12px;
		line-height: 12px;
	}
}

@media ( max-width: 768px ) {
	.baslider .twentytwenty-before-label:before,
	.baslider .twentytwenty-after-label:before {
		font-size: 12px;
		line-height: 12px;
	}
}
/* Typography responsive layout Ends here */


/* loading animation */
.baslider-loading {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid grey;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: 100px auto;
}

.baslider-loading img {
	display: none;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}






/* 
******************************************
*	Single Styles 
******************************************
*/
@media only screen and (min-width: 925px) {
	.ma-gallery-template-default .case-id{
		margin-top: -10px;
	}
}
.ma-gallery-template-default .image-set .before-image {padding-left: 0px !important; padding-right: 10px !important;}
.ma-gallery-template-default .image-set .after-image {padding-left: 10px !important; padding-right: 0px !important;}	

.ma-gallery-template-default hr {
	background-color: #eee !important;
}

.ma-gallery-template-default .image-set {text-align: center; overflow: hidden;}
.ma-gallery-template-default .image-set p {margin-bottom: 0px !important;}

.ma-gallery-template-default .view-angle {
	text-transform: capitalize;
  width:100%;
}

.ma-gallery-template-default .video-wrapper {
	position: relative;
	padding-bottom: 56.25% !important; /* 16:9 */
	height: 0;
}

.ma-gallery-template-default .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Other Patients */
.other_patients h3 {padding: 100px 0 20px 20px;}
.other_patients_thumbs .other_patients_before_pic,
.other_patients_thumbs .other_patients_after_pic,
.other_patients_thumbs .other_patients_before_pic img,
.other_patients_thumbs .other_patients_after_pic img { 
	object-fit: cover; padding:0 2px; 
}

.other_patients_thumbs h4 {padding-bottom:20px;}
.other_patients_thumbs:hover .other_patients_before_pic, .other_patients_thumbs:hover .other_patients_after_pic { opacity:.8; }

.single .before-and-after-carousel {
	background: #f0f0f0;
    border: 1px solid #ccc;
    padding: 20px 25px 20px 30px;
}

@media (min-width:1025px) {
  .single .before-and-after-carousel {
    margin-right:30px;
  }
}





/*--------------------------------------------------------------
# Bootstrap Grid
# Just-In-Case to cover for Astra theme evolution
--------------------------------------------------------------*/
/*!
 * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com)
 */
@media (min-width: 544px) {
  .ast-container {max-width: 100%;}
}

@media (min-width: 768px) {
  .ast-container {max-width: 100%;}
}

@media (min-width: 992px) {
  .ast-container {max-width: 100%;}
}

@media (min-width: 1200px) {
  .ast-container {max-width: 100%;}
}
.ast-container-fluid, .ast-container {margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.ast-container-fluid::after, .ast-container::after {content: ""; display: table; clear: both;}
.ast-row {margin-left: -20px; margin-right: -20px;}
.ast-row::after {content: ""; display: table; clear: both;}
.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 {position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px;}
.ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 {float: left;}
.ast-col-xs-1 {width: 8.3333333333%;}
.ast-col-xs-2 {width: 16.6666666667%;}
.ast-col-xs-3 {width: 25%;}
.ast-col-xs-4 {width: 33.3333333333%;}
.ast-col-xs-5 {width: 41.6666666667%;}
.ast-col-xs-6 {width: 50%;}
.ast-col-xs-7 {width: 58.3333333333%;}
.ast-col-xs-8 {width: 66.6666666667%;}
.ast-col-xs-9 {width: 75%;}
.ast-col-xs-10 {width: 83.3333333333%;}
.ast-col-xs-11 {width: 91.6666666667%;}
.ast-col-xs-12 {width: 100%;}

@media (min-width: 544px) {
  .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 {float: left;}
  .ast-col-sm-1 {width: 8.3333333333%;}
  .ast-col-sm-2 {width: 16.6666666667%;}
  .ast-col-sm-3 {width: 25%;}
  .ast-col-sm-4 {width: 33.3333333333%;}
  .ast-col-sm-5 {width: 41.6666666667%;}
  .ast-col-sm-6 {width: 50%;}
  .ast-col-sm-7 {width: 58.3333333333%;}
  .ast-col-sm-8 {width: 66.6666666667%;}
  .ast-col-sm-9 {width: 75%;}
  .ast-col-sm-10 {width: 83.3333333333%;}
  .ast-col-sm-11 {width: 91.6666666667%;}
  .ast-col-sm-12 {width: 100%;}
}

@media (min-width: 768px) {
  .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 {float: left;}
  .ast-col-md-1 {width: 8.3333333333%;}
  .ast-col-md-2 {width: 16.6666666667%;}
  .ast-col-md-3 {width: 25%;}
  .ast-col-md-4 {width: 33.3333333333%;}
  .ast-col-md-5 {width: 41.6666666667%;}
  .ast-col-md-6 {width: 50%;}
  .ast-col-md-7 {width: 58.3333333333%;}
  .ast-col-md-8 {width: 66.6666666667%;}
  .ast-col-md-9 {width: 75%;}
  .ast-col-md-10 {width: 83.3333333333%;}
  .ast-col-md-11 {width: 91.6666666667%;}
  .ast-col-md-12 {width: 100%;}
}

@media (min-width: 992px) {
  .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 {float: left;}
  .ast-col-lg-1 {width: 8.3333333333%;}
  .ast-col-lg-2 {width: 16.6666666667%;}
  .ast-col-lg-3 {width: 25%;}
  .ast-col-lg-4 {width: 33.3333333333%;}
  .ast-col-lg-5 {width: 41.6666666667%;}
  .ast-col-lg-6 {width: 50%;}
  .ast-col-lg-7 {width: 58.3333333333%;}
  .ast-col-lg-8 {width: 66.6666666667%;}
  .ast-col-lg-9 {width: 75%;}
  .ast-col-lg-10 {width: 83.3333333333%;}
  .ast-col-lg-11 {width: 91.6666666667%;}
  .ast-col-lg-12 {width: 100%;}
}

@media (min-width: 1200px) {
  .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 {float: left;}
  .ast-col-xl-1 {width: 8.3333333333%;}
  .ast-col-xl-2 {width: 16.6666666667%;}
  .ast-col-xl-3 {width: 25%;}
  .ast-col-xl-4 {width: 33.3333333333%;}
  .ast-col-xl-5 {width: 41.6666666667%;}
  .ast-col-xl-6 {width: 50%;}
  .ast-col-xl-7 {width: 58.3333333333%;}
  .ast-col-xl-8 {width: 66.6666666667%;}
  .ast-col-xl-9 {width: 75%;}
  .ast-col-xl-10 {width: 83.3333333333%;}
  .ast-col-xl-11 {width: 91.6666666667%;}
  .ast-col-xl-12 {width: 100%;}
}

.ast-col-xs-5ths,
.ast-col-sm-5ths,
.ast-col-md-5ths,
.ast-col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.ast-col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .ast-col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .ast-col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .ast-col-lg-5ths {
        width: 20%;
        float: left;
    }
}