/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* This adds padding from top and bottom */
.custom-popup-class .mfp-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* This adds max-width to popup content */
.custom-popup-class .mfp-content {
  width: 100%;
  max-width: 700px;
}

/* This makes "#vid-popup" scale down proportionally */
#vid-popup {
  width: 100%;
  height: 0;
  overflow: hidden;
  /* This is scale ratio */
  padding-top: 56.25%;
}
/* This shifts close button outside of the container */
#vid-popup .mfp-close {
  top: -44px;
  color: #FFF;
  text-align: right;
  right: 1px;
}
/* This is an element itself */
.some-element {
  background: #EBE8E8;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Room options */
ul.room-options {
    width: 100%;
}
ul.room-options li {
    display: flex;
    margin-bottom:.5em;
}
ul.room-options .room-options-price {
    flex-grow: 1;
    text-align: right;
    display: flex;
    padding-right:10px;
    font-weight: bold;
    color:var(--tp-theme-primary);
}
ul.room-options .room-options-price::before {
    content:'';
    color:var(--tp-grey-3);
    background: repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 2px, transparent 4px);
    height: 2px;
    flex-grow: 1;
    display: inline-block;
    margin-top: 1em;
    margin-right:10px;
    margin-left:10px
}
ul.room-options .room-options-description {
    display:block;
    width:100%;
    font-style: italic;
    font-size:.9em;
    color:var(--tp-grey-3);
}