.officer-carousel-hidden {
    display:none;
}

.election-stripe-bg:before {
    content: "";
    right: 0px;
    position: absolute;
    display: inline-block;
}

@media (min-width:769px) {
    .election-stripe-bg:before {
        width: 600px;
        height: 120px;
        background: url(https://www.guildofstudents.com/pageassets/elections/stripe-top-right-400.png) no-repeat 132px;
        margin-top: -61px;
    }
    .officer-wins-row img {
        max-width:80px !important;
        transition-duration: 0.4s;
    }
    
    .officer-wins-row .active img {
        max-width:100px !important;
        transition-duration: 0.2s;
    }
}

@media (max-width:768px) {
    .election-stripe-bg:before {
        width: 611px;
        height: 139px;
        background: url(https://www.guildofstudents.com/pageassets/elections/stripe-top-right-400.png) no-repeat 455px;
        margin-top: -40px;
    }
    .officer-wins-row img {
        max-width:100px !important;
    }
}

.officer-wins-row .officer-name {
    display:block;
    margin-top:10px;
    font-size:18px;
}

.officer-wins-row .nav>li>a:hover, 
.officer-wins-row .nav>li>a:focus {
    text-decoration: none;
    background-color: #3da3cc;
    color: #000;
    border:none !important;
}

.officer-wins-row ul li a, 
.officer-wins-row ol li a {
    text-decoration: none;
}

.officer-wins-row .nav>li.active>a:hover, 
.officer-wins-row .nav>li>a:focus {
    color:#000;
}

.officer-wins-row .nav>li.active>a {
    color:#000;
}

.officer-wins-row .nav-tabs {
    border-bottom: none;
}

.officer-wins-row .nav-tabs>li.active>a, 
.officer-wins-row .nav-tabs>li.active>a:hover, 
.officer-wins-row .nav-tabs>li.active>a:focus {
    background-color: #41b6e6;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
}

@media (min-width:1020px) {
    .officer-wins-row .nav-tabs>li>a:after {
        opacity:0;
        transition: opacity 0.2s ease-out;
        content: '';
        position: absolute;
        left: 35%;
        bottom: -17px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 24px solid #211c36;
        clear: both;
    }
    .officer-wins-row .nav-tabs>li.active>a:after {
        opacity:1;
    }
    .officer-wins-row .pto-row .nav-tabs>li>a:after {
        opacity:0;
        transition: opacity 0.2s ease-out;
        content: '';
        position: absolute;
        left: 40%;
        bottom: -17px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 24px solid #211c36;
        clear: both;
    }
    .officer-wins-row .pto-row .nav-tabs>li.active>a:after {
        opacity:1;
    }
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: none;
    }
}

.live-now-ribbon:after {
    background: url(https://www.guildofstudents.com/pageassets/representation/academicinterests/officer-win-ribbon-tick.png) no-repeat 0px;
}

@media (min-width:1020px) {
    .nav-pills-mobile-drop-fto-content,
    .nav-pills-mobile-drop-pto-content {
        border: 8px solid #41b6e6;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 30px !important;
        padding-bottom:60px !important;
        margin-top: -1px !important;
        margin-left: 15px;
        margin-right: 15px;
        background: url(https://www.guildofstudents.com/pageassets/elections/stripe-bottom-left-400.png) no-repeat;
        background-position: bottom;
        background-position-x: right;
        background-size: 270px;
    }
    .officer-wins-row .nav-tabs {
        border-bottom: none !important;
    }
}

.officerwinbox-green {
    margin:0 !important;
    padding:15px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.officerwinbox-green h3,
.prioritybox h3 {
    font-weight:bold;
}

.prioritybox {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.officerwinbox {
    margin-top:0 !important;
    padding:40px 20px 10px 20px;
    padding-top:30px !important;
    border-radius:5px;
    text-align:center;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

@media (min-width:1020px) {
    .officerwinbox {
        min-height:240px;
        margin-top:0px;
        margin-bottom:0px;
    }
}

@media (max-width:1020px) {
    .officerwinbox {
        margin-top:20px;
    }
    .live-now-ribbon:after {
        top:-10px;
    }
    .nav-tabs.nav-justified>li {
        float: left;
        width: 33%;
        min-height: 200px;
    }
    .officer-wins-row .officer-name {
        display:block;
        margin-top:10px;
        font-size:16px;
    }
    
    .officer-wins-row .nav-col {
        border-bottom:2px solid #41b6e6;
    }
    
    .officer-wins-row .nav-col:after {
        content: '';
        position: absolute;
        left: 46.5%;
        bottom: -20px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #41b6e6;
        clear: both;
         -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 0px;
    }
    
    .prioritybox ul {
        margin-left: -40px;
    }
}

.red-well {
    padding:10px 20px !important;
}