.gb-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.schedule > ul > li {
  padding: 20px 40px 35px;
  cursor: pointer;
  position: relative;
}

.author-image {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.author-image img {
  width: 100%;
  height: 100%;
  padding: 5px;
}

.author-image, .schedule-summary, .RopingLink table.RopingResults {
  display: none;
}

.schedule > ul > li.active .author-image, .schedule > ul > li.active .schedule-summary {
  display: block;
}

.RopingLink.active table.RopingResults {
  display: table;
}

.schedule-info {
  max-width: 875px;
  position: relative;
}

.schedule-info ul {
  overflow: hidden;
}

.schedule-info ul li {
  float: left;
  margin-right: 30px;
}

.schedule > ul > li::after {
  position: absolute;
  content: "\f0c9";
  top: 45px;
  right: 45px;
  font-size: 20px;
  font-family: 'FontAwesome', sans-serif;
}

.schedule > ul > li.active::after {
  content: "\f068";
}

.RopingLinkSpan {
  text-decoration: none;
  margin-top: .5em;
  font-weight: 700;
  cursor: pointer;
}

.ropingAmount {
  line-height: 0em;
  font-weight: normal !important;
}

.calendar-item {
    position: relative;
}

.expandableScheduleCal::after, .expandableResultsCal::after {
  position: absolute;
  content: "\f0fe";
  top: 1.7em;
  right: 45px;
  font-size: 20px;
  font-family: 'FontAwesome', sans-serif;
}

.expandableScheduleCal.active::after, .expandableResultsCal.active::after {
  content: "\f146";
}

.expandableResultsCal.active .rodeoExtra {
    display: block !important;
}

.rodeoDiv.active .schedule-summary {
  display: block;
}

.pagination-controls {
  display: flex;
  justify-content: center;
}

.responsive-table-div {
  max-width: 100%;
  overflow: overlay;
}

.roperTable {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.rodeo-btn {
  font-size: 1.5rem !important;
}

.sorter {
  cursor: pointer;
}

.qualified-contestants-toolbar, .contestant-points-toolbar {
  justify-content: center !important;
}

.results-date, .events-date {
    width: 10%;
    min-width: 110px;
    border: 1px solid #dddedf;
    border-radius: 12px;
    min-height: 70px;
}

.rodeoInfo { 
  cursor: pointer; 
  position: relative;
 }

.rodeoExtra { display: none; }
.expandableResultsCal.active .rodeoExtra { display: block; }
.expandableScheduleCal.active .rodeoExtra { display: block; }
.rodeoDiv.active .schedule-summary { display: block; }

.expandableResultsCal.active .schedule-summary {
  display: block !important;
}

.dtM { font-size: 13px; font-weight: 800; text-transform: uppercase; margin: 0 auto; display: block; }
.dtR  { font-size: 28px; font-weight: 800; margin: 0 auto; display: block; }
.dtDoW { font-size: 10px; font-weight: 800; text-transform: uppercase; color: #9c9ea0; margin: 0 auto; display: block; }
.rodeoName { font-size: 16px; font-weight: 700; text-transform: uppercase; }

.rodeoLocation {
    font-size: 13px;
    margin: 10px auto;
    font-weight: 700;
}

.GalleryLink {
  padding-bottom: 1em;
}

.GalleryLinkSpan {
  font-weight: 700;
  cursor: pointer;
}

#detailedEventContainer, #patriotEventResults {
  margin: 0 auto;
  padding: 0;
}

#detailedEventContainer .rodeoDiv, #patriotEventResults .rodeoDiv {
    border-left: 10px solid #231f20;
    border-top: 1px solid #231f20;
    border-right: 1px solid #231f20;
    border-bottom: 1px solid #231f20;
    margin: 10px auto;
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

#detailedEventContainer .rodeoDate, #patriotEventResults .rodeoDate {
    width: 10%;
    text-align: center;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px 10px;
    margin: 0px;
    border: 1px solid #dddedf;
    border-radius: 20px;
    min-height: 70px;
}

#detailedEventContainer .rodeoInfo, #patriotEventResults .rodeoInfo {
    width: 90%;
    padding: 10px;
    display: flex;
    position: relative;
    cursor: pointer;
}

#detailedEventContainer .expandableScheduleCal .rodeoInfo::after, #patriotEventResults .rodeoInfo::after {
    content: '\f0fe';
    font-family: 'FontAwesome';
    font-size: 1.25em;
    position: absolute !important;
    right: 0 !important;
    top: 5px !important;
}

#detailedEventContainer .expandableScheduleCal.active .rodeoInfo::after, #patriotEventResults .expandableResultsCal.active .rodeoInfo::after {
    content: '\f146';
}

#detailedEventContainer .rodeoDetail, #patriotEventResults .rodeoDetail {
    width: 70%;
    padding: 0 10px;
}

#detailedEventContainer .rodeoDetailColumns, #patriotEventResults .rodeoDetailColumns {
    display: flex;
}

#detailedEventContainer .rodeoContact, #detailedEventContainer .rodeoEvents, #patriotEventResults .rodeoContact, #patriotEventResults .rodeoEvents {
    width: 50%;
    font-size: 12px;
    margin: 10px auto;
    font-weight: 600;
}

#detailedEventContainer .rodeoName, #patriotEventResults .rodeoName {
  margin-bottom: 10px;
  margin-top: 0;
}

#detailedEventContainer .rodeoLocation, #patriotEventResults .rodeoLocation {
  font-size: 13px;
  margin: 10px auto;
  font-weight: 700;
}

#detailedEventContainer .btn_row, #patriotEventResults .btn_row {
    display: flex;
    gap: 5%;
}

#detailedEventContainer .btn, #patriotEventResults .btn {
    display: block;
    width: 33%;
    padding: 10px 0px;
    cursor: pointer;
    margin: 10px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    text-align: center;
}

#detailedEventContainer .btn-enter {
    background-color: #231f20;
    color: #fff;
}

#detailedEventContainer .btn-flyer {
    border: 1px solid #000;
    color: #231f20;
}

#detailedEventContainer .btn-results {
    background-color: #231f20;
    color: #fff;
}

#detailedEventContainer .rodeoExtra, #patriotEventResults .rodeoExtra {
    width: 100%;
    margin-left: 15%;
    margin-top: -4%; 
    padding: 0px;
}

#patriotEventResults .schedule-summary {
  width: 90%;
  padding: 10px;
  position: relative;
  left: 11%;
}


@media only screen and (max-device-width: 675px) and (-webkit-min-device-pixel-ratio: 2) {
    .rodeoDate {
        width: 20%;
        padding: 10px;
        margin: 10px;
    }
    .rodeoInfo {
        width: 60%;
        padding: 0px;
        margin: 20px 0;
    }
    .rodeoName { font-size: 12px; }
    .rodeoLocation { font-size: 9px; }
    .rodeoDetail { width: 70%; padding: 0px; }
    .dtR { font-size: 24px; }
    .btn_row { display: block !important; }
    .btn { width: 100% !important; margin: 10px 0 !important; display: block !important; }
    .rodeoDetailColumns { display: flex; width: 100%; }
    .rodeoExtra { margin: 0px; padding: 10px; }
    .rodeoContact { font-size: 10px; margin: 0px; width: 62%; }
    .rodeoEvents { font-size: 10px; margin: 0px; width: 38%; padding-left: 10px; }
}