.reg-link a{
    padding: 5px;
    font-size: 1.5em;
}

.reg-link img{
    width:50%; 
    height:auto;
}

.ribbon {
    height: 10vw;
    width: 60vw;
    -webkit-transform: rotate(-145deg);
    background-color: red;
    display: inline-block;
    position: absolute;
    bottom:0vw;
    left:-10vw;
    
}

.ribbon-text {
    font-size: 2vw;
    -webkit-transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    bottom: -0.5vw;
    right: 12%;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#hotel-img{
    overflow-x: hidden;
    display: block;
    align-items: flex-end;
}

@media only screen and (max-width: 500px) {
    .ribbon-text {
        bottom: -35%;
    }
}


.orange-button {
	color: white; 
	background-color: #ff9900; 
	padding: 6px; 
	font-size: 1.2em; 
	border-radius: 9px;
}

.orange-button:hover {
    color: white;
	background-color: #fcaf2c;
    text-decoration: none;
}

.orange-button:visited {
    color: white;
}


.orange-text {
    color:#ff9900;
}

.purple-text {
    color:purple !important;
}

.blue-text {
    color:#244182;
}

.blue-text2{
    color:#1582c7 !important;
}


.white-hover:hover {
    color: white !important;
}

.black-hover:hover {
    color: black
}

.reg-button {
    font-size: 2.5em;
    border: 3px solid #1582c7;
    border-radius: 15px;
    color:#1582c7;
}

.reg-button:hover {
    background-color: #1582c7;
}

.reg-button:hover a {
    color: white !important;
} 

.online-highlight {
    background-color: #ff990055;
    width: 104%;
    left: -2%;
    position: relative;
    padding: 2%;
    margin-bottom: 20px;
}

.exhibitor-highlight {
    background-color: #5592d7;
	background-image: url('./img/bg.png');
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 20px;
}

.exhibitor-highlight-half {
    background-color: #5592d7;
    width: 50%;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px;
}

.underline-hover:hover {
    text-decoration: underline;
}

.dotted-grad {
	background-image: url("TopDot.png"),url("BotDot.png"),#a2cae3;
	background-image: url("TopDot.png"),url("BotDot.png"),linear-gradient(90deg,#a2cae3 0%, #cafdff 80%);
	background-image: url("TopDot.png"),url("BotDot.png"),-webkit-linear-gradient(90deg,#a2cae3 0%, #cafdff 80%);
	background-image: url("TopDot.png"),url("BotDot.png"),-moz-linear-gradient(90deg,#a2cae3 0%, #cafdff 80%);
	background-repeat: repeat-x,repeat-x, no-repeat;
	background-size: 12%, 12%, cover;
	background-position: left top,right bottom, center;
	background-blend-mode: darken, darken,normal;
	box-shadow: 0px 8px 10px -7px #656565 inset, 0px -6px 8px -7px #656565 inset;
}

.bg-grad {
	background-image: #a2cae3;
	background-image: #cafdff 80%);
	background-image: -webkit-linear-gradient(90deg,#a2cae3 0%, #cafdff 80%);
	background-image: -moz-linear-gradient(90deg,#a2cae3 0%, #cafdff 80%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-blend-mode: normal;
}
.orange-ribbons {
	background-color: #1582c7;
	border-style: solid none solid none;
	border-color: #ffa848;
	border-width: 10px;
	color: white;
}

.card {
	background-color: #ffffff; 
	box-shadow: 5px 10px #8aadc2;
	margin-bottom: 20px;	
	border-radius: 20px; 
	padding: 20px;
}

.bubble {
	background-color: #ffffff;
	margin-bottom: 20px;	
	border-radius: 20px; 
	padding: 20px;
}

.nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.faq-question {
	color:#ff9900;
}

.faq-question:visited {
	color:#ff9900;
}

.faq-question:focus {
	color:#ff9900;
}

.faq-question:hover {
	color:#ff9900;
}

[data-toggle="collapse"] .collapse-icon::after {
    content: "▼";
}

[data-toggle="collapse"].collapsed .collapse-icon::after {
    content: "▶";
}


#Exhibitors .p-2 {
    width: 260px; 
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

#Exhibitors .p-2 img {
    max-width: 105px;
    max-height: 105px;
    margin: 5px;
    margin-top: 10px;
}

#Exhibitors .image-div {
    height: 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#Sponsors2021 .p-2 {
    width: 30vw;
    max-width: 350px;
    max-height: 350px;
}

#Sponsors2021 .p-2 img {
    max-width: 300px;
    max-height: 300px;
    margin: 5px;
    margin-top: 10px;
}