@charset "UTF-8";
/* CSS Document */

.results-list {display: flex; flex-direction: column; width: 100%; justify-content: flex-start; align-items: flex-start;}
.results-list li {display: block; width: 100%; margin-bottom: 1em;}
.results-list li a {display: flex; flex-direction: row; width: 95%; margin-left: 5%; border: 1px #ddd solid; padding: 1.25em 1.75em 1.25em 7%; justify-content: space-between; align-items: center;position: relative;word-break: break-all;}
.results-list li a:hover { background-color: rgba(52,111,168,.05);}
.results-list li a:after {
    position: absolute;
    top: 50%;
    content: "";
    vertical-align: middle;
    right: 1em;
    width: .75em;
    height: .75em;
    border-top: 1px solid #346FAF;
    border-right: 1px solid #346FAF;
    transform: translateY(-50%) rotate(45deg);}
.results-list li .result-date-box { width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #346FAF;
    border-radius: 100%;
    color: #FFF;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    line-height: 1;}

.club-name { width: 110px;}
.results-list li .result-date-box > .date {font-size: 2.2rem;margin-top: .25em; }
.results-list li .result-date-box > .week {font-size: 1.25rem; font-weight: 400; margin-bottom: .25em;}

.results-list li .result-info-box {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: calc(100% - 200px); border-right:1px #ddd solid; padding-right: 1em;}
.results-list li .result-info-box h3.result-title { line-height: 1.7; margin-bottom: .65em;}
.results-list li .result-info-box .result-date,
.results-list li .result-info-box .result-place {font-weight: 500;}

.results-list li .result-data-box { width: 160px; padding:0 1.25em; display: inline-flex; align-items: center; justify-content: center;}
.results-list li .result-data-box > p {text-align: left; line-height: 1.5;}

.campuslife.activities span.tag {color: #555;
    border: 1px #cbcbcb solid;
    background-color: #fff;
    padding: 0em .25em;
    min-width: 6em;
/*    font-size: .75em;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 .25em;
    margin-bottom: .25em;}

@media (max-width: 767px) {
.results-list li a {flex-direction: column;padding: 1.25em 1.75em 1.25em 65px;}
.results-list li a:after { top: unset; bottom: 1.25em;}
.club-name { width: 100%;}
.results-list li .result-info-box { width: 100%; border-right: 0; padding-right: 0;}
.results-list li .result-data-box { width: 100%; padding: 0 0; justify-content: flex-start;border-top:1px #ddd solid; padding-top: 3vw; margin-top: 3vw;}
.results-list li .result-data-box > p {text-align: left;}

.results-list li .result-date-box { width: 70px;
    height: 70px;}
.results-list li .result-date-box > .date {font-size: 6vw; }
.results-list li .result-date-box > .week {font-size:4vw;}


}

.select_link {position: relative;
display: block;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    line-height: 3.5;
    border-radius: 4px;padding: 0;
    }
.select_link::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 1em;
    content: "";
    width: .7em;
    height: .7em;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.select_link {
    border: 1px solid #346FAF;
    background-color: #346FAF;
}

.select_link select { width: 100%;
  outline: none; cursor: pointer;
}
  .select_link select option {background: #666;}
  
  
.activities .box-line-rkublue-50 a {    position: relative;
    display: inline-block;
    color: #346FAF;
    line-height: 1.5;
    padding: .2em .2em .2em .9em;}
.activities .box-line-rkublue-50 a::before {
    position: absolute;
    top: .7em;
    content: "";
    vertical-align: middle;
    left: 0;
    width: .5em;
    height: .5em;
    border-top: 1px solid #346FAF;
    border-right: 1px solid #346FAF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}