/*
Theme Name: TRoo Museum - Divi Child Theme
Theme URI: https://troomuseumdivi.troothemes.com/
Description: TRoo Museum is a modern and elegant Divi 5 Child Theme designed for museums, art galleries, exhibitions, and cultural websites. It features fully responsive layouts, clean design, and is built entirely with native Divi modules—no extra plugins required. Easy to customize, fast, and user-friendly.
Author: TRooThemes
Author URI: https://troothemes.com/
Template: Divi
Version: 2.0
*/

/*------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* ================================================== */

/**
 * ROOT Color
 * General
 * Header
 * About
 * collection
 * Exhibition
 * Testimonials
 * Team
 * Pricing
 * We strive for perfection every day.
 * FAQs
 * Blog
 * Exhibition Tab
 * Exhibition Detail
 * Team Detail
 * Contact Us
 * 404
 * Search
 * Footer
 */

/* =======================
    ROOT Color
=========================*/
:root {
  --color1: #DC794F;
  --color2: #F3BC5E;
  --color3: #221B1B;
}

/* =======================
    General
=========================*/
body {
  overflow-x: hidden !important;
}

.museum_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{
    flex: 1;padding-left:5px;
    word-wrap: anywhere;
}

.museum_heading h1,
.museum_heroheading h1,
.museum_innerheading h1,
.museum_heading h2,
.museum_heading h3,
.museum_heading h4,
.museum_heading h5,
.museum_heading h6 {
  padding-bottom: 0 !important;
  font-weight: 700 !important;
}

.museum_space h1,
.museum_space h2,
.museum_space h3,
.museum_space h4,
.museum_space h5,
.museum_space h6 {
  padding-bottom: 10px !important;
}

.museum_heading h1 {
  font-size: 40px !important;
  line-height: 50px !important;
  color: var(--color3) !important;
}

.museum_heroheading h1 {
  font-size: 70px !important;
  line-height: 80px !important;
  color: #fff !important;
}

.museum_innerheading h1 {
  font-size: 60px !important;
  line-height: 80px !important;
  color: #ffffff !important;
}

.museum_heading h2 {
  font-size: 40px !important;
  line-height: 50px !important;
  color: var(--color3) !important;
}

.museum_heading h3 {
  font-size: 24px !important;
  line-height: 34px !important;
  color: var(--color3) !important;
}

.museum_heading h4 {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--color3) !important;
}

.museum_heading h5 {
  font-size: 16px !important;
  line-height: 26px !important;
  color: var(--color3) !important;
}

.museum_heading h6 {
  font-size: 14px !important;
  line-height: 24px !important;
  color: var(--color3) !important;
}

@media only screen and (max-width: 1125px){
    .museum_heroheading h1 {
  font-size: 50px !important;
  line-height: 60px !important;
  color: #fff !important;
}

.museum_innerheading h1 {
  font-size: 50px !important;
  line-height: 60px !important;
  color: #ffffff !important;
}

.museum_heading h2 {
  font-size: 30px !important;
  line-height: 40px !important;
  color: var(--color3) !important;
}
}

@media only screen and (max-width: 767px) {
  .museum_heading h1 {
    font-size: 30px !important;
    line-height: 40px !important;
    color: var(--color3) !important;
  }
    
    .museum_heroheading h1 {
    font-size: 30px !important;
    line-height: 40px !important;
    color: #fff !important;
  }
    
    .museum_innerheading h1 {
  font-size: 30px !important;
  line-height: 40px !important;
  color: #ffffff !important;
}

  .museum_heading h2 {
    font-size: 24px !important;
    line-height: 36px !important;
    color: var(--color3) !important;
  }
}

/* =======================
    Header
=========================*/
.museum_header .et-menu-nav ul li ul {
  padding: 0;
  border-top: 0 !important;
}

.museum_header .nav li li ul {
  top: 0;
}

.museum_header .et-menu-nav ul li ul li {
  padding: 0;
  width: auto;
  position: relative;
  display: block;
}

.museum_header .et-menu-nav ul li ul{
	background: transparent;
    padding: 0;
    border-radius: 0;
    transform: scaleX(0);
    transform-origin: left center;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.museum_header .et-menu-nav ul li:hover ul{
	visibility: visible !important;
    transform: scale(1);
}

.museum_header .et-menu-nav ul li ul li a {
  width: 100%;
  line-height: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  border-top: 0 none;
  padding: 13px 15px !important;
  display: block;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out !important;
  color: #161616 !important;
  background: #ffffff;
}

.museum_header .et-menu-nav ul li ul li a:hover {
  opacity: 1;
  padding-left: 40px !important;
}

.museum_header .et-menu-nav ul li ul li a:before {
  position: absolute;
  content: '\e00a';
  font-family: "ETModules";
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all .500s ease-in-out;
  transition: all .500s ease-in-out;
  color: var(--color1);
  opacity: 0;
  background: transparent;
}

.museum_header .et-menu-nav ul li ul li a:hover:before {
  opacity: 1;
}

.museum_header .et_mobile_menu .menu-item-has-children>a {
  background: transparent;
}

.museum_header .et_mobile_menu .menu-item-has-children a.mobile-toggle-icon {
  display: none;
}

.museum_header .et_mobile_nav_menu ul>li>a {
  background: transparent;
}

.museum_header .et-menu-nav ul>li {
  margin-top: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
}

.museum_header .et-menu-nav ul>li:last-child {
  padding-right: 0;
}

.museum_header .et-menu-nav ul>li>a {
  padding: 31px 0 !important;

  opacity: 1;
}

.museum_header .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu .menu-item-has-children>a:first-child {
  padding-right: 10px !important;
}

.museum_header .et_pb_menu__menu>nav>ul>li>a:after {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -7px !important;
}

.museum_header .et_pb_button_module_wrapper {
  display: flex;
  justify-content: flex-end;
}

.museum_header .et-menu li li.menu-item-has-children>a:first-child:after {
  top: 50%;
  transform: translateY(-50%);
}

.museum_header .et_pb_menu .et-menu {
  margin: 0 !important;
}

.museum_header.et_pb_sticky {
  box-shadow: 0px 8px 15px rgba(149, 157, 165, 0.1);
}

.museum_header .et_pb_menu .et_pb_menu__wrap {
  justify-content: center;
}

.museum_header .et_mobile_menu {
    overflow-y: scroll !important;
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
}

.museum_header #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.museum_header .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
    transition: all 0.4s ease;
    transform: rotate(90deg);
    display: block;
    top: 0;
}

.museum_header ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}

.museum_header ul.et_mobile_menu > li.menu-item-has-children {
    position: relative;
}

.museum_header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
}

.museum_header .et_mobile_menu li a {
    background: transparent !important;
    color: color2;
    opacity: 1;
}

.museum_header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.museum_header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    max-height: 1000px; /* Large enough for any menu */
    opacity: 1;
    transform: translateY(0);
}

.museum_header .et_mobile_menu li li {
    position: relative;
}

.museum_header ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    font-family: "ETModules";
    content: '\33'; /* Plus Icon */
    top: 10px;
    position: relative;
    color: #fff;
    background: var(--color3);
    border-radius: 50%;
    padding: 6px;
    font-size: 19px;
}

.museum_header .et_mobile_menu {
    padding: 0;
    border: none;
}

.museum_header ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
    content: '\32';
}

.museum_header .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}

.museum_header .et_mobile_nav_menu .mobile_menu_bar::before {
    transition: all 0.4s ease;
    transform: rotate(0deg);
    display: block;
    color: #fff !important;
    top: 0;
}

.museum_header .et_mobile_nav_menu .mobile_nav {
    background: var(--color1);
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.museum_header.et_pb_menu ul li:hover>a,
.museum_header.et_pb_menu ul > li.current-menu-item > a,
.museum_header.et_pb_menu .nav li ul.sub-menu a:hover,
.museum_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a,
.museum_header.et_pb_menu .et_mobile_menu a:hover {
  color: var(--color1) !important;
  opacity: 1;
}

.museum_header.et_pb_menu .et_pb_menu_inner_container{
	gap: 30px;
}

.museum_header.et_pb_menu .et_pb_menu__logo{
	margin-right: 0;
}

.museum_header .mobile_nav .mobile_menu_bar:before {
  color: #fff !important;
}

body #et-boc .et-l .et-fb-layout .et_pb_section.dl-slide-sidebar{transform: translateX(0) !important;position: relative !important; top: 0px;}




/* Hide header on all posts in Visual Builder */
.et-fb.single-post .et-l--header .dl-slide-sidebar{
    display: none !important;
}

/* Hide header on all projects in Visual Builder */
.et-fb.single-project .et-l--header .dl-slide-sidebar{
    display: none !important;
}

/* Hide header on all pages in Visual Builder */
.et-fb.page .et-l--header .dl-slide-sidebar{
    display: none !important;
}

/*Slide In Section*/

.et-fb .dl-slide-sidebar {
  transform: translateX(100%) !important;
}

body:not(.et-fb) .dl-slide-sidebar {
  transform: translateX(100%);
}

body:not(.et-fb) .dl-slide-sidebar.is-opened {
  transform: translateX(0);
}

.dl-slide-sidebar.has-transition {
  transition: 0.7s;
}

.dl-close {
  cursor: pointer;
}


.dl-sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  z-index: 9999998;
}

.dl-sidebar-overlay.is-opened {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body:not(.et-fb) .dl-slide-sidebar {
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  width: min(100vw, 400px);
  max-width: 100vw !important;
  z-index: 9999999;
}

@media (max-width: 767px) {
  body:not(.et-fb) .dl-slide-sidebar {
    width: 100vw;
    max-width: 100vw !important;
  }
}



@media(max-width:1581px) and (min-width:981px) {
	.museum_header_column .et_pb_button_module_wrapper {
		display: none !important;
	}
	
	.museum_header_button{
		display: none !important;
	}
}

@media(max-width:1437px) and (min-width:981px) {
	.museum_header_blurb{
		display: none !important;
	}
}

@media(max-width:1115px) and (min-width:981px) {
	.museum_header_hamburger{
		display: none !important;
	}
	
	.museum_header_column{
		gap: 0 !important;
	}
}

@media (max-width:980px) {
	.museum_header.et_pb_menu .et_pb_menu_inner_container {
    gap: 0;
}
	.museum_header .et_mobile_nav_menu{margin-right:0 !important;}
	
  .museum_header .et_pb_menu__logo-wrap {
    display: block;
  }

  .museum_header .et_pb_menu_inner_container {
    gap: 0;
    padding: 20px;
  }

  .museum_header .mobile_menu_bar {
    transform: auto;
    bottom: auto;
  }

  .museum_header .et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
    align-items: center;
  }

  .museum_header .et_mobile_menu {
    overflow-y: scroll !important;
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 25px;
    border-top-color: var(--color3);
  }

  .museum_header.et_pb_menu .et_mobile_nav_menu ul>li>a {
    padding-left: 0;
    color: var(--color3) !important;
  }
}

/* =======================
    Footer
=========================*/
.museum_footer_form .et_pb_newsletter_field {
    margin-bottom: 0px;
	padding-bottom: 0 !important;
}

.museum_footer_form .et_pb_newsletter_button_wrap {
    position: absolute;
  right: 0;
  }

.museum_footer_form .et_pb_newsletter_button{
	width: 50px;
    height: 61px;
    line-height: 61px !important;
    border: none;
    border-left: 1px solid #fff !important;
    text-align: center;
    display: block;
    background: var(--color3) !important;
    border-radius: 0 3px 3px 0;
}

.museum_footer_form .et_pb_newsletter_button:after {
      opacity: 1 !important;
    width: auto;
    line-height: 53px !important;
    position: absolute;
    left: 0 !important;
    right: 0;
    margin: auto !important;
    top: 50%;
	transform: translateY(-50%);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

/* =======================
    About
=========================*/
.museumabout_blurb .et_pb_blurb_description span{
	display: inline-block;
    padding-bottom: 10px;
}

/* =======================
    Collection
=========================*/


.museumcollection_column{box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.03);
  padding: 25px;
  border-radius: 10px;}

.museumcollection_blurb .et_pb_main_blurb_image img{aspect-ratio: 16/10;
  object-fit: cover;}


.museumcollection_blurb .et_pb_main_blurb_image, .museumcollection_blurb .et_pb_main_blurb_image img{
	width: 100% !important;
	max-width: 100% !important;
}

.museumcollection_blurb .et_pb_main_blurb_image:before{
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 17.49%, var(--color3) 93.39%);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -100%;
	left: 0;
	transition: all 0.5s ease;
}

body #page-container .et_pb_section .museumcollection_column:hover .museumcollection_blurb .et_pb_main_blurb_image:before{
	bottom: 0;
}

.museumcollection_blurb .et_pb_blurb_description{
  width: 100%;
  padding: 20px;
  transform: translateX(-50%);
  position: absolute;
  bottom: -100px;
  left: 50%;
  transition: all 0.35s ease;
}

body #page-container .et_pb_section .museumcollection_column:hover .museumcollection_blurb .et_pb_blurb_description{
	bottom: 0;
}

.museumcollection_blurb .et_pb_blurb_description p{  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;}

body #page-container .et_pb_section .museumcollection_column:hover .et_pb_button{
	color: var(--color2) !important;
}

.et-db #et-boc .et-l #et_pb_root .museumcollection_section_slider.et_pb_section{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
}

.museumcollection_section_slider{
	width: 90% !important;
	max-width: 1400px !important;
	margin: 0 auto;
}

.slick-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slide {
  float: left;
}

.museumcollection_section_slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.museumcollection_section_slider .slick-list {
  padding: 0 !important;
  overflow: hidden;
}

.museumcollection_section_slider .slick-track {
  display: flex;
  overflow: hidden;
  gap: 15px;
}

.museumcollection_section_slider .slick-dots {
  position: static;
  padding: 45px 0 0 0;
  line-height: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.museumcollection_section_slider .slick-dots li {
  line-height: 0;
}

.museumcollection_section_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border: 1px solid var(--color1);
  border-radius: 100px;
  background: transparent;
  font-size: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
}

.museumcollection_section_slider .slick-dots li button:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background: var(--color1);
  border-radius: 100px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  -webkit-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s ease;
}

.museumcollection_section_slider .slick-dots li.slick-active button:before {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
}

@media screen and (max-width: 980px){
	.museumcollection_blurb .et_pb_blurb_description{
		bottom: -130px;
	}
}

/* =======================
    Exhibition
=========================*/

.museumexhibition_cta .et_pb_promo_description{
	transition: all 0.5s ease;
}

.museumexhibition_row:hover .museumexhibition_cta .et_pb_promo_description{
	transform: translateY(-10px);
}

.museumexhibition_cta .et_pb_button_wrapper{
	width: 100%;
    padding: 0px;
    transform: translateX(-50%);
    position: absolute;
    bottom: -100px;
    left: 50%;
    transition: all 0.5s ease;
}

.museumexhibition_row:hover .museumexhibition_cta .et_pb_button_wrapper{
	bottom: 0px;
}

/* =======================
    Testimonials
=========================*/


.museum_testimonial .et_pb_testimonial_inner{display: flex;
  flex-direction: column-reverse;}


.museum_testimonial .museum_testimonial_top {
  display:flex;
  align-items:center;
  gap:11px;
  position:relative;
  padding:0 145px 0 0;
}

.museum_testimonial .museum_testimonial_top:before {
  content: '\7b';
    font-family: ETmodules;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
    font-size: 40px;
    letter-spacing: 3px;
    color: #fff;
    margin-left: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
}

.museum_testimonial .et_pb_testimonial_description h4 {
  font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700;
    display: block;
}

.museum_testimonial .et_pb_testimonial_content p {
  padding:0;
}


.museum_testimonial_slider .et_pb_group_carousel_slide > .et_pb_group {margin:0 1vw;}
.museum_testimonial_slider .et_pb_group_carousel_container {margin: 0 -1vw;}





.museum_testimonial_slider .et_pb_group_carousel_dots .et_pb_group_carousel_dot {
  width: 50px;
  height: 5px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.2);
}




.museum_testimonial_slider .et_pb_group_carousel_dots .et_pb_group_carousel_dot.et_pb_group_carousel_dot_active {
  background: var(--color1);
}

.museumtestimonial .et_pb_testimonial_description h4{
	color: var(--color3) !important;
}

.museumtestimonial .museum_testimonial_top:before{
	content: '\7b';
    font-family: ETmodules;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
    font-size: 40px;
    letter-spacing: 3px;
    color: var(--color3);
    margin-left: 0;
    text-align: center;
    background: rgba(34, 27, 27, 0.05);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
}

@media (max-width:980px) {
  .museum_testimonial .et_pb_testimonial_description h4 {
    font-size:22px;
    line-height:32px;
  }
}

@media (max-width:767px) {
  .museum_testimonial .et_pb_testimonial_description h4 {
    font-size:20px;
    line-height:30px;
  }
	
  .museum_testimonial .museum_testimonial_top {
    padding:0;
  }
	
  .museum_testimonial .museum_testimonial_top:before {
    content:none;
  }
}

/* =======================
    Team
=========================*/
.museum_team .et_pb_team_member_image img{
	width: 100% !important;
    max-width: 100% !important;
}

.museum_team .et_pb_team_member_image:before{
	content: "";
    background: linear-gradient(0deg, var(--color1) 0%, rgba(118, 65, 42, 0) 81.74%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.5s ease;
}

.museum_team:hover .et_pb_team_member_image:before{
	bottom: 0;
}

.museum_team .et_pb_team_member_image:after{
	content: '\26';
    font-family: ETmodules;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 20px;
    letter-spacing: 3px;
    color: #fff;
    margin-left: 0;
    text-align: center;
    background: var(--color1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	transition: all 0.8s ease;
}

.museum_team:hover .et_pb_team_member_image:after{
	transform: translate(-50%, -50%) scale(1);
}

/* =======================
    Pricing
=========================*/


.museum_pricing .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{
	transform: rotate(180deg);
	display: block !important;
}

.musm_ticket .et_pb_blurb_content .et_pb_blurb_container{
display: flex;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  width: 100%;
}


/* =======================
    We strive for perfection every day.
=========================*/
.museum_cta_image .et_pb_image_wrap, .museum_cta_image .et_pb_image_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.museum_cta_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{
	padding-left: 93px;
}

.museum_cta_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{
	color: var(--color1);
}

/* =======================
    FAQs
=========================*/

.museum_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{
	transform: rotate(180deg);
	display: block !important;
}

/* =======================
    Blog
=========================*/


.museum_blog .post {
    border-radius:5px;
    transition:all 0.5s ease;
    margin:0;
    padding: 20px;
    background: #fff;
}

.museum_blog .post .entry-featured-image-url {
    margin-bottom: 20px !important;
    transition: all 0.5s ease;
    border-radius: 5px;
}

.museum_blog .post .entry-featured-image-url img{
	transition: all 0.5s ease;
	border-radius: 5px;
}

.museum_blog .post .published {
    position:absolute;
    top: 0;
    left:0;
    background: rgba(253, 246, 243, 1);
    border-radius: 5px;
    padding:10px;
    font-weight:400;
    color: var(--color3);
    font-size:16px;
    line-height:26px;
}

.museum_blog .post .museum_blog_content {
    display:flex;
    flex-direction:column;
    gap:20px;
}

.museum_blog .post .museum_blog_content .post-meta {
    display:flex;
    align-items:center;
    gap:10px;
    order:1;
    flex-wrap:wrap;
}

.museum_blog .post .museum_blog_content .post-meta a{
    background: rgba(245, 245, 245, 1);
    color: var(--color3);
    padding: 5px 10px;
    border-radius: 5px;
}

.museum_blog .post .museum_blog_content .entry-title a{ display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}

.museum_blog .post .museum_blog_content .post-content {
    order:3;
}

.museum_blog .post .museum_blog_content a.more-link{
	color: var(--color1);
}


.museum_blog .post:hover .museum_blog_content a.more-link{
	color: var(--color2);
}


/* =======================
    Exhibition Tab
=========================*/


.mus_exihbition{}


.mus_exihbition ul.et_pb_tabs_controls {flex-wrap: wrap;background: transparent;display: flex;justify-content: center;margin-bottom: 30px;gap: 15px;}
.mus_exihbition ul.et_pb_tabs_controls li {border: none;height: auto !important;float: none;display: block;}
.mus_exihbition ul.et_pb_tabs_controls li a{	text-transform: capitalize;
	padding: 10px 20px !important;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease;
	border-radius: 5px;
color: rgba(34, 27, 27,0.2) !important;
text-align: center;
}

.mus_exihbition ul.et_pb_tabs_controls li.et_pb_tab_active a{}

.mus_exihbition .et_pb_all_tabs{}
.mus_exihbition .et_pb_all_tabs .et_pb_tab{}


.mus_exihbition ul.et_pb_tabs_controls li.et_pb_tab_active a{
	color: var(--color1) !important;
	background: rgba(220, 121, 79, 0.1);
	border-color: var(--color1);
}



/* =======================
    Exhibition Detail
=========================*/
.museumedetail_blurb .et_pb_blurb_container {
    padding-left: 10px;
}

.museumedetail_blurb .et_pb_main_blurb_image .et-pb-icon{
	color: var(--color3);
}

.museumedetail_video .fluid-width-video-wrapper{
	padding-top: 40% !important;
}

/* =======================
    Team Detail
=========================*/
.museumtdetail_person .et_pb_team_member_image img{
	width: 100% !important;
    max-width: 100% !important;
}

/* =======================
    Contact Us
=========================*/


.museumcontact_form .et_contact_bottom_container{
	display: block;
  width: 100%;
}

.museumcontact_form .et_contact_bottom_container .et_pb_contact_submit{
	background: var(--color1) !important;
    color: #fff;
    transition: all 0.5s ease;
width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}

.museumcontact_form .et_contact_bottom_container .et_pb_contact_submit:hover{background: var(--color2) !important;}

.museumcontact_form .et_pb_contact_form_label {
    display: block;
    padding-bottom: 15px;
}

/* =======================
    404
=========================*/
.museum404_section .et_pb_row {
    display: flex;
    height: 100%;
    position: static;
    align-items: center;
}

.museum404_image .et_pb_image_wrap, .museum404_image .et_pb_image_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 980px) {
    .museum404_section .et_pb_row {
        flex-direction: column;
    }
}

/* =======================
    Search
=========================*/
.museumsearch_blog .et_pb_post {
    margin-bottom: 40px;
}

/* =======================
    Blog Detail
=========================*/
.museumbdetail_sidebar.et_pb_widget_area h2{
    color: var(--color3);
    font-weight: 700;
    background: transparent;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(21, 21, 21, 0.1);
}

.museumbdetail_sidebar.et_pb_widget_area .et_pb_widget{
    background: #FFFFFF;
    border: 1px solid rgba(21, 21, 21, 0.1);
    border-radius: 5px;
	width: 100%;
  float: none;
}

.museumbdetail_sidebar.et_pb_widget_area ul, .museumbdetail_sidebar .et_pb_widget .wp-block-tag-cloud{
    padding: 20px !important;
}

.museumbdetail_sidebar.et_pb_widget_area ul li{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(21, 21, 21, 0.1);
}

.museumbdetail_sidebar.et_pb_widget_area ul li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-categories li a{
    color: var(--color3);
    font-weight: 400;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out !important;
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-categories li a:hover{
    padding-left: 20px !important;
    color: var(--color1);
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-categories li a:before{
    content: "\35";
    font-family: 'ETmodules';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color1);
    left: 0;
    opacity: 0;
    -webkit-transition: all .500s ease-in-out;
    transition: all .500s ease-in-out;
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-categories li a:hover:before{
    opacity: 1;
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-latest-posts li a{
    color: var(--color3);
}

.museumbdetail_sidebar.et_pb_widget_area ul.wp-block-latest-posts li a:hover{
    color: var(--color1);
}

.museumbdetail_sidebar .et_pb_widget .wp-block-tag-cloud a {
    font-size: 16px !important;
    line-height: 26px !important;
    padding: 10px 20px;
    background: #F9F9F9;
    color: var(--color3);
    margin-bottom: 10px;
    display: inline-block;
    transition: all 0.5s ease;
}

.museumbdetail_sidebar .et_pb_widget .wp-block-tag-cloud a:hover{
    background: var(--color1);
    color: #ffffff;
}

.hvacbdetail_comment #commentform {
    padding-bottom: 0px;
}

.hvacbdetail_tag a{
	padding: 5px 10px;
	background: rgba(4, 25, 43, 0.1);
	color: var(--color1);
	border-radius: 5px;
}

.museumbdetail_info{
	position: absolute;
    bottom: 0;
    width: auto;
    min-width: 500px;
}

.museumbdetail_info ul{
	padding: 0;
    list-style-type: none;
}

.museumbdetail_info ul li{
	display: flex;
	margin-bottom: 15px;
	gap: 20px;
}

.museumbdetail_info ul li:last-child{
	margin-bottom: 0px;
}

.museumbdetail_info ul li .title{
	flex-basis: 25%;
}

.museumbdetail_info ul li .des{
	flex-basis: 75%;
	font-weight: 700;
}

.museumbdetail_comment #commentform {
    padding-bottom: 0px;
}

@media screen and (max-width: 980px){
	.museumbdetail_info{
	position: relative;
    bottom: auto;
    width: auto;
    min-width: 100%;
}
}

@media screen and (max-width: 767px){
	.museumbdetail_info ul li {
    flex-direction: column;
		gap: 5px;
}
}

body #et-boc .et-l #et-fb-app-react-root .troo_vide {
    height: 350px;
}


.musm_bar{}

.musm_bar li{margin-bottom: 20px;}
.musm_bar li .et_pb_counter_title{color: var(--color3);padding-bottom: 10px;}
.musm_bar li .et_pb_counter_container{background-color:rgba(243, 188, 94, 0.1);border-radius: 100px;overflow: visible;height: 10px;}
.musm_bar li .et_pb_counter_container .et_pb_counter_amount{background-color:var(--color2) !important;float: none;height: 4px;top: 50%;transform: translateY(-50%);border-radius: 100px;left: 3px;}
.musm_bar li .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number{position: absolute;right: 0;top: -22px;color: var(--color3);}

.musm_tm_social li a.icon{
background: rgba(34, 27, 27, 0.1) !important;
tranisition: all 0.5s ease;}


.musm_tm_social li a.icon:hover{background: var(--color2) !important;}







