html, body {height: 100%}

@font-face { 
  font-family: 'dancing'; 
  src: 
      url('../fonts/dancing/DancingScript-VariableFont_wght.ttf')  
      format('opentype'); 
  font-weight: normal; 
  font-style: normal;
} 

#mainHeaderDiv {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-around;
	height: 20%;
	border-bottom: 1px solid #ddd;
}

#mainContentDiv {
	min-height: 80%;
	margin-bottom: -50px;
}

#mainFooterDiv {
	background-color: black;
	height: 50px;
}

.footerPad {
	height: 50px;
}

.headerBackground {
	display: block;
	overflow-y: hidden;
	width:auto;
	height: 100%;
	padding-top: 3px;
}

.headerNav {
	font-size: 2em;
}

@media (max-width: 640px) {
  .headerNav {
    font-size: 1em;
  }
}
.inputError {
	border: 2px solid red;
}

.bottomPad {
	padding-bottom: 10px;
}

#copyright {
	color: gray;
	text-align: right;
	padding-right: 5px;
	font-size: .8em
}

.coachImageLabel {
    font-family: "Raleway", sans-serif;
    color:#fff;
    font-weight: 700;
}

.cartImageEmpty {
    color: #a8a9b4 !important;
}
.cartImageItems {
    color: #149ddd !important;
}

.merchItem {
    position: relative;
}
.merchItemButtonDiv {
    position: absolute;
    bottom: 0;
}

.merchItemImage {
    max-height: 300px;
    margin: auto;
    display: block;
}
.merchItemImageDiv {
    border:1px solid #ddd
}

.merchItemSizeDiv {
    padding-bottom: 20px;
}

.carousel-control{
    height:auto;
    top:40%;
    transform: translateY(-50%);
}

.itemSizeSelect{
    width: 120px
}

.itemQuantInput{
    width: 120px !important;
} 

.cartItemRowDiv, .cartRowHeaderDiv{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.cartItemRowDiv {
    align-items: center;
}

.cartItemQuantDiv {
    display: flex;
}

.cartItemQuantInput {
    width: 100px;
}
.cartItemQuantDeleteBtn {
    margin: auto 0;
    padding-left: 10px;
}

.cartItemQuantSpan {
    display: 'none'
}

.resultRowDiv {
  border: 1px solid #ddd;
  align-items: center;
  padding: 10px 0px;
}

.resultRowHeaderDiv {
  font-weight: bold;
}

.discountDeleteIcon {
    margin: auto 0;
}