/* Gallery Menu Styles */ 
img {
  max-width: 100%;
}
#ma-gallery-menu {margin: 0 0 100px 0; font-size: 16px;}
.post-thumb img {
  max-width: 100%;
}
.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,
.post-type-ma-gallery .image-set .before-image img, .post-type-ma-gallery .image-set .after-image img {
	width: 100%;
	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;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.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,
.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;
}
.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 
******************************************
*/
.single-ma-gallery .entry-meta, .single-ma-gallery .post-navigation {
	display:none;
}

@media only screen and (min-width: 925px) {
	.ma-gallery-template-default .case-id{
		margin-top: -10px;
	}
}

.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%;
  margin-bottom: 10px;
  display: block;
}

.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 {
  margin-top: 20px;
}
.other_patients h3 {padding: 20px 0;}
.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;
}
.other_patients_thumbs h4 {
  margin-top: 12px;
}
@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) {
  .ma-container {max-width: 100%;}
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Before and After Carousel */
.before-and-after-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.single-ma-gallery-wrapper , .archive-ma-gallery-wrapper {
  margin-top: 50px;
}
.slick-prev > svg, .slick-next > svg {
  height: 20px;
  width: 20px;  
}
.slick-prev, .slick-next {
  border-radius: 50%;
  height: 30px !important;
  width: 30px !important;
  text-align: center;
  background: rgba(255, 255, 255, 0.3) !important;
  z-index: 1;
  opacity: 0.3;
}
.slick-prev {
  left: 3px !important;
}
.slick-next {
  right: 3px !important;
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1;
}
@media (min-width:768px) {
  .entry-before-and-after.before-and-after-carousel .image-set .ba-img-wrapper,
  .other_patients_list .other_patients_thumbs .ba-img-wrapper {
    background: #f0f0f0;
  }
}

.other_patients_list .other_patients_thumbs .ba-img-wrapper {
  padding: 0 !important;
}

/* Mobile Menu */
.ma-gallery-mobile-menu {
  position: relative;
}
a.ma-gallery-mobile-menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    padding: 0;
    right: 1.5rem;
    top: 20px;
}
a.ma-gallery-mobile-menu-toggle span {
  width: 16px;
  height: 2px;
  background: #333b54;
  border-radius: 10px;
  transition: all 0.3s linear;
  position: relative;
  transform-origin: 1px;
  display: block;
}
a.ma-gallery-mobile-menu-toggle > span:first-child, a.ma-gallery-mobile-menu-toggle > span:last-child  {
  transform: rotate(0);
}
a.ma-gallery-mobile-menu-toggle > span:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
}
a.ma-gallery-mobile-menu-toggle.open > span:first-child {
  transform: rotate(45deg);
}
a.ma-gallery-mobile-menu-toggle.open > span:last-child {
  transform: rotate(-45deg);
}
a.ma-gallery-mobile-menu-toggle.open > span:nth-child(2) {
  opacity: 0;
}
.ma-gallery-mobile-menu-header {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #f1f1f1;
  border-radius: 4px;
  margin-bottom: 20px;
}
.ma-gallery-mobile-menu-header p {
  padding: 0;
  margin: 0;
}
.ma-gallery-mobile-menu-header > *:last-child {
  margin-left: auto;
}
.ma-gallery-mobile-menu-header h2 {
  margin: 0;
  font-size: inherit;
  font-weight: bold;
}
.ma-gallery-mobile-menu:not(.d-for-desktop) .ma-gallery-mobile-menu-inner {
  background: #f1f1f1;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  transition: all 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  z-index: 99;
  padding: 20px;
  top: 100%;
}
.ma-gallery-mobile-menu.d-for-desktop a.ma-gallery-mobile-menu-toggle {
  display: none;
}
.ma-gallery-mobile-menu.open .ma-gallery-mobile-menu-inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);  
}
.ma-gallery-mobile-menu-inner p {
  display: none;
}
.ma-gallery-mobile-menu ul#ma-gallery-menu {
  margin: 0;
  padding: 0;
}
.ma-gallery-mobile-menu.always-active {
  display: block;
}

.ma-gallery-mobile-menu.d-for-desktop {
  display: block;
}
.ma-gallery-mobile-menu.d-for-tablet, .ma-gallery-mobile-menu.d-for-mobile {
  display: none;
}

@media (max-width: 991px) {
  .ma-gallery-mobile-menu.d-for-desktop {
    display: none;
  }
  .ma-gallery-mobile-menu.d-for-tablet {
    display: block;
  }
}

.image-set .ma-d-flex .post-thumb {
  width: 50%;
}

/* Frontend Styles */
.ma-gallery-navigations {
  padding: 15px;
  margin-top: 20px;
}
.before-and-after-images > .set {
  margin-bottom: 24px;
}
body.single-ma-gallery nav.navigation.post-navigation {
  display: none;
}