@media (max-width : 576px)
{
	#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
		/*width: 100%;*/
		left: 0;
	}

	.select-display, .select-package-display {
		padding :15px;
	}

	#view-cart, .navbar-collapse {
		float: left;
		max-width: 100%;
	}

	.view-cart-mobile {
		display: none;
	}

	#flowte-logo, #logo-container {
		max-height: 10vh;
		max-width: 80%;
		padding: 0;
		margin: 0;
		min-height : 45px;
	}

	#variation-display-detail {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.btn-sm .navbar-toggler-icon {
		height: 1rem;
		width: 1rem;
	}

	.btn-md .navbar-toggler-icon {
		height: 1.25rem;
		width: 1.25rem;
	}

    .cart {
	    width              : 100%;
    }

    .terms small {
	    font-size: 1.8vw;
    }
}

@media (min-width : 576px) and (max-width: 767px)
{
	.card-deck .card
	{
		width     : calc((100% / 2) - 30px);
		min-width : calc((100% / 2) - 30px);
		max-width : calc((100% / 2) - 30px);
	}

	.card-deck .card:last-child {
		margin-right: 15px;
	}

	.card-deck .card:first-child {
		margin-left: 15px;
	}

	.select-display, .select-package-display {
		width: 80vw;
		margin: auto;
		padding :1rem;
	}

	#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
		width: 80%;
	}

    #view-cart, .navbar-collapse {
	    float: left;
	    max-width: 90%;
    }

    .btn-sm .navbar-toggler-icon
    {
	    height : 1rem;
	    width  : 1rem;
    }

	.btn-md .navbar-toggler-icon {
		height: 1.25rem;
		width: 1.25rem;
	}

    .cart {width: 100%}
}

@media (min-width : 768px) and (max-width: 991px)
{
	.card-deck .card
	{
		width     : calc((100% / 3) - 30px);
		min-width : calc((100% / 3) - 30px);
		max-width : calc((100% / 3) - 30px);
	}

	#view-cart {
		float: right;
	}

	.select-display, .select-package-display {
		width: 80vw;
		margin: auto;
		padding :1rem;
	}

	#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
		width: 80%;
	}

    .cart {
	    width              : 50vw;
	    min-width          : 400px;
    }
}

@media (min-width : 992px) and (max-width: 1199px)
{
	.card-deck .card
	{
		width     : calc((100% / 4) - 30px);
		min-width : calc((100% / 4) - 30px);
		max-width : calc((100% / 4) - 30px);
	}

	.select-display, .select-package-display {
		width: 75vw;
		margin: auto;
		padding :1rem;
	}

	#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
		width: 75%;
	}

	.cart {
		width              : 50vw;
		min-width          : 400px;
	}
}

@media (min-width : 1200px)
{
	.card-deck .card
	{
		width     : calc((100% / 5) - 30px);
		min-width : calc((100% / 5) - 30px);
		max-width : calc((100% / 5) - 30px);
	}

	.select-display, .select-package-display {
		width: 50vw;
		margin: auto;
		padding :1rem;
	}

	#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
		width: 50%;
	}

	.cart {
		width              : 30vw;
		min-width          : 400px;
	}
}

.select-display {
  background-color: rgb(255, 255, 255, 0.6);
  border-radius: 5px;
  margin-top: 30px;
}
.select-display[aria-expanded=false] {
  background-color: transparent;
}

.section-name {
  font-size: 17px;
  font-weight: bolder;
}

.ticket-name {
  font-size: 20px;
  text-overflow: ellipsis;
}

.ticket-total {
  font-size: 20px;
}

.ticket-price:before {
  content: "\a";
  white-space: pre;
}

#format-size li
{
	display : inline-block;
}

#format-size
{
	padding-top : 10px;
}

.img-fluid
{ max-height : 25vh; }

.img-container
{ height : 200px; position : relative; }

.cart
{
	overflow           : auto;
	z-index            : 999;
	position           : absolute;
	top                : 100%;
	right              : 0;
	background         : #ffffff;
	color              : #333333;
	-webkit-box-shadow : -2px 2px 3px 0 rgba(0, 0, 0, .3);
	box-shadow         : -2px 2px 3px 0 rgba(0, 0, 0, .3);
	margin             : -1px 0 0;
	height             : 85vh;
}

.cart:after, .cart:before
{
	bottom         : 100%;
	left           : 90%;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;
	pointer-events : none;
}

.cart:after
{
	border-color        : rgba(194, 225, 245, 0);
	border-bottom-color : #5cb85c;
	border-width        : 15px;
	margin-left         : -15px;
}

.cart:before
{
	border-color        : rgba(194, 225, 245, 0);
	border-bottom-color : #5cb85c;
	border-width        : 18px;
	margin-left         : -18px;
}

.header .col-md-6
{
	height         : 7vh;
	vertical-align : middle;
	text-align     : center;
	padding-top    : 2vh;
}

.text-bold
{
	font-weight : bold !important;
}

.nav-margin
{ margin-top : -7px !important; }

div#content-display {
	margin-top: 0;
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}

.dropdown-menu.open {
	z-index: 999999;
}

#add-cart-buttons, #add-pack-cart-buttons, #continue-pack-buttons {
	position: fixed;
	bottom: 0;
	padding: 0.25rem;
	/*border-top: 1px solid black;*/
	z-index: 2;
}
#add-cart-buttons .btn span, #add-pack-cart-buttons .btn span, #continue-pack-buttons .btn span {
  font-size: 1.25rem;
}

#chart {
  min-height: 800px;
}

.card-block {
	padding: 0.5rem;
}

.card-title {
	margin-bottom: 0;
}

.alert-dismissible .close {
	padding: 0;
}

@media (max-width : 767px)
{
  .tix-qty > button
  {
    padding-left   : 15px !important;
    padding-top    : 15px !important;
    padding-bottom : 30px !important;
  }
  #add-cart-buttons {
    display: grid ! important;
  }
}
@media (min-width : 768px)
{
  .tix-qty > button
  {
    padding-left   : 15px !important;
    padding-top    : 15px !important;
    padding-bottom : 15px !important;
  }

}

/* 210318 1816 */
.select-display, .select-package-display {
  width: 75vw;

}

@media (min-width: 768px) {

  #event-description-read-less-btn {
    display: none;
  }

  #event-description-read-more-btn {
    display: none;
  }

  .event-wrapper {
    position: relative;
  }

  .event-image-wrapper + .event-description-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .event-image-wrapper + .event-description-wrapper > #select-event-desc {
    overflow-y: auto;
  }

  #event-description-read-more {
    display: none;
  }
}

@media (max-width: 768px) {

  .event-description {
    max-height: 280px;
    overflow-y: auto;
  }

  .event-description-all {
    padding-bottom: 80px;
  }

  #event-description-read-more-less {
    display: flex !important;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    /* display: block; */
    height: 80px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 60%);
    color: #000000;
    align-items: flex-end;
    justify-content: flex-end;
  }

  #event-description-read-less-btn {
    display: none;
  }

  #event-description-read-more-btn {
    display: block;
  }

  #event-description-read-more span {
    /*padding-bottom: 5px;*/
    /*padding-right: 15px;*/
  }
}

#select-event-img {
  max-height: 50vh;
  object-fit: contain;
}