section,
#site-wrapper footer,
#site-wrapper footer nav,
#videos div#video-player {
    *zoom: 1;
}

section:before,
#site-wrapper footer:before,
#site-wrapper footer nav:before,
#videos div#video-player:before,
section:after,
#site-wrapper footer:after,
#site-wrapper footer nav:after,
#videos div#video-player:after {
    content: " ";
    display: table;
}

section:after,
#site-wrapper footer:after,
#site-wrapper footer nav:after,
#videos div#video-player:after {
    clear: both;
}

.visually-hidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

a img {
    border: none;
}

abbr {
    color: #ee1c24;
    border-bottom: 1px dotted #ee1c24;
}

div,
nav,
footer,
header {
    position: relative;
}

form input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

* {
    -webkit-tap-highlight-color: transparent;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    margin-top: 0 !important;
}

#wpadminbar {
    display: none !important;
}

#wpadminbar.shown {
    display: block !important;
}

#wpadminbar.mobile {
    display: none !important;
}

#wpadminbar.mobile.shown {
    display: none !important;
}

body {
    background: #000;
    margin: 0 auto;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    body.show-nav {
        overflow: hidden;
    }
}

.external-frame {
    overflow: hidden;
}

section {
    background: #fff;
    display: block;
    position: relative;
    width: 100%;
    padding: 0 65px;
    z-index: 20;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

section.full-width {
    padding: 0;
}

@media (max-width: 1280px) {
    section {
        padding: 0 40px;
    }
}

@media (max-width: 1024px) {
    section {
        padding: 0 5%;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    section {
        padding: 0 5%;
    }
}

section#iframe {
    padding: 0;
}

section iframe.external-frame {
    overflow: hidden;
}

::selection {
    background: #c6191a;
    color: #ffffff;
}

::-moz-selection {
    background: #c6191a;
    color: #ffffff;
}

@media (max-width: 1024px) {
    .tablet-hidden {
        display: none;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .mobile-hidden {
        display: none;
    }
}

#site-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 100;
}

#site-wrapper #site-canvas {
    width: 100%;
    position: relative;
    left: 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#site-wrapper #bottom {
    background: #ffffff;
    z-index: 100;
    padding-top: 30px;
    position: relative;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom {
        height: 177px;
    }
}

#site-wrapper #bottom:before {
    content: '';
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-diamond-red-white-stroke.svg) no-repeat center center;
    height: 4vw;
    z-index: 100;
    width: 4vw;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom:before {
        bottom: 147px;
        display: none;
    }
}

#site-wrapper #bottom form {
    background: #c6191a;
    width: 50%;
    height: 80px;
    float: left;
    position: relative;
    z-index: -1;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom form {
        width: 100%;
    }
}

#site-wrapper #bottom form p {
    position: absolute;
    top: -60px;
    left: 65px;
    color: #d0d0d0;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom form p {
        left: 5%;
        font-family: "franklin-gothic-urw-cond", Helvetica, sans-serif;
        font-size: 14px;
    }
}

#site-wrapper #bottom form input[type=text] {
    background: none;
    border: none;
    outline: none;
    color: #ffffff;
    font: 30px/40px "franklin-gothic-urw", Helvetica, sans-serif;
    width: 75%;
    padding: 18px 0 20px 65px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#site-wrapper #bottom form input[type=text]::-webkit-input-placeholder {
    color: #ffffff;
}

#site-wrapper #bottom form input[type=text]::-moz-placeholder {
    color: #ffffff;
}

#site-wrapper #bottom form input[type=text]:-moz-placeholder {
    color: #ffffff;
}

#site-wrapper #bottom form input[type=text]:-ms-input-placeholder {
    color: #ffffff;
}

@media (max-width: 1280px) {
    #site-wrapper #bottom form input[type=text] {
        font-size: 28px;
        margin-right: 0;
        padding-left: 15%;
    }
}

@media (max-width: 1024px) {
    #site-wrapper #bottom form input[type=text] {
        font-size: 16px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom form input[type=text] {
        padding-left: 5%;
    }
}

#site-wrapper #bottom form .placeholder {
    color: #ffffff !important;
}

#site-wrapper #bottom form input[type=submit] {
    background: none;
    border: none;
    outline: none;
    height: 40px;
    color: #ffffff;
    font: 16px/40px "franklin-gothic-urw", Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: right;
    cursor: pointer;
    width: 25%;
    padding: 40px 0;
    line-height: .2;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

@media (max-width: 1280px) {
    #site-wrapper #bottom form input[type=submit] {
        font-size: 14px;
        text-align: center;
    }
}

#site-wrapper #bottom form #submit-border {
    border-left: 1px dotted #ffffff;
    position: absolute;
    right: 25%;
    top: 0;
    height: 40px;
    width: 1px;
    padding: 20px 0;
    margin: 20px 0;
}

#site-wrapper #bottom ul {
    list-style: none;
    background: black;
    width: 50%;
    right: 0;
    bottom: 0;
    padding: 0 50px;
    height: 80px;
    position: absolute;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom ul {
        width: 100%;
        top: 100px;
        padding: 0 5%;
    }
}

#site-wrapper #bottom ul li {
    float: left;
    color: #ffffff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #bottom ul li {
        width: 14%;
    }
}

#site-wrapper #bottom ul li .icon {
    width: 50px;
    height: 30px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
}

#site-wrapper #bottom ul li .icon span {
    display: none;
}

@media (max-width: 1024px) {
    #site-wrapper #bottom ul li .icon {
        height: 24px;
        width: 38px;
    }
}

#site-wrapper #bottom ul li p.count {
    float: left;
    margin: 0;
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li p.count {
        display: none;
    }
}

#site-wrapper #bottom ul li#twitter-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-twitter-white.svg);
    position: relative;
    margin-right: 60px;
    float: left;
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#twitter-btn .icon {
        margin-right: 0;
    }
}

#site-wrapper #bottom ul li#twitter-btn .icon:after {
    content: '';
    height: 1px;
    width: 30px;
    right: -40px;
    display: block;
    position: absolute;
    border-top: 1px dotted #ffffff;
    top: 16px;
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#twitter-btn .icon:after {
        display: none;
    }
}

#site-wrapper #bottom ul li#facebook-btn {
    margin-left: 50px;
}

@media (max-width: 1600px) {
    #site-wrapper #bottom ul li#facebook-btn {
        margin-left: 15px;
    }
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#facebook-btn {
        margin-left: 0;
    }
}

#site-wrapper #bottom ul li#facebook-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-fb-white.svg);
    position: relative;
    margin-right: 60px;
    float: left;
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#facebook-btn .icon {
        margin-right: 0;
    }
}

#site-wrapper #bottom ul li#facebook-btn .icon:after {
    content: '';
    height: 1px;
    width: 30px;
    right: -40px;
    display: block;
    position: absolute;
    border-top: 1px dotted #ffffff;
    top: 16px;
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#facebook-btn .icon:after {
        display: none;
    }
}

#site-wrapper #bottom ul li#youtube-btn {
    margin-left: 50px;
}

@media (max-width: 1600px) {
    #site-wrapper #bottom ul li#youtube-btn {
        margin-left: 15px;
    }
}

@media (max-width: 1440px) {
    #site-wrapper #bottom ul li#youtube-btn {
        margin-left: 0;
    }
}

#site-wrapper #bottom ul li#youtube-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-youtube-white.svg);
}

@media (max-width: 1280px) {
    #site-wrapper #bottom ul li#youtube-btn {
        margin-left: 0;
    }
}

#site-wrapper #bottom ul li#instagram-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-ig-white.svg);
}

#site-wrapper #bottom ul li#google-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-google-white.svg);
}

#site-wrapper #bottom ul li#bbb-btn .icon {
    width: 120px;
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-footer-bbb.svg);
}

@media (max-width: 1024px) {
    #site-wrapper #bottom ul li#bbb-btn .icon {
        width: 90px;
    }
}

#site-wrapper footer {
    padding: 65px;
    background: #212121;
    z-index: 100;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer {
        padding: 50px 5%;
    }
}

#site-wrapper footer nav div#sitemap {
    float: left;
    list-style: none;
    width: 800px;
}

@media (max-width: 1280px) {
    #site-wrapper footer nav div#sitemap {
        width: 100%;
    }
}

#site-wrapper footer nav div#sitemap #mobile-menu {
    display: none;
}

#site-wrapper footer nav div#sitemap #mobile-menu select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 3px solid #c6191a;
    padding: 1em 0;
    font-size: 16px;
    cursor: pointer;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    text-indent: 1em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: black no-repeat right 1em center url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-down-red.svg);
    -webkit-background-size: 16px auto !important;
    -moz-background-size: 16px auto !important;
    -o-background-size: 16px auto !important;
    background-size: 16px auto !important;
    position: relative;
    outline: none;
    font-weight: bold;
    color: #ffffff;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav div#sitemap #mobile-menu {
        display: block;
    }
}

@media (max-width: 1024px) {
    #site-wrapper footer nav div#sitemap {
        width: 100%;
    }
}

#site-wrapper footer nav div#sitemap div.col {
    float: left;
    margin-right: 5%;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav div#sitemap div.col {
        width: 100% !important;
        display: none;
    }
}

#site-wrapper footer nav div#sitemap div.col#col1 {
    width: 10%;
}

#site-wrapper footer nav div#sitemap div.col#col2 {
    width: 15%;
}

#site-wrapper footer nav div#sitemap div.col#col3 {
    width: 20%;
}

#site-wrapper footer nav div#sitemap div.col#col4 {
    width: 15%;
}

#site-wrapper footer nav div#sitemap div.col#col5 {
    width: 15%;
}

#site-wrapper footer nav div#sitemap div.col ul {
    width: 100%;
    padding: 0;
}

#site-wrapper footer nav div#sitemap div.col ul li {
    font: 16px/1.2 "franklin-gothic-urw", Helvetica, sans-serif;
    display: block;
    margin: 0 0 15px;
    width: 100%;
}

#site-wrapper footer nav div#sitemap div.col ul li a {
    color: #999;
    text-decoration: none;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav div#sitemap div.col ul li a {
        display: block;
        width: 100%;
    }
}

#site-wrapper footer nav div#sitemap div.col ul li a:hover {
    color: #ffffff;
}

#site-wrapper footer nav div#sitemap div.col ul li a:first-child {
    margin: 0 0 15px;
    color: #c6191a;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    float: left;
}

#site-wrapper footer nav div#sitemap div.col ul li ul {
    float: left;
    clear: both;
}

#site-wrapper footer nav div#sitemap div.col ul li ul li {
    clear: both;
    width: 100%;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav div#sitemap div.col ul li ul li {
        border-bottom: 1px dotted #666;
        padding-bottom: 5px;
    }
}

#site-wrapper footer nav div#sitemap div.col ul li ul li a:first-child {
    margin: 0;
    color: #999;
    text-transform: none;
    font-weight: 400;
    display: inline-block;
    float: none;
}

#site-wrapper footer nav div#sitemap div.col ul li.menu-item-has-children {
    float: left;
    clear: both;
}

#site-wrapper footer nav ul#more {
    width: 25%;
    float: right;
    margin: 0;
    list-style: none;
}

@media (max-width: 1280px) {
    #site-wrapper footer nav ul#more {
        clear: left;
        margin-top: 50px;
        width: 100%;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav ul#more {
        margin-top: 30px;
    }
}

#site-wrapper footer nav ul#more li {
    padding: 10px 0 10px 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px dotted #ffffff;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav ul#more li {
        width: 45%;
        float: left;
        font-size: 13px;
    }

    #site-wrapper footer nav ul#more li:nth-child(odd) {
        margin-left: 5%;
    }
}

#site-wrapper footer nav ul#more li a {
    color: #ffffff;
}

#site-wrapper footer nav ul#more li a:hover {
    color: #999;
}

#site-wrapper footer nav ul#more li.header {
    border: none;
    margin: 0;
    color: #c6191a;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper footer nav ul#more li.header {
        width: 100%;
        margin-left: 0;
    }
}

#site-wrapper footer nav ul#more li:last-child {
    border: none;
}

@media (max-width: 1280px) {
    #site-wrapper footer nav ul#more li:last-child {
        border-bottom: 1px dotted #ffffff;
    }
}

#search-btn {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.loaded #site-wrapper #site-canvas,
.loaded #site-wrapper #search-btn {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.no-content #bottom {
    background: transparent !important;
    margin-top: -30px;
}

.no-content footer {
    min-height: 80vh;
}

#wp-admin-bar-search {
    display: none !important;
}

#texture {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1;
}

@media (max-width: 1024px) {
    #texture {
        height: 100% !important;
        width: 100% !important;
    }
}

#splits {
    display: none;
}

body {
    font: 18px/2 "franklin-gothic-urw", Helvetica, sans-serif;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    body {
        font: 16px/1.6 "franklin-gothic-urw", Helvetica, sans-serif;
    }
}

p {
    margin: 20px 0;
}

a:not(.toggle-nav) {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    text-decoration: none;
}

a:not(.toggle-nav):hover {
    text-decoration: underline;
}

sup {
    font-size: 50%;
}

h1,
h2,
h3 {
    line-height: 1;
    letter-spacing: -1px;
}

h1 {
    font-size: 54px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    h1 {
        font-size: 36px;
    }
}

h2 {
    font-size: 42px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    h2 {
        font-size: 28px;
    }
}

h3 {
    font-size: 32px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    h3 {
        font-size: 20px;
    }
}

.cta.filled {
    color: #ffffff !important;
    line-height: 58px;
    padding: 0 30px;
    text-decoration: none !important;
    display: inline-block;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .cta.filled {
        font-size: 16px;
        line-height: 32px;
        padding: 8px 24px;
    }
}

.cta.filled.red {
    background: #c6191a;
}

.cta.filled.red:hover {
    background: #212121;
}

.cta.filled.black {
    background: #212121;
}

.cta.filled.black:hover {
    background: #c6191a;
}

.cta.filled.dark-grey {
    background: #525252;
}

.cta.filled.dark-grey:hover {
    background: #212121;
}

.cta.filled.light-grey {
    background: rgba(117, 117, 117, 0.9);
}

.cta.filled.light-grey:hover {
    background: #757575;
}

.cta.filled:hover {
    text-decoration: none;
}

.cta.arrow {
    position: relative;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    padding-right: 50px;
    display: inline-block;
}

.cta.arrow:after {
    content: '';
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.cta.arrow.white {
    color: #ffffff;
}

.cta.arrow.white:after {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg) no-repeat center center;
}

.cta.arrow.red {
    color: #c6191a;
}

.cta.arrow.red:after {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-dark-grey.svg) no-repeat center center;
}

.cta.arrow.dark-grey {
    color: #525252;
}

.cta.arrow.dark-grey:after {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-dark-grey.svg) no-repeat center center;
}

.cta.arrow.black {
    color: #212121;
}

.cta.arrow.black:after {
    background: url(hhttps://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-black.svg) no-repeat center center;
}

.cta.arrow:hover {
    text-decoration: none;
}

a[title=cta-red] {
    color: #ffffff !important;
    line-height: 58px;
    padding: 0 30px;
    text-decoration: none !important;
    display: inline-block;
    margin-right: 20px;
    background: #c6191a;
}

a[title=cta-red]:hover {
    background: #212121;
}

a[title=cta-grey] {
    color: #ffffff !important;
    line-height: 58px;
    padding: 0 30px;
    text-decoration: none !important;
    margin-right: 20px;
    display: inline-block;
    background: #525252;
}

a[title=cta-grey]:hover {
    background: #212121;
}

.back-btn {
    color: #ffffff;
    text-decoration: none;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    z-index: 1000;
    padding-left: 30px;
    position: relative;
}

.back-btn:hover {
    text-decoration: none;
}

.back-btn:before {
    content: '';
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-left-white.svg) no-repeat center center;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.diamond {
    display: block;
    width: 12vw;
    height: 12vw;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6vw 0 0 -6vw;
    z-index: 200;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    -o-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.diamond h4 {
    top: 50%;
    width: 80%;
    left: 10%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    color: #ffffff;
    line-height: 1.2;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 22px;
}

.diamond:before {
    content: '';
    width: 13vw;
    height: 13vw;
    display: block;
    visibility: hidden;
    top: -0.5vw;
    left: -0.5vw;
    background: transparent;
    z-index: -1;
    position: absolute;
    border: 1vw solid #212121;
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
    -webkit-transform: rotate(45deg) scale(0.9);
    -moz-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    -o-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
    -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.diamond:after {
    content: '';
    width: 12vw;
    height: 12vw;
    display: block;
    left: 0;
    top: 0;
    background: #c6191a;
    z-index: -1;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.diamond a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 100;
}

@media (max-width: 1024px) {
    .diamond {
        width: 130px;
        height: 130px;
        margin: -65px 0 0 -65px;
    }

    .diamond h4 {
        font-size: 18px;
        line-height: 1.2;
    }

    .diamond:before {
        width: 140px;
        height: 140px;
        border-width: 10px;
        top: -5px;
        left: -5px;
    }

    .diamond:after {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .diamond {
        width: 100px;
        height: 100px;
        margin: -50px 0 0 -50px;
    }

    .diamond h4 {
        font-size: 14px;
        line-height: 1.2;
    }

    .diamond:before {
        width: 110px;
        height: 110px;
        border-width: 10px;
        top: -5px;
        left: -5px;
    }

    .diamond:after {
        width: 100px;
        height: 100px;
    }
}

.s-active .diamond,
.init .diamond {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.s-active .diamond:after,
.init .diamond:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.s-active .diamond:before,
.init .diamond:before {
    visibility: visible;
    -webkit-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

#site-wrapper header {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 200;
    top: 0;
    left: 0;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper header .logo {
    padding: 50px 50px 0 50px;
    line-height: 0;
    float: left;
    position: fixed;
}

#site-wrapper header .logo.passed {
    position: absolute;
    top: 40vh;
}

#site-wrapper header .logo a {
    width: 224px;
    height: 77px;
    display: block;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/scrlogowhite.png) no-repeat left top;
    -webkit-background-size: 224px 77px !important;
    -moz-background-size: 224px 77px !important;
    -o-background-size: 224px 77px !important;
    background-size: 224px 77px !important;
}

#site-wrapper header .logo a span {
    display: none;
}

#site-wrapper header nav#utility-menu {
    float: right;
    padding-right: 130px;
}

#site-wrapper header nav#utility-menu #phone-number {
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    padding-top: 50px;
    margin-right: 30px;
    line-height: 1;
    font-weight: bold;
}

#site-wrapper header nav#utility-menu #login-btn {
    float: left;
    position: relative;
    overflow: hidden;
    width: 340px;
    height: 85px;
}

#site-wrapper header nav#utility-menu #login-btn a {
    width: 340px;
    height: 85px;
    display: block;
    line-height: 0;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

#site-wrapper header nav#utility-menu #login-btn a span {
    color: #ffffff;
    float: left;
    left: 80px;
    top: 50px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    width: 220px;
    position: relative;
    z-index: 100;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper header nav#utility-menu #login-btn a:hover {
    text-decoration: none;
}

#site-wrapper header nav#utility-menu #login-btn a i {
    right: 0;
    position: absolute;
    top: -3px;
    height: 20px;
    width: 20px;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg) no-repeat center center;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
}

#site-wrapper header nav#utility-menu #login-btn #login-background {
    position: absolute;
    top: 0;
    left: 0;
    fill: #343434;
    height: 100%;
    width: 100%;
}

#site-wrapper header nav#utility-menu #login-btn canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

#site-wrapper header nav#utility-menu #login-btn:hover a span {
    left: 30px;
    width: 290px;
}

@media (max-width: 1280px) {
    #site-wrapper header .logo.passed {
        top: 50vh;
    }
}

@media (max-width: 1024px) {
    #site-wrapper header .logo {
        position: relative !important;
    }

    #site-wrapper header .logo.stuck,
    #site-wrapper header .logo.passed {
        position: relative !important;
        margin-top: 0 !important;
        top: auto !important;
    }

    #site-wrapper header nav#utility-menu {
        padding-right: 120px;
    }

    #site-wrapper header nav#utility-menu #phone-number {
        font-size: 14px;
        margin-right: 50px;
    }

    #site-wrapper header nav#utility-menu #login-btn {
        width: auto;
        height: auto;
    }

    #site-wrapper header nav#utility-menu #login-btn a {
        width: 50px;
    }

    #site-wrapper header nav#utility-menu #login-btn a span {
        left: 0;
        width: 50px;
    }

    #site-wrapper header nav#utility-menu #login-btn a i {
        display: none;
    }

    #site-wrapper header nav#utility-menu #login-btn #login-background {
        display: none;
    }

    #site-wrapper header nav#utility-menu #login-btn:hover a span {
        left: 0;
        width: 50px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper header .logo {
        width: 100%;
        padding-top: 29px;
    }

    #site-wrapper header .logo a {
        width: 100px;
        height: 29.46px;
        -webkit-background-size: 100px 29.46px !important;
        -moz-background-size: 100px 29.46px !important;
        -o-background-size: 100px 29.46px !important;
        background-size: 100px 29.46px !important;
        margin: 0 auto;
    }

    #site-wrapper header nav#utility-menu {
        padding-right: 30px;
        position: absolute;
        top: 0;
        right: 0;
    }

    #site-wrapper header nav#utility-menu #phone-number {
        padding-top: 0;
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-phone-white.svg) no-repeat right 50%;
        -webkit-background-size: auto 100% !important;
        -moz-background-size: auto 100% !important;
        -o-background-size: auto 100% !important;
        background-size: auto 100% !important;
        height: 34px;
        width: 34px;
        margin-top: 28px;
        margin-right: 10px;
        text-indent: -999px;
    }

    #site-wrapper header nav#utility-menu #login-btn {
        display: none;
    }
}

@media (max-width: 480px) {
    #site-wrapper header nav#utility-menu {
        padding-right: 10px;
    }
}

.page-template-page-registration-form-php #site-wrapper header,
.single-post #site-wrapper header,
.archive #site-wrapper header,
.paged #site-wrapper header,
.search #site-wrapper header,
.blog #site-wrapper header,
.page-template-page-video-php #site-wrapper header,
.single-video #site-wrapper header,
.tax-channels #site-wrapper header {
    height: 110px;
    background: #ffffff;
    padding-bottom: 30px;
    position: relative;
}

.page-template-page-registration-form-php #site-wrapper header.passed,
.single-post #site-wrapper header.passed,
.archive #site-wrapper header.passed,
.paged #site-wrapper header.passed,
.search #site-wrapper header.passed,
.blog #site-wrapper header.passed,
.page-template-page-video-php #site-wrapper header.passed,
.single-video #site-wrapper header.passed,
.tax-channels #site-wrapper header.passed {
    position: relative;
    top: 0;
    margin-top: 0;
}

.page-template-page-registration-form-php #site-wrapper header.passed .logo,
.single-post #site-wrapper header.passed .logo,
.archive #site-wrapper header.passed .logo,
.paged #site-wrapper header.passed .logo,
.search #site-wrapper header.passed .logo,
.blog #site-wrapper header.passed .logo,
.page-template-page-video-php #site-wrapper header.passed .logo,
.single-video #site-wrapper header.passed .logo,
.tax-channels #site-wrapper header.passed .logo {
    position: absolute !important;
}

.page-template-page-registration-form-php #site-wrapper header .logo,
.single-post #site-wrapper header .logo,
.archive #site-wrapper header .logo,
.paged #site-wrapper header .logo,
.search #site-wrapper header .logo,
.blog #site-wrapper header .logo,
.page-template-page-video-php #site-wrapper header .logo,
.single-video #site-wrapper header .logo,
.tax-channels #site-wrapper header .logo {
    padding: 30px 50px;
    left: 0;
    position: absolute;
}

.page-template-page-registration-form-php #site-wrapper header .logo a,
.single-post #site-wrapper header .logo a,
.archive #site-wrapper header .logo a,
.paged #site-wrapper header .logo a,
.search #site-wrapper header .logo a,
.blog #site-wrapper header .logo a,
.page-template-page-video-php #site-wrapper header .logo a,
.single-video #site-wrapper header .logo a,
.tax-channels #site-wrapper header .logo a {
    width: 180px;
    height: 52px;
    display: block;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-logo-black.svg) no-repeat left top;
    -webkit-background-size: 180px 52px !important;
    -moz-background-size: 180px 52px !important;
    -o-background-size: 180px 52px !important;
    background-size: 180px 52px !important;
}

.page-template-page-registration-form-php #site-wrapper header nav#utility-menu #phone-number,
.single-post #site-wrapper header nav#utility-menu #phone-number,
.archive #site-wrapper header nav#utility-menu #phone-number,
.paged #site-wrapper header nav#utility-menu #phone-number,
.search #site-wrapper header nav#utility-menu #phone-number,
.blog #site-wrapper header nav#utility-menu #phone-number,
.page-template-page-video-php #site-wrapper header nav#utility-menu #phone-number,
.single-video #site-wrapper header nav#utility-menu #phone-number,
.tax-channels #site-wrapper header nav#utility-menu #phone-number {
    color: black;
}

.page-template-page-registration-form-php #site-wrapper header nav#utility-menu #login-btn #login-background,
.single-post #site-wrapper header nav#utility-menu #login-btn #login-background,
.archive #site-wrapper header nav#utility-menu #login-btn #login-background,
.paged #site-wrapper header nav#utility-menu #login-btn #login-background,
.search #site-wrapper header nav#utility-menu #login-btn #login-background,
.blog #site-wrapper header nav#utility-menu #login-btn #login-background,
.page-template-page-video-php #site-wrapper header nav#utility-menu #login-btn #login-background,
.single-video #site-wrapper header nav#utility-menu #login-btn #login-background,
.tax-channels #site-wrapper header nav#utility-menu #login-btn #login-background {
    fill: black;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav,
.single-post #site-wrapper .toggle-nav,
.archive #site-wrapper .toggle-nav,
.paged #site-wrapper .toggle-nav,
.search #site-wrapper .toggle-nav,
.blog #site-wrapper .toggle-nav,
.page-template-page-video-php #site-wrapper .toggle-nav,
.single-video #site-wrapper .toggle-nav,
.tax-channels #site-wrapper .toggle-nav {
    left: 30px;
    top: 50px;
    margin-top: 15vw;
    height: 27px;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav span,
.single-post #site-wrapper .toggle-nav span,
.archive #site-wrapper .toggle-nav span,
.paged #site-wrapper .toggle-nav span,
.search #site-wrapper .toggle-nav span,
.blog #site-wrapper .toggle-nav span,
.page-template-page-video-php #site-wrapper .toggle-nav span,
.single-video #site-wrapper .toggle-nav span,
.tax-channels #site-wrapper .toggle-nav span {
    display: none;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav:after,
.single-post #site-wrapper .toggle-nav:after,
.archive #site-wrapper .toggle-nav:after,
.paged #site-wrapper .toggle-nav:after,
.search #site-wrapper .toggle-nav:after,
.blog #site-wrapper .toggle-nav:after,
.page-template-page-video-php #site-wrapper .toggle-nav:after,
.single-video #site-wrapper .toggle-nav:after,
.tax-channels #site-wrapper .toggle-nav:after {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    background: #1a1a1a;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav:hover i,
.single-post #site-wrapper .toggle-nav:hover i,
.archive #site-wrapper .toggle-nav:hover i,
.paged #site-wrapper .toggle-nav:hover i,
.search #site-wrapper .toggle-nav:hover i,
.blog #site-wrapper .toggle-nav:hover i,
.page-template-page-video-php #site-wrapper .toggle-nav:hover i,
.single-video #site-wrapper .toggle-nav:hover i,
.tax-channels #site-wrapper .toggle-nav:hover i {
    top: 0;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav:hover:after,
.single-post #site-wrapper .toggle-nav:hover:after,
.archive #site-wrapper .toggle-nav:hover:after,
.paged #site-wrapper .toggle-nav:hover:after,
.search #site-wrapper .toggle-nav:hover:after,
.blog #site-wrapper .toggle-nav:hover:after,
.page-template-page-video-php #site-wrapper .toggle-nav:hover:after,
.single-video #site-wrapper .toggle-nav:hover:after,
.tax-channels #site-wrapper .toggle-nav:hover:after {
    background-color: #c20304;
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav.stuck:after,
.single-post #site-wrapper .toggle-nav.stuck:after,
.archive #site-wrapper .toggle-nav.stuck:after,
.paged #site-wrapper .toggle-nav.stuck:after,
.search #site-wrapper .toggle-nav.stuck:after,
.blog #site-wrapper .toggle-nav.stuck:after,
.page-template-page-video-php #site-wrapper .toggle-nav.stuck:after,
.single-video #site-wrapper .toggle-nav.stuck:after,
.tax-channels #site-wrapper .toggle-nav.stuck:after {
    background: black;
}

.page-template-page-registration-form-php #search-btn,
.single-post #search-btn,
.archive #search-btn,
.paged #search-btn,
.search #search-btn,
.blog #search-btn,
.page-template-page-video-php #search-btn,
.single-video #search-btn,
.tax-channels #search-btn {
    position: absolute;
    top: 0 !important;
    margin-top: 0 !important;
}

.page-template-page-registration-form-php #search-btn.passed,
.single-post #search-btn.passed,
.archive #search-btn.passed,
.paged #search-btn.passed,
.search #search-btn.passed,
.blog #search-btn.passed,
.page-template-page-video-php #search-btn.passed,
.single-video #search-btn.passed,
.tax-channels #search-btn.passed {
    position: absolute;
}

.page-template-page-registration-form-php #search-btn a i:after,
.single-post #search-btn a i:after,
.archive #search-btn a i:after,
.paged #search-btn a i:after,
.search #search-btn a i:after,
.blog #search-btn a i:after,
.page-template-page-video-php #search-btn a i:after,
.single-video #search-btn a i:after,
.tax-channels #search-btn a i:after {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-search-black.svg);
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {

    .page-template-page-registration-form-php.show-nav #site-wrapper #site-canvas,
    .single-post.show-nav #site-wrapper #site-canvas,
    .archive.show-nav #site-wrapper #site-canvas,
    .paged.show-nav #site-wrapper #site-canvas,
    .search.show-nav #site-wrapper #site-canvas,
    .blog.show-nav #site-wrapper #site-canvas,
    .page-template-page-video-php.show-nav #site-wrapper #site-canvas,
    .single-video.show-nav #site-wrapper #site-canvas,
    .tax-channels.show-nav #site-wrapper #site-canvas {
        left: 65vw !important;
    }

    .page-template-page-registration-form-php.show-nav #site-wrapper #site-canvas header.passed,
    .single-post.show-nav #site-wrapper #site-canvas header.passed,
    .archive.show-nav #site-wrapper #site-canvas header.passed,
    .paged.show-nav #site-wrapper #site-canvas header.passed,
    .search.show-nav #site-wrapper #site-canvas header.passed,
    .blog.show-nav #site-wrapper #site-canvas header.passed,
    .page-template-page-video-php.show-nav #site-wrapper #site-canvas header.passed,
    .single-video.show-nav #site-wrapper #site-canvas header.passed,
    .tax-channels.show-nav #site-wrapper #site-canvas header.passed {
        top: 0;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    .page-template-page-registration-form-php #site-wrapper .toggle-nav,
    .single-post #site-wrapper .toggle-nav,
    .archive #site-wrapper .toggle-nav,
    .paged #site-wrapper .toggle-nav,
    .search #site-wrapper .toggle-nav,
    .blog #site-wrapper .toggle-nav,
    .page-template-page-video-php #site-wrapper .toggle-nav,
    .single-video #site-wrapper .toggle-nav,
    .tax-channels #site-wrapper .toggle-nav {
        left: 30px;
        top: 30px;
        margin: 0;
        height: inherit;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav i.icon.menu,
    .single-post #site-wrapper .toggle-nav i.icon.menu,
    .archive #site-wrapper .toggle-nav i.icon.menu,
    .paged #site-wrapper .toggle-nav i.icon.menu,
    .search #site-wrapper .toggle-nav i.icon.menu,
    .blog #site-wrapper .toggle-nav i.icon.menu,
    .page-template-page-video-php #site-wrapper .toggle-nav i.icon.menu,
    .single-video #site-wrapper .toggle-nav i.icon.menu,
    .tax-channels #site-wrapper .toggle-nav i.icon.menu {
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-menu-black.svg) no-repeat center center;
        -webkit-background-size: 35px 27px !important;
        -moz-background-size: 35px 27px !important;
        -o-background-size: 35px 27px !important;
        background-size: 35px 27px !important;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav:after,
    .single-post #site-wrapper .toggle-nav:after,
    .archive #site-wrapper .toggle-nav:after,
    .paged #site-wrapper .toggle-nav:after,
    .search #site-wrapper .toggle-nav:after,
    .blog #site-wrapper .toggle-nav:after,
    .page-template-page-video-php #site-wrapper .toggle-nav:after,
    .single-video #site-wrapper .toggle-nav:after,
    .tax-channels #site-wrapper .toggle-nav:after {
        background-color: transparent !important;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav:hover:after,
    .single-post #site-wrapper .toggle-nav:hover:after,
    .archive #site-wrapper .toggle-nav:hover:after,
    .paged #site-wrapper .toggle-nav:hover:after,
    .search #site-wrapper .toggle-nav:hover:after,
    .blog #site-wrapper .toggle-nav:hover:after,
    .page-template-page-video-php #site-wrapper .toggle-nav:hover:after,
    .single-video #site-wrapper .toggle-nav:hover:after,
    .tax-channels #site-wrapper .toggle-nav:hover:after {
        background-color: transparent !important;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav.stuck i.icon.menu,
    .single-post #site-wrapper .toggle-nav.stuck i.icon.menu,
    .archive #site-wrapper .toggle-nav.stuck i.icon.menu,
    .paged #site-wrapper .toggle-nav.stuck i.icon.menu,
    .search #site-wrapper .toggle-nav.stuck i.icon.menu,
    .blog #site-wrapper .toggle-nav.stuck i.icon.menu,
    .page-template-page-video-php #site-wrapper .toggle-nav.stuck i.icon.menu,
    .single-video #site-wrapper .toggle-nav.stuck i.icon.menu,
    .tax-channels #site-wrapper .toggle-nav.stuck i.icon.menu {
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-menu.svg) no-repeat center center;
        -webkit-background-size: 35px 27px !important;
        -moz-background-size: 35px 27px !important;
        -o-background-size: 35px 27px !important;
        background-size: 35px 27px !important;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav.stuck:after,
    .single-post #site-wrapper .toggle-nav.stuck:after,
    .archive #site-wrapper .toggle-nav.stuck:after,
    .paged #site-wrapper .toggle-nav.stuck:after,
    .search #site-wrapper .toggle-nav.stuck:after,
    .blog #site-wrapper .toggle-nav.stuck:after,
    .page-template-page-video-php #site-wrapper .toggle-nav.stuck:after,
    .single-video #site-wrapper .toggle-nav.stuck:after,
    .tax-channels #site-wrapper .toggle-nav.stuck:after {
        background-color: #212121 !important;
    }

    .page-template-page-registration-form-php #site-wrapper .toggle-nav.stuck:hover:after,
    .single-post #site-wrapper .toggle-nav.stuck:hover:after,
    .archive #site-wrapper .toggle-nav.stuck:hover:after,
    .paged #site-wrapper .toggle-nav.stuck:hover:after,
    .search #site-wrapper .toggle-nav.stuck:hover:after,
    .blog #site-wrapper .toggle-nav.stuck:hover:after,
    .page-template-page-video-php #site-wrapper .toggle-nav.stuck:hover:after,
    .single-video #site-wrapper .toggle-nav.stuck:hover:after,
    .tax-channels #site-wrapper .toggle-nav.stuck:hover:after {
        background-color: #212121 !important;
    }

    .page-template-page-registration-form-php #site-wrapper nav#utility-menu #phone-number,
    .single-post #site-wrapper nav#utility-menu #phone-number,
    .archive #site-wrapper nav#utility-menu #phone-number,
    .paged #site-wrapper nav#utility-menu #phone-number,
    .search #site-wrapper nav#utility-menu #phone-number,
    .blog #site-wrapper nav#utility-menu #phone-number,
    .page-template-page-video-php #site-wrapper nav#utility-menu #phone-number,
    .single-video #site-wrapper nav#utility-menu #phone-number,
    .tax-channels #site-wrapper nav#utility-menu #phone-number {
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-phone.svg) no-repeat right 50%;
        -webkit-background-size: auto 100% !important;
        -moz-background-size: auto 100% !important;
        -o-background-size: auto 100% !important;
        background-size: auto 100% !important;
    }

    .page-template-page-registration-form-php #site-wrapper header .logo a,
    .single-post #site-wrapper header .logo a,
    .archive #site-wrapper header .logo a,
    .paged #site-wrapper header .logo a,
    .search #site-wrapper header .logo a,
    .blog #site-wrapper header .logo a,
    .page-template-page-video-php #site-wrapper header .logo a,
    .single-video #site-wrapper header .logo a,
    .tax-channels #site-wrapper header .logo a {
        width: 100px;
        -webkit-background-size: 100% auto !important;
        -moz-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        background-size: 100% auto !important;
        margin: 0 auto;
    }
}

.page-template-page-registration-form-php #site-wrapper .toggle-nav,
.paged #site-wrapper .toggle-nav {
    margin-top: 170px;
    top: 0;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    .page-template-page-registration-form-php #site-wrapper .toggle-nav,
    .paged #site-wrapper .toggle-nav {
        margin-top: 0px;
        top: 30px;
    }
}

#site-wrapper .toggle-nav {
    display: block;
    width: 35px;
    height: 112px;
    color: #ffffff;
    position: absolute;
    top: 40vh;
    left: 50px;
    margin: -56px 0 0;
    cursor: pointer;
    z-index: 9999;
}

#site-wrapper .toggle-nav i.icon {
    -webkit-background-size: 35px 27px !important;
    -moz-background-size: 35px 27px !important;
    -o-background-size: 35px 27px !important;
    background-size: 35px 27px !important;
    width: 35px;
    height: 27px;
    top: 0;
    left: 0;
    z-index: 100;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#site-wrapper .toggle-nav i.icon.menu {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-menu.svg) no-repeat center center;
}

#site-wrapper .toggle-nav i.icon.close {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-close.svg) no-repeat center center;
    -webkit-background-size: auto 27px !important;
    -moz-background-size: auto 27px !important;
    -o-background-size: auto 27px !important;
    background-size: auto 27px !important;
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper .toggle-nav:after {
    content: '';
    display: block;
    background: black;
    width: 100px;
    height: 90px;
    left: -30px;
    top: -30px;
    position: absolute;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

#site-wrapper .toggle-nav span {
    position: relative;
    bottom: -100%;
    display: block;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    letter-spacing: 4px;
    font-size: 28px;
    line-height: 0;
}

#site-wrapper .toggle-nav span#close {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper .toggle-nav:hover {
    text-decoration: none;
}

#site-wrapper .toggle-nav:hover i {
    top: 5px;
}

#site-wrapper .toggle-nav:hover span#menu {
    bottom: -80%;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper .toggle-nav:hover i.icon.close {
    -webkit-transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
}

#site-wrapper .toggle-nav.stuck {
    position: fixed;
    top: 30px !important;
    left: 30px !important;
    margin: 0 !important;
    -webkit-transition: left 0.2s ease-in-out 0s, -webkit-transform 0.1s ease-in-out 0s;
    -moz-transition: left 0.2s ease-in-out 0s, -moz-transform 0.1s ease-in-out 0s;
    transition: left 0.2s ease-in-out 0s, transform 0.1s ease-in-out 0s;
}

#site-wrapper .toggle-nav.stuck.hide-me {
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper .toggle-nav.stuck span {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    bottom: -120%;
}

#site-wrapper .toggle-nav.stuck:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#site-wrapper .toggle-nav.stuck:hover i {
    top: 0;
}

#site-wrapper .toggle-nav.stuck:hover:after {
    background: #c6191a;
}

@media (max-width: 1280px) {
    #site-wrapper .toggle-nav {
        top: 50vh;
    }
}

@media (max-width: 1024px) {
    #site-wrapper .toggle-nav:hover:after {
        background: black !important;
    }

    #site-wrapper .toggle-nav.stuck:hover span {
        display: none;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper .toggle-nav {
        position: absolute;
        top: 30px;
        left: 5%;
        margin: 0;
    }

    #site-wrapper .toggle-nav span {
        display: none;
    }

    #site-wrapper .toggle-nav:hover i {
        top: 0px;
    }

    #site-wrapper .toggle-nav.stuck {
        -webkit-transition: left 0s ease-in-out 0s, -webkit-transform 0.1s ease-in-out 0s;
        -moz-transition: left 0s ease-in-out 0s, -moz-transform 0.1s ease-in-out 0s;
        transition: left 0s ease-in-out 0s, transform 0.1s ease-in-out 0s;
    }
}

#site-wrapper #site-menu {
    background: #1B1B1B;
    position: fixed;
    width: 35vw;
    height: 100vh;
    top: 0;
    left: -35vw;
    overflow: hidden;
    z-index: 1000;
    -webkit-transition: left 0.2s ease-in-out 0s;
    -moz-transition: left 0.2s ease-in-out 0s;
    transition: left 0.2s ease-in-out 0s;
}

#site-wrapper #site-menu ul {
    list-style: none;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 200;
    left: 0;
    padding: 0;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    -webkit-transform: translateY(-50%) translateZ(135px) scale3d(1, 1, 1);
    -moz-transform: translateY(-50%) translateZ(135px) scale3d(1, 1, 1);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%) translateZ(135px) scale3d(1, 1, 1);
    transform: translateY(-50%) translateZ(135px) scale3d(1, 1, 1);
}

#site-wrapper #site-menu ul li {
    position: relative;
}

#site-wrapper #site-menu ul li a {
    display: block;
    width: 100%;
    padding: 20px 100px 20px 75px;
    line-height: 1.2;
    color: #646464;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    font-family: "franklin-gothic-urw-cond", Helvetica, sans-serif;
}

#site-wrapper #site-menu ul li a:hover {
    background-color: #c6191a;
    color: #ffffff;
}

#site-wrapper #site-menu ul li ul li a:before {
    display: none !important;
}

#site-wrapper #site-menu ul li.menu-item-has-children .chevron {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg) no-repeat center center;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    cursor: pointer;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper #site-menu ul li.selected a {
    background: #c6191a;
    color: #ffffff;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
}

#site-wrapper #site-menu ul li#menu-item-3735 a,
#site-wrapper #site-menu ul li#menu-item-256 a,
#site-wrapper #site-menu ul li#menu-item-421 a {
    font-size: 16px;
    padding: 12px 50px 12px 75px;
    color: #444;
}

#site-wrapper #site-menu ul li#menu-item-3735 a:hover,
#site-wrapper #site-menu ul li#menu-item-256 a:hover,
#site-wrapper #site-menu ul li#menu-item-421 a:hover {
    color: #ffffff;
}

#site-wrapper #site-menu ul li#menu-item-3735.menu-item-has-children .chevron,
#site-wrapper #site-menu ul li#menu-item-256.menu-item-has-children .chevron,
#site-wrapper #site-menu ul li#menu-item-421.menu-item-has-children .chevron {
    height: 14px;
    width: 14px;
    margin-top: -7px;
}

#site-wrapper #site-menu ul li#menu-item-4476 {
    display: none;
}

#site-wrapper #site-menu ul li#menu-item-715 a:before,
#site-wrapper #site-menu ul li#menu-item-254 a:before,
#site-wrapper #site-menu ul li#menu-item-259 a:before,
#site-wrapper #site-menu ul li#menu-item-258 a:before,
#site-wrapper #site-menu ul li#menu-item-275 a:before,
#site-wrapper #site-menu ul li#menu-item-257 a:before,
#site-wrapper #site-menu ul li#menu-item-263 a:before,
#site-wrapper #site-menu ul li#menu-item-3735 a:before,
#site-wrapper #site-menu ul li#menu-item-256 a:before,
#site-wrapper #site-menu ul li#menu-item-421 a:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 100%;
    left: 35px;
    top: 0;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 25px auto !important;
    -moz-background-size: 25px auto !important;
    -o-background-size: 25px auto !important;
    background-size: 25px auto !important;
}

#site-wrapper #site-menu ul li#menu-item-715 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-home.svg);
}

#site-wrapper #site-menu ul li#menu-item-254 a:before,
#site-wrapper #site-menu ul li#menu-item-259 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-ua.svg);
}

#site-wrapper #site-menu ul li#menu-item-258 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-college.svg);
}

#site-wrapper #site-menu ul li#menu-item-275 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-alumni.svg);
}

#site-wrapper #site-menu ul li#menu-item-257 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-bftv.svg);
}

#site-wrapper #site-menu ul li#menu-item-263 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-ll.svg);
}

#site-wrapper #site-menu ul li#menu-item-3735 a:before,
#site-wrapper #site-menu ul li#menu-item-256 a:before,
#site-wrapper #site-menu ul li#menu-item-421 a:before {
    -webkit-background-size: 18px auto !important;
    -moz-background-size: 18px auto !important;
    -o-background-size: 18px auto !important;
    background-size: 18px auto !important;
    left: 38px;
}

#site-wrapper #site-menu ul li#menu-item-3735 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-news.svg);
}

#site-wrapper #site-menu ul li#menu-item-256 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-shop.svg);
}

#site-wrapper #site-menu ul li#menu-item-421 a:before {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-nav-about.svg);
}

#site-wrapper #site-menu ul li.more a:before,
#site-wrapper #site-menu ul li#menu-item-4476 a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #ffffff;
    left: 46px;
    top: 19px;
}

#site-wrapper #site-menu ul.sub-menu {
    left: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    padding-right: 100px;
    -webkit-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
    -moz-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
    -ms-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
    -o-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
    transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper #site-menu ul.sub-menu li a {
    text-transform: none;
    font-weight: 300;
    font-size: 18px !important;
    line-height: 1.5;
    color: #646464 !important;
    padding: 10px 30px !important;
}

#site-wrapper #site-menu ul.sub-menu li a:hover {
    color: #ffffff !important;
}

#site-wrapper #site-menu .search-form,
#site-wrapper #site-menu .login {
    display: none;
}

#site-wrapper #site-menu .more {
    display: none;
}

#site-wrapper #site-menu #back-btn {
    position: absolute;
    left: 0;
    top: -90px;
    width: 100px;
    height: 90px;
    z-index: 3000;
    background: black;
    display: block;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper #site-menu #back-btn:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#site-wrapper #site-menu #back-btn i {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-left-white.svg) no-repeat center center;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    display: block;
}

#site-wrapper #site-menu #sub-fill {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #252525;
    top: 0;
    left: 100%;
    z-index: 100;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper #site-menu #sub-sub-fill {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #252525;
    top: 0;
    left: 100%;
    z-index: 100;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper #site-menu #click-catch {
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    cursor: default;
    display: none;
}

#site-wrapper #site-menu.open-sub {
    background: #121212;
}

#site-wrapper #site-menu.open-sub ul#primary {
    left: -100%;
    margin-left: 100px;
}

#site-wrapper #site-menu.open-sub ul#primary li:not(.selected) .sub-menu {
    display: none;
}

#site-wrapper #site-menu.open-sub ul#primary li.selected {
    overflow: visible;
}

#site-wrapper #site-menu.open-sub ul#primary li.selected .sub-menu {
    display: block;
}

#site-wrapper #site-menu.open-sub ul#primary li.selected .sub-menu .sub-menu {
    display: none;
}

#site-wrapper #site-menu.open-sub ul#primary li.selected .sub-menu .menu-item-has-children .chevron {
    display: block;
}

#site-wrapper #site-menu.open-sub ul#primary li.selected .selected .sub-menu {
    display: block;
}

#site-wrapper #site-menu.open-sub ul#primary li.menu-item-has-children .chevron {
    display: none;
}

#site-wrapper #site-menu.open-sub #click-catch {
    display: block;
}

#site-wrapper #site-menu.open-sub .menu-item-has-children.selected .chevron {
    display: none;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu li {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu li a {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background: none;
    color: #646464;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu li a:hover {
    color: #ffffff;
    background: #c6191a;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu li.selected a {
    background: #c6191a;
    color: #ffffff;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
}

#site-wrapper #site-menu.open-sub .selected ul.sub-menu li.selected .sub-menu {
    margin-left: 0;
}

#site-wrapper #site-menu.open-sub #back-btn {
    top: 0;
}

#site-wrapper #site-menu.open-sub #sub-fill {
    left: 100px;
    width: 100%;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-box-shadow: 0px 0px 30px 0px black;
    -moz-box-shadow: 0px 0px 30px 0px black;
    box-shadow: 0px 0px 30px 0px black;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul#primary {
    left: -200%;
}

#site-wrapper #site-menu.open-sub.open-sub-sub #sub-fill {
    left: -100%;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#site-wrapper #site-menu.open-sub.open-sub-sub #sub-sub-fill {
    left: 100px;
    width: 100%;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#site-wrapper #site-menu.open-sub.open-sub-sub .menu-item-has-children .chevron {
    display: none !important;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul.sub-menu {
    padding-right: 0 !important;
    width: 100%;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul.sub-menu ul.sub-menu {
    width: 100%;
    padding-right: 0 !important;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul.sub-menu ul.sub-menu li {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul.sub-menu ul.sub-menu li a {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background: none;
    color: #646464;
}

#site-wrapper #site-menu.open-sub.open-sub-sub ul.sub-menu ul.sub-menu li a:hover {
    color: #ffffff;
    background: #c6191a;
}

@media (max-height: 1000px) and (min-width: 1024px) {
    #site-wrapper #site-menu ul li a {
        padding: 10px 100px 10px 75px;
        line-height: 1.2;
    }

    #site-wrapper #site-menu ul li#menu-item-715 a:before,
    #site-wrapper #site-menu ul li#menu-item-254 a:before,
    #site-wrapper #site-menu ul li#menu-item-259 a:before,
    #site-wrapper #site-menu ul li#menu-item-258 a:before,
    #site-wrapper #site-menu ul li#menu-item-275 a:before,
    #site-wrapper #site-menu ul li#menu-item-257 a:before,
    #site-wrapper #site-menu ul li#menu-item-263 a:before {
        background-position: left center;
    }

    #site-wrapper #site-menu ul.sub-menu {
        margin-top: -100px !important;
    }

    #site-wrapper #site-menu ul.sub-menu li a {
        padding: 5px 30px !important;
        line-height: 1.2;
    }

    #site-wrapper #site-menu ul.sub-menu ul.sub-menu {
        margin-top: -100px !important;
    }
}

@media (max-width: 1024px) {
    #site-wrapper #site-menu {
        width: 65vw;
        left: -65vw;
    }

    #site-wrapper #site-menu ul li.menu-item-has-children .chevron {
        opacity: 0.4 !important;
        filter: alpha(opacity=40) !important;
    }

    #site-wrapper #site-menu ul li a {
        padding: 15px 40px 15px 60px;
        font-size: 20px;
    }

    #site-wrapper #site-menu ul li a:hover {
        color: #ffffff;
        background: transparent;
    }

    #site-wrapper #site-menu ul li#menu-item-3735 a,
    #site-wrapper #site-menu ul li#menu-item-256 a,
    #site-wrapper #site-menu ul li#menu-item-421 a {
        padding: 6px 40px 10px 60px;
    }

    #site-wrapper #site-menu ul li#menu-item-715 a:before,
    #site-wrapper #site-menu ul li#menu-item-254 a:before,
    #site-wrapper #site-menu ul li#menu-item-259 a:before,
    #site-wrapper #site-menu ul li#menu-item-258 a:before,
    #site-wrapper #site-menu ul li#menu-item-275 a:before,
    #site-wrapper #site-menu ul li#menu-item-257 a:before,
    #site-wrapper #site-menu ul li#menu-item-263 a:before {
        -webkit-background-size: 20px auto !important;
        -moz-background-size: 20px auto !important;
        -o-background-size: 20px auto !important;
        background-size: 20px auto !important;
        left: 30px;
    }

    #site-wrapper #site-menu ul li#menu-item-3735 a:before,
    #site-wrapper #site-menu ul li#menu-item-256 a:before,
    #site-wrapper #site-menu ul li#menu-item-421 a:before {
        -webkit-background-size: 16px auto !important;
        -moz-background-size: 16px auto !important;
        -o-background-size: 16px auto !important;
        background-size: 16px auto !important;
        left: 30px;
        top: -2px;
    }

    #site-wrapper #site-menu ul li.more a:before,
    #site-wrapper #site-menu ul li#menu-item-4476 a:before {
        left: 38px;
        top: 15px;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .chevron {
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .sub-menu li.menu-item-has-children .chevron {
        opacity: 0.4 !important;
        filter: alpha(opacity=40) !important;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper #site-menu {
        width: 100%;
        height: 100%;
        left: -100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #site-wrapper #site-menu ul#primary {
        margin-top: 0;
        padding-bottom: 60px;
        position: relative;
        padding-top: 120px;
    }

    #site-wrapper #site-menu ul#primary li {
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
        -webkit-transition: 0.1s ease-in-out;
        -moz-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out;
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    #site-wrapper #site-menu ul#primary li a {
        padding: 12px 55px 12px 65px;
    }

    #site-wrapper #site-menu #click-catch {
        display: none !important;
    }

    #site-wrapper #site-menu ul {
        -webkit-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
        -moz-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
        -ms-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
        -o-transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
        transform: translateY(0) translateZ(135px) scale3d(1, 1, 1);
        top: 0;
        position: relative;
        overflow: visible;
    }

    #site-wrapper #site-menu ul li {
        position: relative;
        overflow: hidden;
    }

    #site-wrapper #site-menu ul li a {
        padding: 12px 40px 12px 65px;
        font-size: 18px;
    }

    #site-wrapper #site-menu ul li a:hover {
        color: #646464 !important;
        background: transparent;
    }

    #site-wrapper #site-menu ul li.menu-item-has-children .chevron {
        opacity: 0.4 !important;
        filter: alpha(opacity=40) !important;
        right: 20px;
        height: 15px;
        width: 15px;
        margin-top: -7px;
    }

    #site-wrapper #site-menu ul li#menu-item-3735 {
        display: none;
    }

    #site-wrapper #site-menu ul li#menu-item-421 a,
    #site-wrapper #site-menu ul li#menu-item-4369 a,
    #site-wrapper #site-menu ul li#menu-item-4476 a,
    #site-wrapper #site-menu ul li#menu-item-256 a {
        font-size: 16px;
        color: #646464;
        padding: 8px 40px 8px 65px;
    }

    #site-wrapper #site-menu ul li#menu-item-421 a:hover,
    #site-wrapper #site-menu ul li#menu-item-4369 a:hover,
    #site-wrapper #site-menu ul li#menu-item-4476 a:hover,
    #site-wrapper #site-menu ul li#menu-item-256 a:hover {
        color: #646464 !important;
    }

    #site-wrapper #site-menu ul li#menu-item-4476 {
        display: block;
    }

    #site-wrapper #site-menu ul li.selected a {
        background: transparent;
        color: #ffffff;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    #site-wrapper #site-menu ul li#menu-item-3735 a:before,
    #site-wrapper #site-menu ul li#menu-item-256 a:before,
    #site-wrapper #site-menu ul li#menu-item-421 a:before {
        -webkit-background-size: 16px auto !important;
        -moz-background-size: 16px auto !important;
        -o-background-size: 16px auto !important;
        background-size: 16px auto !important;
        left: 30px;
        top: -2px;
    }

    #site-wrapper #site-menu #back-btn {
        z-index: 6000;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        position: absolute;
        width: 100%;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
    }

    #site-wrapper #site-menu #back-btn i {
        left: 5%;
        margin-left: 6px;
        height: 28px;
        margin-top: -14px;
    }

    #site-wrapper #site-menu #mobile-search {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 90px;
        z-index: 1000;
        background: black;
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
    }

    #site-wrapper #site-menu #mobile-search .search-form {
        display: block;
        position: absolute;
        top: 25px;
        right: 40px;
        z-index: 9;
        width: 60%;
    }

    #site-wrapper #site-menu #mobile-search .search-form .search[type="text"] {
        background: none;
        border: none;
        width: 100%;
        border-bottom: 1px solid #777;
        padding: 5px 0 5px 0;
        margin: 0;
        border-radius: 0;
        text-indent: 0;
        text-align: left;
        color: #ffffff;
        font-size: 20px;
        font-family: "franklin-gothic-urw", Helvetica, sans-serif;
        opacity: 0.5 !important;
        filter: alpha(opacity=50) !important;
        outline: none;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    #site-wrapper #site-menu #mobile-search .search-form .search[type="text"]:focus {
        border-color: #ffffff;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    #site-wrapper #site-menu #mobile-search .search-form .search[type="text"]:focus+input[type="submit"] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    #site-wrapper #site-menu #mobile-search .search-form input[type="submit"] {
        cursor: pointer;
        position: absolute;
        right: 0;
        bottom: 5px;
        border: none;
        padding: 5px 0 5px 0;
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-search.svg) center center;
        -webkit-background-size: 20px auto !important;
        -moz-background-size: 20px auto !important;
        -o-background-size: 20px auto !important;
        background-size: 20px auto !important;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        display: inline-block;
        opacity: 0.5 !important;
        filter: alpha(opacity=50) !important;
        -webkit-transition: 0.1s ease;
        -moz-transition: 0.1s ease;
        transition: 0.1s ease;
    }

    #site-wrapper #site-menu #mobile-search .login {
        color: #ffffff;
        display: none;
        padding: 9px 20px;
        font-size: 20px;
        line-height: 1.5em;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 500;
        position: absolute;
        top: 22px;
        left: 50%;
        z-index: 1000;
    }

    #site-wrapper #site-menu #mobile-search .login:after {
        content: '';
        background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg) no-repeat center center;
        -webkit-background-size: auto 50% !important;
        -moz-background-size: auto 50% !important;
        -o-background-size: auto 50% !important;
        background-size: auto 50% !important;
        height: 20px;
        width: 12px;
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -10px;
    }

    #site-wrapper #site-menu.open-sub #mobile-search {
        top: -90px;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .chevron {
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .sub-menu {
        padding-right: 0;
        width: 100vw;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .sub-menu li.menu-item-has-children .chevron {
        opacity: 0.4 !important;
        filter: alpha(opacity=40) !important;
    }

    #site-wrapper #site-menu.open-sub ul li.menu-item-has-children .sub-menu li a:hover {
        color: #646464 !important;
        background: transparent;
    }

    #site-wrapper #site-menu.open-sub ul#primary {
        left: -100%;
        margin-left: 0;
    }

    #site-wrapper #site-menu.open-sub #sub-fill {
        left: 0;
        position: fixed;
    }

    #site-wrapper #site-menu.open-sub.open-sub-sub #sub-sub-fill {
        left: 0;
        position: fixed;
    }

    #site-wrapper #site-menu .more {
        display: block;
    }
}

#site-wrapper nav#secondary {
    height: 90px;
    width: auto;
    padding-right: 0;
    padding-left: 155px;
    position: absolute;
    top: 80vh;
    z-index: 1000;
    left: -1px;
    background: #252120;
    margin-top: -90px;
    -webkit-transition: -webkit-transform 0.1s ease-in-out 0.2s, padding 0.1s ease-in-out 0s;
    -moz-transition: -moz-transform 0.1s ease-in-out 0.2s, padding 0.1s ease-in-out 0s;
    transition: transform 0.1s ease-in-out 0.2s, padding 0.1s ease-in-out 0s;
}

#site-wrapper nav#secondary ul {
    position: relative;
    top: 50%;
    list-style: none;
    z-index: 100;
    text-align: left;
    width: 100%;
    left: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper nav#secondary ul li {
    display: inline-block;
    margin: 0 20px;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#site-wrapper nav#secondary ul li a {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
}

#site-wrapper nav#secondary ul li a.current,
#site-wrapper nav#secondary ul li a:hover {
    border-bottom: 3px solid #ffffff;
    text-decoration: none;
}

#site-wrapper nav#secondary #secondary-nav-background {
    fill: #252120;
    position: absolute;
    top: 0;
    right: -65px;
    width: 427px;
    height: 100%;
}

#site-wrapper nav#secondary.stuck {
    position: fixed;
    top: 0;
    margin-top: 0;
}

#site-wrapper nav#secondary.squeeze li {
    margin: 15px;
}

@media (max-width: 1280px) {
    #site-wrapper nav#secondary {
        display: block;
        top: 100vh;
    }

    #site-wrapper nav#secondary.stuck {
        padding-left: 130px;
    }

    #site-wrapper nav#secondary ul li {
        margin: 0 10px;
    }
}

@media (max-height: 800px) and (min-width: 1024px) {
    #site-wrapper nav#secondary {
        top: 100vh;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper nav#secondary {
        display: none;
    }
}

.home .menu-item-715 {
    display: none !important;
}

.show-nav #site-wrapper .toggle-nav.stuck {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    left: 35vw !important;
    margin-left: 30px !important;
    top: 30px;
}

.show-nav #site-wrapper .toggle-nav.stuck:after {
    background: #c20304;
}

.show-nav #site-wrapper .toggle-nav.stuck:hover:after {
    background: #343434;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.show-nav #site-wrapper .toggle-nav.stuck:hover span#close {
    display: none !important;
}

.show-nav #site-wrapper .toggle-nav.stuck span#close {
    display: none !important;
}

.show-nav #site-wrapper .toggle-nav i.close {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.show-nav #site-wrapper .toggle-nav i.menu {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.show-nav #site-wrapper .toggle-nav span#close {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.show-nav #site-wrapper .toggle-nav span#menu {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.show-nav #site-wrapper .toggle-nav:hover span#close {
    bottom: -80%;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.show-nav #site-wrapper #site-canvas {
    left: 35vw !important;
}

.show-nav #site-wrapper #site-canvas #site-menu {
    left: 0;
}

.show-nav #site-wrapper #site-canvas nav#secondary.stuck {
    -webkit-transform: translateY(-95px);
    -moz-transform: translateY(-95px);
    -ms-transform: translateY(-95px);
    -o-transform: translateY(-95px);
    transform: translateY(-95px);
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

@media (max-width: 1024px) {
    .show-nav #site-wrapper #site-canvas {
        left: 65vw !important;
    }

    .show-nav #site-wrapper .toggle-nav.stuck {
        left: 65vw !important;
    }

    .show-nav #site-wrapper .toggle-nav.stuck span {
        display: none !important;
    }

    .show-nav #site-wrapper .toggle-nav.stuck:hover span {
        display: none !important;
    }

    .show-nav #site-wrapper .toggle-nav:hover span#close {
        bottom: -100%;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    .show-nav #site-wrapper section,
    .show-nav #site-wrapper footer {
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
    }

    .show-nav #site-wrapper .toggle-nav {
        position: fixed;
        left: 5%;
    }

    .show-nav #site-wrapper .toggle-nav:after {
        display: none;
    }

    .show-nav #site-wrapper .toggle-nav.stuck {
        position: fixed;
        left: 0 !important;
    }

    .show-nav #site-wrapper .toggle-nav.tucked {
        left: -100px !important;
    }

    .show-nav #site-wrapper .toggle-nav i.close {
        left: -1px;
    }

    .show-nav #site-wrapper #site-menu #mobile-search {
        -webkit-transform: translateY(0%) translateZ(135px) scale3d(1, 1, 1);
        -moz-transform: translateY(0%) translateZ(135px) scale3d(1, 1, 1);
        -ms-transform: translateY(0%) translateZ(135px) scale3d(1, 1, 1);
        -o-transform: translateY(0%) translateZ(135px) scale3d(1, 1, 1);
        transform: translateY(0%) translateZ(135px) scale3d(1, 1, 1);
        -webkit-transition: 0.1s ease-in-out 0.1s;
        -moz-transition: 0.1s ease-in-out 0.1s;
        transition: 0.1s ease-in-out 0.1s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735) {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(1) {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(2) {
        -webkit-transition-delay: 0.25s;
        -moz-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(3) {
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(4) {
        -webkit-transition-delay: 0.35s;
        -moz-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(5) {
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(6) {
        -webkit-transition-delay: 0.45s;
        -moz-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(7) {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(9) {
        -webkit-transition-delay: 0.55s;
        -moz-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(10) {
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(11) {
        -webkit-transition-delay: 0.65s;
        -moz-transition-delay: 0.65s;
        transition-delay: 0.65s;
    }

    .show-nav #site-wrapper #site-menu ul#primary>li:not(#menu-item-3735):nth-child(12) {
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }

    .show-nav #site-wrapper #site-menu ul#primary li ul li {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .show-nav #site-wrapper #site-canvas {
        left: 0 !important;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .show-nav {
        background: #252525;
        overflow: hidden !important;
    }
}

.inline .vjs-custom-skin {
    padding-bottom: 0 !important;
}

.inline .vjs-custom-skin .vjs-control-bar {
    bottom: 0 !important;
}

.flash-player {
    height: 600px !important;
    width: 100% !important;
}

.vjs-fullscreen {
    min-height: 100% !important;
    width: 100% !important;
}

.vjs-custom-skin {
    color: #ffffff;
}

.vjs-custom-skin .vjs-control-bar {
    height: 50px;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    bottom: -55px;
    top: auto;
    position: absolute;
    width: 100%;
    z-index: 200;
}

.vjs-custom-skin.vjs-has-started .vjs-control-bar {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.vjs-custom-skin.vjs-has-started {
    padding-bottom: 100px;
}

.vjs-custom-skin.vjs-has-started.vjs-user-inactive.vjs-fullscreen.vjs-playing .vjs-control-bar {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.vjs-custom-skin.vjs-using-native-controls .vjs-control-bar,
.vjs-custom-skin.vjs-controls-disabled .vjs-control-bar {
    display: none;
}

.vjs-custom-skin .vjs-progress-control {
    position: absolute;
    top: 0;
    right: 140px;
    bottom: 0;
    left: 75px;
}

.vjs-custom-skin .vjs-progress-control .vjs-progress-holder {
    cursor: pointer;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.vjs-custom-skin .vjs-progress-control .vjs-progress-holder:after {
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.vjs-custom-skin .vjs-progress-control .vjs-play-progress {
    background-color: #ffffff;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.vjs-custom-skin.vjs-error .vjs-control-bar,
.vjs-custom-skin.vjs-error .vjs-big-play-button {
    display: none;
}

.vjs-custom-skin .vjs-error-display {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 40px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    transform: translateY(-50%);
}

.vjs-custom-skin .vjs-play-control {
    cursor: pointer;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 28px;
    width: 16px;
    height: 16px;
    outline: none;
    background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-play-white.svg) no-repeat center center;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    background-size: 100% auto !important;
}

.vjs-custom-skin.vjs-playing .vjs-play-control {
    background: transparent url(hhttps://members.sclafanicollegerecruiting.com/assets/images/ui-icon-pause-white.svg) no-repeat center center;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    background-size: 100% auto !important;
}

.vjs-custom-skin .vjs-fullscreen-control {
    cursor: pointer;
    margin-top: -7px;
    right: 28px;
    top: 50%;
    outline: none;
    position: absolute;
    background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-video-fullscreen.svg) no-repeat center center;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    background-size: 100% auto !important;
    width: 16px;
    height: 16px;
}

.vjs-custom-skin.vjs-fullscreen .vjs-fullscreen-control {
    background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-video-exit-fullscreen.svg) no-repeat center center;
}

.vjs-custom-skin.vjs-fullscreen .vjs-control-bar {
    bottom: 55px;
}

.vjs-custom-skin .vjs-volume-control {
    display: none;
}

.vjs-custom-skin .vjs-current-time,
.vjs-custom-skin .vjs-time-divider,
.vjs-custom-skin .vjs-duration,
.vjs-custom-skin .vjs-remaining-time,
.vjs-custom-skin .vjs-load-progress,
.vjs-custom-skin .vjs-play-progress .vjs-control-text,
.vjs-custom-skin .vjs-play-control .vjs-control-content,
.vjs-custom-skin .vjs-fullscreen-control .vjs-control-text,
.vjs-custom-skin .vjs-slider-handle,
.vjs-custom-skin .vjs-volume-handle,
.vjs-custom-skin .vjs-live-controls,
.vjs-custom-skin .vjs-playback-rate,
.vjs-custom-skin .vjs-subtitles-button,
.vjs-custom-skin .vjs-captions-button,
.vjs-custom-skin .vjs-mute-control {
    display: none;
}

.vjs-custom-skin .vjs-current-time,
.vjs-custom-skin .vjs-duration,
.vjs-custom-skin .vjs-time-divider {
    display: block;
    position: absolute;
    bottom: 14px;
}

.vjs-custom-skin .vjs-duration {
    right: 58px;
    width: 30px;
}

.vjs-custom-skin .vjs-time-divider {
    right: 88px;
    width: 7px;
    padding: 0 2px;
    text-align: center;
}

.vjs-custom-skin .vjs-current-time {
    right: 95px;
    width: 30px;
    text-align: right;
}

.vjs-custom-skin .vjs-control-text,
.vjs-custom-skin .vjs-control-text {
    display: none;
}

/* REQUIRED STYLES (be careful overriding) ================================================================================ When loading the player, the video tag is replaced with a DIV, that will hold the video tag or object tag for other playback methods. The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video. If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element. Otherwise you risk messing up control positioning and full window mode. ** */
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
    font-size: 10px;
    /* Allow poster to be vertially aligned. */
    vertical-align: middle;
    /*  display: table-cell; */
    /*This works in Safari but not Firefox.*/
    /* Provide some basic defaults for fonts */
    font-weight: normal;
    font-style: normal;
    /* Avoiding helvetica: issue #376 */
    font-family: Arial, sans-serif;
    /* Turn off user selection (text highlighting) by default. The majority of player components will not be text blocks. Text areas will need to turn user selection back on. */
    /* user-select */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div <video> or <object> */
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
    position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
    overflow-y: auto;
}

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    /* IE6 full-window (underscore hack) */
    _position: absolute;
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

/* Poster Styles */
.vjs-poster {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%;
}

.vjs-error-display {
    display: none;
}

.vjs-error .vjs-error-display {
    display: block !important;
}

/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

/* Hide the poster when controls are disabled because it's clickable and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
    display: block !important;
}

/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
    display: none !important;
}

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
    display: none !important;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    /* Leave padding on left and right */
    left: 1em;
    right: 1em;
}

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

/* Individual tracks */
.video-js .vjs-text-track {
    display: none;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    /* Transparent black background, or fallback to all black (oldIE) */
    /* background-color-with-alpha */
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
    color: #ffffff;
}

.video-js .vjs-captions {
    color: #ffcc66;
}

.vjs-tt-cue {
    display: block;
}

/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
    font-size: 3em;
}

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
    display: none;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    visibility: visible;
}

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register. The .video-js classname on the video tag also isn't considered. This optional paragraph inside the video tag can provide a message to users about what's required to play video. */
.vjs-no-js {
    padding: 20px;
    color: #ccc;
    background-color: #333;
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #F4A460;
}

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/************************************
          MINIMALECT 0.9
  A minimalistic select replacement

 jQuery 1.7+ required.
 Developed by @groenroos
 http://www.groenroos.fi

 Github: http://git.io/Xedg9w

 Licensed under the MIT license.

************************************/
html:not(.smil) .minict_wrapper * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.minict_wrapper {
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    color: #969696;
    background: #f5f5f5;
    position: relative;
    width: 100%;
    padding: 10px;
    border: 2px solid #dadada;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.minict_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.minict_wrapper.disabled {
    background: #f5f5f5;
    text-shadow: 0 1px 0 #fff;
}

.minict_wrapper.disabled span {
    color: #bbb !important;
}

.minict_wrapper:after {
    content: '';
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-down-black.svg) no-repeat right top;
    -webkit-background-size: 17px auto !important;
    -moz-background-size: 17px auto !important;
    -o-background-size: 17px auto !important;
    background-size: 17px auto !important;
    display: block;
    position: absolute;
    height: 17px;
    width: 17px;
    top: 50%;
    margin-top: -4px;
    right: 17px;
}

.minict_wrapper.active:after {
    content: '';
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-up-black.svg) no-repeat right top;
    -webkit-background-size: 17px auto !important;
    -moz-background-size: 17px auto !important;
    -o-background-size: 17px auto !important;
    background-size: 17px auto !important;
}

.minict_wrapper.disabled:after {
    color: #bbb;
}

.minict_wrapper span {
    display: block;
    border: 0;
    outline: none;
    background: none;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    color: #969696;
    font-size: 16px;
    font-size: 1rem;
    line-height: 23px;
    line-height: 1.5rem;
    cursor: default;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.minict_wrapper span:empty:before {
    content: attr(data-placeholder);
    color: #969696;
    line-height: 23px;
    line-height: 1.5rem;
}

.minict_wrapper ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -3px;
    position: absolute;
    width: 100%;
    width: calc(100% + 4px);
    border: 2px solid #dadada;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 43px;
    background: #f5f5f5;
    left: 1px;
    max-height: 350px;
    overflow-y: auto;
    z-index: 999999;
}

.minict_wrapper ul li {
    list-style: none;
    font-size: 1rem;
    padding: 0 10px;
    padding: 0 0.7rem;
    cursor: pointer;
    background: #f5f5f5;
    height: 35px;
    height: 2.2rem;
    line-height: 32px;
    line-height: 2rem;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .minict_wrapper ul li {
        font-size: .9rem;
        height: 30px;
        height: 2rem;
    }
}

.minict_wrapper ul li:hover {
    background: #fcfcfc;
    color: #111;
}

.minict_wrapper ul li.minict_group {
    color: #444;
    background: #f6f6f6;
    font-weight: bold;
    cursor: default;
}

.minict_wrapper ul li.minict_empty {
    display: none;
    background: #fff !important;
    color: #bbb;
    text-align: center;
    font-size: 14px;
    font-size: 0.9rem;
    height: 55px;
    height: 3.5rem;
    line-height: 50px;
    line-height: 3.3rem;
}

.minict_wrapper ul li.disabled {
    cursor: default;
    background: #fff !important;
    color: #bbb;
}

.minict_wrapper ul li.selected {
    color: #b1b1b1;
}

.minict_wrapper ul li.highlighted {
    color: #ffffff;
    background: #b1b1b1;
}

.minict_wrapper ul li.hidden {
    display: none;
}

.minict_wrapper .minict_reset {
    display: none;
    width: 18px;
    height: 18px;
    background: #969696;
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border-radius: 2px;
    position: absolute;
    right: 16px;
    top: 50%;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
}

.minict_wrapper .minict_reset:hover {
    background-color: #555;
}

.minict_wrapper.disabled .minict_reset {
    display: none;
}

/* qTip2 - Pretty powerful tooltips - v2.2.1 http://qtip2.com Copyright (c) 2014 Released under the MIT licenses http://jquery.org/license Date: Sat Sep 6 2014 08:21 EDT-0400 Plugins: None Styles: core */
.custom-tip {
    background: #ffffff !important;
    border: 1px solid #dddddd !important;
    color: #727272 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 30px !important;
    max-width: 300px !important;
    box-shadow: 0 5px 5px #888888 !important;
}

.custom-tip p {
    margin: 0;
}

.custom-bio-tip {
    background: black !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0px !important;
    z-index: 100 !important;
    box-shadow: 0 5px 5px #888888 !important;
}

.custom-bio-tip img {
    width: 200px !important;
    height: 200px !important;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
}

.custom-bio-tip p {
    margin: 0;
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold;
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    /* Overlap .qtip-tip */
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
    border: 1px solid #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

.qtip-default .qtip-titlebar {
    background-color: #FFEF93;
}

.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .custom-tip {
        font-size: 13px !important;
        line-height: 1.4 !important;
        padding: 15px !important;
        max-width: 300px !important;
    }
}

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#colorbox {
    overflow: visible !important;
}

#colorbox #cboxWrapper {
    overflow: visible;
}

#colorbox #cboxPrevious,
#colorbox #cboxNext {
    position: fixed;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    -webkit-background-size: auto 30px !important;
    -moz-background-size: auto 30px !important;
    -o-background-size: auto 30px !important;
    background-size: auto 30px !important;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: black;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#colorbox #cboxPrevious {
    left: 0;
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-left-white.svg);
}

#colorbox #cboxPrevious:hover {
    background-position: 15px center;
}

#colorbox #cboxNext {
    right: 0;
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg);
}

#colorbox #cboxNext:hover {
    background-position: 25px center;
}

#colorbox #cboxClose {
    position: fixed;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    -webkit-background-size: auto 30px !important;
    -moz-background-size: auto 30px !important;
    -o-background-size: auto 30px !important;
    background-size: auto 30px !important;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    background-color: transparent;
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-close.svg);
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

#colorbox #cboxClose:hover {
    -webkit-transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
}

#cboxOverlay {
    background: #000;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
    filter: alpha(opacity=90);
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #fff;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    background: #fff;
    padding: 0;
}

#cboxLoadingOverlay {
    background: #fff;
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}

#colorbox.contact-form #cboxContent,
#colorbox.contact-form .cboxIframe,
#colorbox.contact-form #cboxLoadedContent,
#colorbox.contact-form #cboxLoadingOverlay {
    background: transparent;
}

#colorbox.contact-form #cboxLoadedContent {
    overflow: visible !important;
}

#colorbox.contact-form #cboxLoadedContent * {
    z-index: 1000;
}

#colorbox.contact-form form {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.4s ease 0.45s;
    -moz-transition: 0.4s ease 0.45s;
    transition: 0.4s ease 0.45s;
}

#colorbox.contact-form form input {
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
}

#colorbox.contact-form #cboxLoadedContent:after {
    content: '';
    width: 800px;
    height: 800px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    background: #c6191a;
    z-index: 10;
    -webkit-transform: rotate(0deg) scale(0.4);
    -moz-transform: rotate(0deg) scale(0.4);
    -ms-transform: rotate(0deg) scale(0.4);
    -o-transform: rotate(0deg) scale(0.4);
    transform: rotate(0deg) scale(0.4);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#colorbox.contact-form .cboxIframe {
    z-index: 1100;
    position: absolute;
}

#colorbox.contact-form iframe {
    background: transparent;
}

.modal-open #colorbox.contact-form #cboxLoadedContent:after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.modal-open #colorbox.contact-form form {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #cboxOverlay {
        background: #c6191a;
        opacity: 0.95 !important;
        filter: alpha(opacity=95) !important;
        filter: alpha(opacity=95);
    }

    #colorbox.contact-form #cboxLoadedContent:after {
        display: none;
    }
}

/* CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #3c3c3c;
    overflow: hidden;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #3c3c3c;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #3c3c3c;
    position: relative;
}

.jspDrag {
    background: #ffffff;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

.page-template-page-php #content,
.page-template-default #content {
    padding: 65px;
}

.page-template-page-php #content article,
.page-template-default #content article {
    min-width: 600px;
    margin: 0 auto;
    width: 50vw;
    max-width: 800px;
}

.page-template-page-php #content article p,
.page-template-default #content article p {
    color: #6d6d6d;
}

.page-template-page-php #content article p a,
.page-template-default #content article p a {
    color: #ef4449;
    text-decoration: underline;
}

.page-template-page-php #content article p a:hover,
.page-template-default #content article p a:hover {
    text-decoration: none;
}

.page-template-page-php #content article p.small,
.page-template-default #content article p.small {
    font-size: 14px;
}

.page-template-page-php #content article blockquote,
.page-template-default #content article blockquote {
    border-left: 1px dotted #ef4449;
    padding-left: 40px;
    padding-right: 25%;
    margin: 40px 0;
    position: relative;
}

.page-template-page-php #content article blockquote h3,
.page-template-default #content article blockquote h3 {
    color: #ef4449;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.25;
    font-size: 24px;
}

.page-template-page-php #content article blockquote:after,
.page-template-default #content article blockquote:after {
    content: '';
    border-left: 1px dotted #ef4449;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 3px;
    top: 0;
}

.page-template-page-php #content article ul,
.page-template-default #content article ul {
    line-height: 1.5;
    font-size: 16px;
    padding: 20px 0 20px 0;
}

.page-template-page-php #content article ul li,
.page-template-default #content article ul li {
    margin-bottom: 1em;
    position: relative;
}

.page-template-page-php #content article h3.clear,
.page-template-default #content article h3.clear {
    width: 100%;
    margin: 20px 0;
}

.page-template-page-php article p,
.page-template-default article p {
    color: #6d6d6d;
}

@media (max-width: 1024px) {

    .page-template-page-php #content,
    .page-template-default #content {
        padding: 50px 5%;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    .page-template-page-php #content article,
    .page-template-default #content article {
        min-width: 0;
        width: 100%;
    }
}

.page-id-3597 #content article ul {
    padding-left: 20px;
}

a.play-btn,
.vjs-big-play-button {
    background: #212121;
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 900;
    outline: none;
    cursor: pointer;
    border: 5px solid #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

a.play-btn span,
.vjs-big-play-button span {
    display: none;
}

a.play-btn:before,
.vjs-big-play-button:before {
    content: '';
    background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-play-white.svg) 29px center no-repeat;
    -webkit-background-size: 40px auto !important;
    -moz-background-size: 40px auto !important;
    -o-background-size: 40px auto !important;
    background-size: 40px auto !important;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -5px;
    left: 1px;
    z-index: 100;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

a.play-btn:hover:before,
.vjs-big-play-button:hover:before {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    a.play-btn,
    .vjs-big-play-button {
        width: 60px;
        height: 60px;
        border: 3px solid #ffffff;
    }

    a.play-btn:before,
    .vjs-big-play-button:before {
        background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-play-white.svg) 21px center no-repeat;
        -webkit-background-size: 25px auto !important;
        -moz-background-size: 25px auto !important;
        -o-background-size: 25px auto !important;
        background-size: 25px auto !important;
        width: 60px;
        height: 60px;
        top: -3px;
        left: -3px;
    }
}

.vjs-has-started .vjs-big-play-button {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
    -moz-transform: translateY(-50%) translateX(-50%) scale(2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(2);
    -o-transform: translateY(-50%) translateX(-50%) scale(2);
    transform: translateY(-50%) translateX(-50%) scale(2);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.vjs-paused .vjs-big-play-button {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transition: 0.1s ease-in-out 0.2s;
    -moz-transition: 0.1s ease-in-out 0.2s;
    transition: 0.1s ease-in-out 0.2s;
}

.vjs-paused .vjs-big-play-button:before {
    -webkit-transition: 0.1s ease-in-out 0.2s;
    -moz-transition: 0.1s ease-in-out 0.2s;
    transition: 0.1s ease-in-out 0.2s;
}

.vjs-paused .vjs-big-play-button:after {
    -webkit-transition: 0.1s ease-in-out 0.2s;
    -moz-transition: 0.1s ease-in-out 0.2s;
    transition: 0.1s ease-in-out 0.2s;
}

body.standalone-video {
    background: black;
    -ms-overflow-style: none;
    overflow: hidden;
}

body.standalone-video #video-player {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 600px !important;
    overflow: hidden;
    overflow-y: hidden;
    -ms-overflow-style: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.standalone-video #video-player div.video-js {
    height: 600px !important;
    overflow: hidden;
}

body.standalone-video #video-player div.video-js .vjs-control-bar {
    bottom: 0 !important;
    display: block;
}

body.standalone-video #wpadminbar {
    display: none !important;
    visibility: hidden !important;
}

@media (max-width: 1024px) {
    body.standalone-video #video-player div.video-js .vjs-custom-skin .vjs-control-bar {
        display: block !important;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    body.standalone-video #video-player div.video-js .vjs-custom-skin .vjs-control-bar {
        display: block !important;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    body.standalone-video #video-player div.video-js .vjs-custom-skin .vjs-control-bar {
        display: none;
    }
}

#videos {
    padding-bottom: 120px;
    overflow: visible;
}

#videos h1 {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    color: #d0d0d0;
    margin: 20px 0;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#videos .summary {
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/bg-bftv-summary.svg) no-repeat left top;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 34%;
    position: absolute;
    right: 65px;
    top: 0;
    margin: 0px 0 0 -20%;
    padding: 40px 40px 40px 90px;
    z-index: 100;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

#videos .summary:after {
    content: '';
    height: 20px;
    width: 30px;
    position: absolute;
    top: 44px;
    left: 70px;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-video-white.svg) no-repeat left top;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
}

#videos .summary h2 {
    color: #c6191a;
    line-height: 28px;
    padding: 0 0 0 74px;
    margin: 0 0 0 -40px;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
}

#videos .summary p {
    color: #eee;
    padding: 0 0 0 34px;
    line-height: 1.6;
    margin: 15px 0;
}

#videos div#video-player {
    width: 70%;
    border: 10px solid #c6191a;
    float: left;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

#videos div#video-player img,
#videos div#video-player video {
    width: 100%;
    height: auto;
    float: left;
}

#videos div#video-player div.video-js .vjs-control-bar {
    bottom: 0 !important;
}

#videos nav#video-playlist {
    width: 30%;
    position: absolute;
    right: 65px;
    top: 0;
    padding-left: 39px;
}

#videos nav#video-playlist ul {
    list-style: none;
}

#videos nav#video-playlist li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: 15px 0;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#videos nav#video-playlist li a {
    display: block;
    line-height: 24px;
    padding: 0 0 0 34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #d0d0d0;
    position: relative;
    font-size: 16px;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
}

#videos nav#video-playlist li a.active {
    color: #c6191a;
    text-decoration: none;
}

#videos nav#video-playlist li a.active:before {
    content: '';
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-triangle-right-red.svg);
    background-repeat: no-repeat;
    -webkit-background-size: auto 20px !important;
    -moz-background-size: auto 20px !important;
    -o-background-size: auto 20px !important;
    background-size: auto 20px !important;
    background-position: -1px center;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#videos nav#video-playlist li a:hover {
    color: #c6191a;
    text-decoration: none;
}

#videos nav#video-playlist li a:last-child {
    margin-right: 0 !important
}

#videos nav#video-playlist li:nth-child(1) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

#videos nav#video-playlist li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

#videos nav#video-playlist li:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

#videos nav#video-playlist a#view-all {
    margin-left: 34px;
    margin-top: 30px;
    position: relative;
    display: block;
    font-size: 15px;
    color: #c6191a;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media (max-width: 1440px) {
    #videos nav#video-playlist li a {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 1280px) {
    #videos .summary {
        padding: 20px 20px 20px 70px;
        right: 40px;
        top: 50px;
    }

    #videos .summary h2 {
        font-size: 18px;
        padding: 0 0 0 64px;
    }

    #videos .summary p {
        font-size: 14px;
        margin-top: 0;
    }

    #videos .summary:after {
        top: 24px;
        left: 48px;
    }

    #videos h1 {
        margin-top: 40px;
    }

    #videos nav#video-playlist li a {
        font-size: 14px;
        line-height: 16px;
    }

    #videos nav#video-playlist a#view-all {
        margin-top: 15px;
    }
}

@media (max-width: 1024px) {
    #videos h1 {
        text-align: center;
        margin: 0;
    }

    #videos .summary {
        background: none;
        height: auto;
        width: 60%;
        margin: 30px auto;
        padding: 0;
        position: relative;
        right: 0;
        top: 0;
        z-index: 100;
        text-align: center;
    }

    #videos .summary h2 {
        background: none;
        color: #c6191a;
        line-height: 28px;
        padding: 0;
        margin: 0;
    }

    #videos .summary p {
        color: #212121;
        padding: 0;
        line-height: 1.6;
        margin: 15px 0;
    }

    #videos .summary:after {
        display: none;
    }

    #videos div#video-player {
        width: 100%;
    }

    #videos nav#video-playlist {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        padding-left: 0;
        text-align: center;
        margin-top: 20px;
        float: left;
    }

    #videos nav#video-playlist li a {
        font-size: 14px;
        line-height: 16px;
        padding: 0;
        margin: 0;
    }

    #videos nav#video-playlist li a.active:before {
        background-image: none;
        display: none;
    }

    #videos nav#video-playlist a#view-all {
        margin-top: 15px;
        margin-left: 0;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #videos {
        padding: 0 !important;
    }

    #videos h1 {
        display: none;
    }

    #videos .summary {
        display: none;
    }

    #videos div#video-player {
        border: none;
        margin-top: 0;
    }

    #videos nav#video-playlist {
        margin-top: 0;
    }

    #videos nav#video-playlist ul {
        display: none;
    }

    #videos nav#video-playlist a#view-all {
        margin-top: 0;
        padding: 20px;
        background: #c6191a;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
        font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    }
}

#videos.s-active h1,
#videos.init h1 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

#videos.s-active .summary,
#videos.init .summary {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#videos.s-active div#video-player,
#videos.init div#video-player {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#videos.s-active nav#video-playlist li,
#videos.init nav#video-playlist li {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#videos.s-active nav#video-playlist a#view-all,
#videos.init nav#video-playlist a#view-all {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.share-panel {
    position: fixed;
    z-index: 19999;
    visibility: hidden;
    display: block;
    top: -100%;
    bottom: 100%;
    width: 100%;
}

.share-open .share-panel {
    top: 0;
    bottom: 0;
    visibility: visible;
}

.share-panel:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 0;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
}

.share-open .share-panel:before {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.share-panel h4 {
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
    font-weight: bold;
}

.share-panel h4 span {
    border-bottom: 2px solid #ddd;
    display: inline-block;
    padding-bottom: 3px;
}

.share-panel ul {
    z-index: 9;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: -50px auto 0;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: 0.3s ease 0.3s;
    -moz-transition: 0.3s ease 0.3s;
    transition: 0.3s ease 0.3s;
}

.share-open .share-panel ul {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;
}

.share-panel li {
    display: inline-block;
    margin: 10px;
}

.share-panel .icon {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: auto 30% !important;
    -moz-background-size: auto 30% !important;
    -o-background-size: auto 30% !important;
    background-size: auto 30% !important;
}

.share-panel .icon:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    z-index: -1;
    border: 3px solid transparent;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
}

.share-panel .icon:hover:after {
    border: 3px solid #ffffff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.share-panel .twitter-btn .icon {
    background-image: url(hhttps://members.sclafanicollegerecruiting.com/assets/images/ui-icon-twitter-white.svg);
    position: relative;
}

.share-panel .facebook-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-fb-white.svg);
    position: relative;
}

.share-panel .google-btn .icon {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-google-white.svg);
    position: relative;
}

.share-panel .icon span {
    display: none;
}

.share-panel .close {
    position: fixed;
    right: 0;
    top: 0;
    height: 100px;
    width: 100px;
    -webkit-background-size: auto 30px !important;
    -moz-background-size: auto 30px !important;
    -o-background-size: auto 30px !important;
    background-size: auto 30px !important;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    background-color: transparent;
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-close.svg);
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
    cursor: pointer;
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
https://members.sclafanicollegerecruiting.com/assets/images/
.share-panel .close:hover {
    -webkit-transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
}

body {
    margin: 0;
    padding: 0;
}

#site-wrapper header .logo {
    position: absolute;
}

#site-wrapper header .logo a {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/scrlogowhite.png);
}

#site-wrapper .toggle-nav i.icon.menu {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-menu.svg);
}

#site-wrapper .toggle-nav i.icon.close {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-close.svg);
}

#site-wrapper header nav#utility-menu #login-btn a i {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg);
}

#site-wrapper #site-menu ul li.menu-item-has-children:after {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-right-white.svg);
}

.back-btn:before,
#site-wrapper #site-menu #back-btn i,
colorbox #cboxPrevious {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-left-white.svg);
}

#site-wrapper footer nav div#sitemap #mobile-menu select {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-chevron-down-red.svg);
}

#videos nav#video-playlist li a.active:before {
    background-image: none;
}


#bottom {
    display: none;
}

#site-wrapper .toggle-nav,
#site-wrapper #site-menu,
#site-wrapper footer {
    display: none;
}

.page-template-page-sample-player-php #site-wrapper .toggle-nav,
.page-template-page-sample-player-php #site-wrapper #site-menu,
.page-template-page-sample-player-php #site-wrapper footer {
    display: block;
}

.profile {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.profile #site-wrapper #site-canvas,
.page-template-page-sample-player-php #site-wrapper #site-canvas {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background: #38a6cf;
    background: #3fa6cd;
    /* Old browsers */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAD6AAAAAKAQMAAACafjMgAAAABlBMVEU5pc8kgKIs5LWvAAAAMklEQVRYw+3RQREAAAjDMOZfNMjgsdRBL5natvY80KFDhw4dOnTo0KFDhw4dOnTo0P86+A8KAbhCmD8AAAAASUVORK5CYII=) repeat-y center top;
    /*-webkit-transition: 0s ease; -moz-transition: 0s ease; -ms-transition: 0s ease; transition: 0s ease;*/
}

@media (max-width: 1024px) {

    .profile #site-wrapper #site-canvas,
    .page-template-page-sample-player-php #site-wrapper #site-canvas {
        background: #2A81A1;
    }
}

.profile * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#summary,
#perf {
    background: none;
    position: relative;
}

#summary {
    padding: 250px 0 250px;
    display: block;
}

#summary .img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/profile-bg_01.jpg) no-repeat center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    z-index: 0;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #summary .img {
        display: none;
    }
}

.profile ul {
    padding: 0;
    margin: 0;
}

.profile section {
    width: 100%;
    margin: 0;
}

.profile li {
    list-style: none;
    margin: 0;
}

.profile li span {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
}

#summary {
    color: #ffffff;
    padding: 0 5%;
    padding-top: 70px;
}

.player {
    width: 35%;
    text-align: right;
    float: left;
    margin-top: 220px;
}

.player h1 {
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 25px;
}

.player h1 span {
    display: block;
    font-weight: normal;
}

.player li {
    display: block;
    margin: 6px 0;
    line-height: 1.3;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .player {
        width: 45%;
        margin-top: 75px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .player {
        width: 100%;
        float: none;
        text-align: center;
    }

    .player h1 {
        font-size: 28px;
    }
}

.quick-stats {
    width: 35%;
    float: right;
    margin: 220px 0 0;
}

.quick-stats ul {
    width: 100%;
    padding: 0;
}

.quick-stats ul li {
    padding: 7px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
    font-size: 16px;
    text-transform: uppercase;
    width: 48%;
    float: left;
    color: #ffffff;
}

.quick-stats ul li:nth-child(even) {
    margin-left: 4%;
}

.quick-stats ul li span {
    display: inline-block;
    font-size: 16px;
    width: 45%;
}

.quick-stats ul li span:last-child {
    font-weight: bold;
}

@media (max-width: 1024px) {
    .quick-stats {
        width: 45%;
        margin-top: 75px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .quick-stats {
        width: 100%;
        margin: 20px auto;
    }

    .quick-stats ul li span {
        font-size: 14px;
    }
}

.portrait {
    width: 30%;
    margin: 220px 0;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -15%;
}

.portrait .img-wrap {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    width: 70%;
    height: 70%;
    max-width: 250px;
    max-height: 250px;
}

.portrait img {
    width: 100%;
    height: auto;
}

.portrait .card {
    display: none;
    width: 257px;
    height: 351px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -128px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1024px) {
    .portrait {
        width: 100%;
        margin: 60px 0 0 0;
        position: relative;
        left: 0;
        top: 20px;
        margin-left: 0;
    }

    .portrait img {
        max-width: 180px;
    }

    .portrait .img-wrap {
        max-width: 180px;
        max-height: 180px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .portrait {
        float: left;
        margin: 50px auto 60px auto;
    }

    .portrait .img-wrap {
        max-width: 180px;
        max-height: 180px;
    }
}

.has-card .portrait {
    margin-top: 170px;
}

.has-card .portrait img,
.has-card .portrait .img-wrap {
    border-radius: 0;
    overflow: visible;
}

.has-card .portrait .card {
    display: block;
    width: 257px;
    height: 351px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -128px;
}

.has-card.topps-bowman-card .portrait .card{background: url(https://members.sclafanicollegerecruiting.com/assets/images/bowman-card.png) no-repeat center center;}
.has-card.casv-card .portrait .card{background: url(https://members.sclafanicollegerecruiting.com/assets/images/casv-card.png) no-repeat center center;}

@media (max-width: 1280px) {
    .has-card .portrait .card {
        width: 100%;
        max-width: 320px;
        min-width: 180px;
        background-position: center top;
        background-size: 100% auto;
        margin: -6px auto 6px;
        box-shadow: none;
        left: 0;
        right: 0;
        top: 0;
    }
}

@media (max-width: 1024px) {
    .has-card .portrait {
        margin: 70px auto 50px auto;
    }

    .has-card .portrait .card {
        width: 40%;
        max-width: 180px;
        min-width: 180px;
        background-position: center top;
        background-size: 100% auto;
        margin: -6px auto 6px;
        box-shadow: none;
        left: 0;
        right: 0;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .has-card .portrait {
        margin-top: 30px;
        margin-bottom: 120px;
    }
}

.actions {
    float: left;
    clear: both;
    display: block;
    margin: 40px 0 120px 0;
}

.actions a {
    display: inline-block;
    flex: left;
    background: #3FA6CD;
    color: #ffffff;
    padding: 8px 18px;
    font-size: 16px;
    margin: 0 4px 8px 0;
    text-decoration: none;
}

.actions a:hover {
    text-decoration: none;
    background: #ffffff;
    color: #216680;
}

@media (max-width: 1024px) {
    .actions a {
        font-size: 15px;
        padding: 6px 16px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .actions .actions {
        text-align: center;
    }
}

#perf {
    clear: both;
    margin: 0px auto 50px auto;
    padding: 0 5%;
}

#perf>div {
    margin-bottom: 10px;
}

#perf ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

#perf li {
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 15px 10px 50px 10px;
    background: #ffffff;
    color: #212529;
    text-align: center;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
    font-size: 36px;
    min-height: 130px;
    line-height: 1.2;
    position: relative;
}

#perf li p {
    margin: 0;
    padding: 0;
}

#perf li sup {
    display: none;
}

#perf li.Bats_Switch sup {
    display: inline !important;
}

#perf li.Bats_Switch {
    padding: 20px 10px 40px 10px !important;
}

#perf li.Bats_Switch p {
    font-size: .7em !important;
    margin-bottom: 2px;
}


@media (max-width: 1640px) {
    #perf ul.running li {
        font-size: 32px;
    }
}

@media (max-width: 1440px) {

    #perf li,
    #perf ul.running li {
        font-size: 26px;
    }
}

@media (max-width: 1240px) {
    #perf ul.running li {
        font-size: 22px;
    }
}

@media (max-width: 1140px) {
    #perf ul.running li {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {

    #perf li,
    #perf ul.running li {
        font-size: 30px;
    }

    #perf>div {
        width: 100%;
        float: left;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #perf .cat {
        padding: 15px 15px;
        font-size: 14px;
    }

    #perf li,
    #perf ul.running li {
        font-size: 20px;
        min-height: 10px;
    }

    #perf li.angle:not(span) {
        font-size: 20px;
    }

    #perf li span {
        text-transform: none;
        font-size: 11px;
    }
}

#perf .cat {
    display: block;
    padding: 20px 22px;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin: 0;
    margin-bottom: 0px;
    text-align: left;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 20px;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    border-radius: 5px 5px 0px 0px;
}

#perf .cat .toggle {
    float: right;
    color: #ffffff;
}

#perf .cat .toggle span {
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#perf .cat .toggle span:hover {
    border-bottom: 2px solid #fff;
}

#perf .cat .toggle span.active {
    border-bottom: 2px solid #fff;
    color: #ffffff;
}

#perf li.angle:not(span) {
    font-size: 28px;
}

#perf li:first-child {
    border-radius: 0 0 0 5px;
}

#perf li:last-child {
    border-radius: 0 0 5px 0;
}

#perf .hitting ul {
    display: none;
}

#perf .hitting ul.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#perf .pitching li {
    width: 25%;
}

#perf .pitching li.pitch {
    margin-top: 3px;
    width: 100%;
    align-content: stretch;
    justify-content: center;
    padding-top: 20px;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

#perf .catching li {
    width: 33%;
}

#perf .throwing li,
#perf .position li {
    width: 50%;
}

#perf li span {
    bottom: 15px;
    color: #212529;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    left: 15px;
    margin-top: 25px;
    position: absolute;
    right: 15px;
}

#perf li.pitch span {
    margin-top: 0;
    margin-bottom: 10px;
}

.no-flexbox-legacy #perf ul {
    display: block;
}

.no-flexbox-legacy #perf li {
    width: 20%;
    float: left;
}

.no-flexbox-legacy #perf .cat {
    display: block;
    width: 100%;
}

.no-flexbox-legacy #perf .hitting ul {
    display: none;
}

.no-flexbox-legacy #perf .hitting ul.active {
    display: block;
}

.no-flexbox-legacy #perf .pitching li {
    width: 25%;
}

.no-flexbox-legacy #perf .pitching li.pitch {
    width: 100%;
    clear: both;
}

.no-flexbox-legacy #perf .throwing li,
.no-flexbox-legacy #perf .position li {
    width: 50%;
}

#overall,
#profile {
    background: #fff;
    padding: 40px 5%;
}

#overall header,
#profile header {
    position: relative;
    border-bottom: 1px solid #aaa;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

#overall header ul {
    float: left;
    margin-top: -40px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #overall header ul {
        position: absolute;
        right: 0;
        float: right;
        text-align: right;
    }
}

#overall header ul li {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    line-height: 1.4;
}

#overall header ul li a {
    color: #777;
    outline: none;
}

#overall h2,
#profile h2 {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    color: #3e515b;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    #overall h2,
    #profile h2 {
        text-align: left;
        font-size: 20px;
        width: 50%;
    }
}

.rating {
    width: 48%;
    float: left;
    margin-top: 2%;
}

.rating ul {
    width: 50%;
    float: left;
    margin-top: 5%;
}

.rating ul li {
    font-size: 50px;
    line-height: 1.2;
    margin: 30px 0;
    color: #3e515b;
    font-family: "franklin-gothic-urw-comp", Helvetica, sans-serif;
}

.rating ul li span {
    color: #999;
    letter-spacing: 1px;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
}

.rating figure {
    width: 50%;
    float: left;
    margin-top: 3%;
}

.rating figure svg {
    width: 85%;
    max-width: 300px;
    max-height: 400px;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}

.rating .position.is-pos-1 .pos-1,
.rating .position.is-pos-2 .pos-2,
.rating .position.is-pos-3 .pos-3,
.rating .position.is-pos-4 .pos-4,
.rating .position.is-pos-5 .pos-5,
.rating .position.is-pos-6 .pos-6,
.rating .position.is-pos-7 .pos-7,
.rating .position.is-pos-8 .pos-8,
.rating .position.is-pos-9 .pos-9 {
    fill: #ffffff;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .rating {
        width: 100%;
    }

    .rating figure {
        width: 60%;
    }

    .rating ul {
        width: 40%;
        margin-top: -5px;
    }

    .rating ul li {
        font-size: 34px;
    }
}

.rating .position.is-pos-10 .pos-3,
.rating .position.is-pos-10 .pos-4,
.rating .position.is-pos-10 .pos-5,
.rating .position.is-pos-10 .pos-6 {
    fill: #ffffff;
}

.rating .position.is-pos-11 .pos-7,
.rating .position.is-pos-11 .pos-8,
.rating .position.is-pos-11 .pos-9 {
    fill: #ffffff;
}

.coach {
    width: 50%;
    float: right;
    font-size: 14px;
}

.coach.jspScrollable article {
    padding-right: 25px;
}

.coach .jspTrack {
    background: #d7d7d7;
}

.coach .jspDrag {
    background: #3E5159;
}

.coach pre {
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
}

.coach p {
    font-weight: 100;
    color: #777;
    line-height: 1.4;
}

.coach p strong {
    color: #333;
    display: block;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .coach {
        width: 100%;
    }
}

#profile {
    padding-bottom: 150px;
}

#profile .contact-info {
    width: 25%;
    float: left;
    font-size: 15px;
    color: #777;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#profile .contact-info a {
    color: inherit;
}

#profile .contact-info span {
    display: block;
    width: 100%;
}

#profile span.shield {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

#profile table {
    width: 75%;
    font-size: 15px;
    color: #777;
}

#profile table td {
    width: 25%;
}

#profile table td div {
    width: 100%;
}

#profile table tr:first-child {
    position: relative;
}

#profile table tr td span {
    display: inline-block;
    width: 45%;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #profile {
        padding-bottom: 20px;
    }

    #profile .contact-info {
        width: 100%;
        margin-bottom: 30px;
        line-height: 1.4;
    }

    #profile table {
        width: 100%;
    }

    #profile table tr td {
        padding: 6px 0;
        border-bottom: 1px dotted #ccc;
        line-height: 1.3;
    }

    #profile table tr td span {
        display: block;
        width: 100%;
    }
}

/* Modals */
.tabpanel {
    padding: 1rem;
    font-size: 13px;
    line-height: 1.5;
}

.tabpanel h4 {
    color: #c6191a;
    font-weight: bold;
    font-size: 18px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .tabpanel {
        padding: 20px;
    }
}

.tabpanel th,
.tabpanel td {
    border-bottom: 1px solid #DADADA;
    border-right: 1px dotted #DADADA;
    line-height: 1.2;
    padding: 5px 4px;
}

.tabpanel th:last-child,
.tabpanel td:last-child {
    border-right: none;
}

#profile-key {
    display: none;
}

.tabpanel tr:nth-child(2n+3) td {
    background: #F1F9FC;
}

.class-rating .table {
    float: left;
    width: 35%;
}

.class-rating .table p {
    margin-top: 48px;
    color: #777;
}

.class-rating aside {
    float: right;
    width: 60%;
}

.class-rating aside p,
.class-rating aside li {
    color: #777;
}

.class-rating aside li {
    list-style: square;
    margin-left: 15px;
}

.class-rating aside strong {
    color: #38a6cf;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {

    .class-rating .table,
    .class-rating aside {
        width: 100%;
        float: none;
        clear: left;
    }

    .class-rating .table {
        margin-bottom: 25px;
    }
}

.tabpanel table {
    text-align: center;
    width: 100%;
}

.class-rating table {
    text-align: left;
}

.class-rating tr:first-child td {
    border-top: 1px solid #DADADA;
}

.class-rating td {
    padding: 12px;
    font-size: 16px;
}

.class-rating tr:nth-child(2n+1) td {
    background: #F1F9FC;
}

.tool-grades th {
    color: #ed1c24;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.rating-item {
    display: none;
}

.is-senior #overall .rating ul {
    margin-top: 0px;
}

.is-senior .rating-item {
    display: block;
}

/* DISABLED */
.disabled-msg {
    display: none;
}

/* VIDEO */
.no-vids #videos {
    display: none;
}

.no-vids #perf {
    padding-top: 50px;
}

.profile #videos {
    position: relative;
    background: none;
    top: -60px;
    margin-bottom: -30px;
    padding-bottom: 0;
}

.profile #videos #video-player {
    border-color: #3FA6CD;
    width: 62%;
}


.profile #videos a.play-btn:before,
.profile #videos .vjs-big-play-button:before {
    background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-play-white.svg) 29px center no-repeat;
    background-size: 40px auto;
}

.profile #videos .vjs-custom-skin.vjs-using-native-controls .vjs-control-bar,
.profile #videos .vjs-custom-skin.vjs-controls-disabled .vjs-control-bar {
    display: block;
}

.profile #videos nav#video-playlist {
    min-height: 300px;
    width: 37%;
}

.profile #videos nav#video-playlist.jspScrollable {
    bottom: 0;
    right: 33px;
}

.profile #videos nav#video-playlist.jspScrollable li {
    padding-right: 10px;
}

.profile #videos nav#video-playlist.jspScrollable li a.dl-vid {
    right: 10px;
}

.profile #videos nav#video-playlist li {
    margin: 6px 0;
    padding: 6px 0;
    border-bottom: 1px dotted #3FA6CD;
    line-height: 1.3;
}

.profile #videos nav#video-playlist li a {
    color: #ffffff;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    padding-left: 50px;
    cursor: default;
    opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;
}

.profile #videos nav#video-playlist li a.active {
    color: #000;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.profile #videos nav#video-playlist li a.has-vid {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    padding-right: 40px;
    margin-right: 40px;
    cursor: pointer;
}

.profile #videos nav#video-playlist li a.has-vid:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/vid.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 8px;
    display: block;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
}

.profile #videos nav#video-playlist li a span {
    margin-bottom: 0;
    line-height: 1;
}


.profile #videos nav#video-playlist li a.dl-vid {
    width: 18px;
    height: 18px;
    background: url(https://members.sclafanicollegerecruiting.com/assets/images/dl-vid.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 14px;
    display: block;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    opacity: 0.45 !important;
    filter: alpha(opacity=45) !important;
    padding: 0 !important;
    cursor: pointer;
}


@media (max-width: 1024px) {
    .profile #videos nav#video-playlist {
        text-align: left;
    }

    .profile #videos nav#video-playlist.jspScrollable {
        right: 0px;
    }
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    .profile #videos nav#video-playlist {
        width: 90%;
        margin: 10px 5%;
        clear: both;
        float: left;
    }

    .profile #videos nav#video-playlist ul {
        display: block;
    }

    .profile #videos nav#video-playlist li a {
        padding-left: 10px;
    }

    .profile #videos a.play-btn:before,
    .profile #videos .vjs-big-play-button:before {
        background: transparent url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-play-white.svg) 54% center no-repeat;
        background-size: 20px auto;
    }

    .profile #videos #video-player {
        width: 100%;
    }
}

#site-wrapper .profile .profile-footer {
    background: #ffffff;
    text-align: center;
    position: relative;
    margin: 100px auto 20px auto;
    padding: 0;
}

#site-wrapper .profile .profile-footer img {
    position: absolute;
    left: -12px;
    top: 0;
}

#site-wrapper .profile .profile-footer a {
    color: #c6191a;
    padding: 0 30px;
    border: 2px solid #c6191a;
    line-height: 58px;
    display: inline-block;
    text-decoration: none;
}

#site-wrapper .profile .profile-footer a:hover {
    border-color: #212121;
    color: #212121;
}

#site-wrapper .profile .profile-footer .cta {
    margin-right: 20px;
    margin-left: 0px;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #site-wrapper .profile .profile-footer img {
        display: block;
        position: relative;
        margin: 10px auto 100px auto;
        left: 0;
    }

    #site-wrapper .profile .profile-footer .cta {
        margin: 20px auto;
    }

    #site-wrapper .profile .profile-footer a {
        margin: 30px auto;
        display: block;
    }
}

/* If profile disabled */
.profile.disabled #site-wrapper #site-canvas,
.page-template-page-sample-player-php.disabled #site-wrapper #site-canvas {
    background: #fff;
}

.disabled #site-wrapper header .logo a {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-logo-black.svg);
}

.disabled #site-wrapper header nav#utility-menu #phone-number,
.disabled #site-wrapper header nav#utility-menu #phone-number {
    color: #212121;
}

.disabled #site-wrapper .toggle-nav span {
    color: #212121;
}

.disabled #site-wrapper .toggle-nav i.icon.menu {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-menu-black.svg);
    background-size: 100%;
}

.disabled #site-wrapper .toggle-nav i.icon.close {
    background-image: url(https://members.sclafanicollegerecruiting.com/assets/images/ui-icon-close-black.svg);
    background-size: 100%;
}

.disabled section,
.disabled #summary {
    display: none;
}

.disabled .profile {
    min-height: 80vh;
    padding: 1px 0;
}

.disabled .disabled-msg {
    display: block;
    width: 50%;
    max-width: 350px;
    margin: 300px auto;
    text-align: center;
}

.disabled .disabled-msg i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABKCAMAAAAfd/NfAAAAaVBMVEXtHCT////tHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCTtHCS2AvGQAAAAInRSTlMAAAYQFRYXIC0uO05QcnR1l5mbs7a7vtPa3OXm7vDx/P3+sOTguwAAAbRJREFUeAHV0t9eFCEcQPGNIkMxIhWjjKHz/g/ZBR9dZ2Vm+PO72fMA36tz+iTelZKnerfPPN+eGmomv74AL1qS/AmAFyTNPwCykSMDpSBGWl6zQqSKvBaVDOk450RInTiXtATpeZ8XIE1ekdnMk4F1YZq0XGYnSRW5LKo50vExN0XqVCGTniE9tfwEaTK1shknA/XCMGnZyg6SKrJVVGOkYzvXQVYHujmVbuojNZOeHRI/QJq8S2bTTwZ2SUI3aTkgsZ2kiodkVH2k45DEdZE6NZBJ95CeBhLfQZrcRGbTTgaaSEIzaWkksY2kis1kVG2ko5nENZE6dZBJt5CeDhLfQJrcRWZzTAa6SMIhaekksQekit1kVPuko5vE7ZI6DZBJ75GeARK/Q5pMNfO5ZKiWzTYZGCtskpbR7AapIqNFVScd47kqqRPjJV0jPTP5CvltoV59ovpIa/KJUv/qpfCBvGOSxF6Q6tc0GdWavGeaxK3IL38FyKTfkz8QIPGFrA80RmZzJp+QKbyRd0hlC1kGkimqQt4j1/dC/kauP4VckGsp5CNyPRZSPyzItDzoQgp3HeR/wIdcgm3/98QAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% auto;
    width: 41px;
    height: 37px;
    display: block;
    margin: 0px auto 50px;
}

.disabled .disabled-msg h3 {
    color: #212121;
    margin-bottom: 40px;
}

.disabled .disabled-msg h3 span {
    display: block;
}

.disabled .disabled-msg p {
    color: #777;
    font-size: 16px;
    line-height: 1.7;
}

/* HELPERS */
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

#TOPlusVideoOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}

#TOPLUSunavailable,
#TOPLUSenroll {
    position: absolute;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    line-height: 1.2;
    width: 100%;
    opacity: .25;
    filter: alpha(opacity=25);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TOPLUSunavailable {
    font-size: 4em;
    top: 1em;
    left: 0;
}

#TOPLUSenroll {
    font-size: 2em;
    bottom: 1em;
    left: 0;
}

#TOEvalOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    color: #000;
    margin-top: 100px;
    text-align: center;
    font-size: 100px;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    line-height: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TOEvalContact {
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    font-family: "franklin-gothic-urw", Helvetica, sans-serif;
    line-height: 1.2;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sampleeval {
    opacity: .5;
    filter: alpha(opacity=50);
}

.overall h3 {
    margin-top: 12px;
}

fieldset.odd,
fieldset.even {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

fieldset.odd legend,
fieldset.even legend {
    border: 0;
    padding: 0;
}

.LittleLeagueTour {
    font-size: 14px !important;
}

.LittleLeagueTour .logo {
    text-align: center;
}

.LittleLeagueTour fieldset td{
     vertical-align:top
}

table.LLSpeeds td {
    vertical-align: middle !important;
}

div.LLBSCOverall {
    width: 700px;
    margin: auto auto 5px auto;
}

.LLTourRating {
    color: #8B0000;
}

.LLContainer::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.LLContainer .measurableHeader,
.LLContainer .measurableRating {
    float: left;
    width: 180px;
    width: 10vw;
}

.LLContainer .measurableHeader {
    font-weight: bold;
}

article .LL-Event {
    text-align: center;
}

#site-wrapper header .logo a.ll-logo {
    margin-left: 20px;
    height: 66px !important;
    width: 76px !important;
    background-image: url(/assets/images/llws.svg) !important;
    -webkit-background-size: 76px 66px !important;
    -moz-background-size: 76px 66px !important;
    -o-background-size: 76px 66px !important;
    background-size: 76px 66px !important;
}

body.has-ll #site-wrapper header .logo a {
    display: inline-block !important;
}

.profile li span {
    font-size: 14px;
}

#perf li span>em {
    text-transform: lowercase;
    font-weight: bold;
    line-height: 2;
    color: #212529;
    display: block;
}

#perf div.flex-row {
    display: flex;
    justify-content: space-between;
}

#perf div.flex-row>div {
    flex: 0 1 49%;
}

#perf div.flex-row>div>div {
    margin-bottom: 10px;
}

#perf div.flex-row.throwing-positions {
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#perf div.flex-row.throwing-positions>div.position {
    flex: 1 1 30%;
    max-width: 30%;
}

#perf div.flex-row.throwing-positions>div.throwing {
    flex: 1 1 40%;
}

#perf div.flex-row li {
    margin-bottom: 0px;
}

#perf div.pitching .cat {
    /*min-height: 78.667px;*/
    background: rgba(0, 0, 0, 0.35);
}

#perf div.pitching .flex-row>div {
    flex: 0 1 50%;
}

#perf div.pitching>div.pt-bottom>ul {
    justify-content: flex-start;
}

#perf div.pitching>div.pt-bottom>ul li {
    flex: 0 0 25%;
}

#perf div.catching .cat {
    background-color: rgba(0, 0, 0, 0.35);
    color: #ffffff;
}

#perf div.catching li {
    background-color: #ffffff;
    color: #212529;
}

#perf div.catching li span {
    color: #212529;
}

#perf .running .cat {
    background-color: rgba(255, 67, 67, 1);
    color: #212529;
}

#perf .running li {
    background-color: #ffffff;
    color: #212529;
}

#perf .running li span,
#perf .running li span>em {
    color: #212529;
}

#perf .hitting .cat {
    background-color: #212529;
    color: #ffffff;
}

#perf .hitting li {
    background-color: #ffffff;
    color: #212529;
}

#perf .hitting li span,
#perf .hitting li span>em {
    color: #212529;
}

#perf .throwing .cat,
#perf .position .cat {
    background-color: rgba(240, 230, 140, 1);
    color: #212529;
}

#perf .throwing li,
#perf .position li {
    background-color: #ffffff;
    color: #212529;
}

#perf .throwing li span,
#perf .throwing li span>em,
#perf .position li span,
#perf .position li span>em {
    color: #212529;
}

#perf .strength .cat {
    background-color: rgba(166, 166, 166, 1);
    color: #212529;
}

#perf .strength li {
    background-color: #ffffff;
    color: #212529;
}

#perf .strength li span,
#perf .strength li span>em {
    color: #212529;
}

#perf .hitting ul,
#perf .running ul {
    display: flex;
    flex-wrap: wrap
}

#perf .running ul li {
    width: 16.66%;
}

#perf .strength li,
#perf .hitting ul li {
    width: 20%;
}

#perf .position {
    margin-left: 2px;
}

#perf img.pocket-radar-logo {
    height: 40px;
    width: auto;
    float: right;
    margin-top: -12px;
}

a.info-tip,
a.info-tip:hover,
a.info-tip:active {
    display: inline-block;
    margin-left: 5px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff !important;
    background-color: rgba(0, 90, 131, 1) !important;
    width: 16px;
    height: 16px;
    padding: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

a.info-tip:before {
    content: "\2139\FE0E";
    line-height: 1;
    text-align: center;
}

#perf li a.info-tip {
    position: absolute;
    bottom: 20px;
    right: 5px;
}

a.show-grade-scale.tooltipster-content {
    text-decoration: underline;
    font-weight: bold;
    padding: 0;
}

#perf .diamond-kinetics li {
    width: 33%;
    background-color: #ffffff;
    color: #212529;
}

#perf .diamond-kinetics img.swingtracker {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
}

#perf .diamond-kinetics img.dk-logo-cat {
    float: right;
    width: 150px;
    height: auto;
}

#perf .diamond-kinetics img.dk-logo {
    display: block;
    width: 40px;
    height: auto;
    margin: 0 auto;
}

#perf .diamond-kinetics a.dk-learn-more {
    color: #212529;
    font-weight: bold;
    text-decoration: underline;
}

#perf .diamond-kinetics .cat {
    background-color: rgba(122, 235, 122, 1);
}

#perf .diamond-kinetics .cat,
#perf .diamond-kinetics li span,
#perf .diamond-kinetics li span>em {
    color: #212529;
}

@media (max-width: 1400px) {
    #TOEvalOverlay {
        font-size: 70px;
    }

    #perf div.pitching .flex-row>div:first-child {
        margin-right: 0;
    }

    #perf .running ul li,
    #perf .strength li,
    #perf .hitting ul li {
        width: 33.3%;
    }

    #perf div.flex-row.throwing-positions>div.position {
        max-width: 40%;
    }

    #perf .diamond-kinetics img.dk-logo-cat {
        width: 80px;
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    #TOPLUSunavailable {
        font-size: 1.5em;
    }

    #TOPLUSenroll {
        font-size: 1.5em;
    }

    .LLContainer .measurableHeader,
    .LLContainer .measurableRating {
        float: left;
        width: 20%;
        width: 20vw;
    }

    #perf div.flex-row {
        flex-wrap: wrap;
    }

    #perf div.flex-row>div {
        flex: 0 0 100%;
    }

    #perf div.flex-row.throwing-positions>div.position {
        flex-grow: 1;
        max-width: 50%;
    }

    #perf div.flex-row.dk {
        flex-direction: column-reverse;
    }

    #perf .diamond-kinetics img.dk-logo-cat {
        width: 120px;
    }
}

@media (max-width: 767px) {
    #TOPLUSunavailable {
        font-size: 1em;
        top: 0;
    }

    #TOPLUSenroll {
        font-size: 1em;
        bottom: 0;
    }

    #TOEvalOverlay {
        font-size: 60px;
    }

    .LLContainer .measurableHeader,
    .LLContainer .measurableRating {
        float: left;
        width: 40%;
        width: 40vw;
    }

    .profile li span {
        font-size: 12px;
    }

    #perf div.flex-row.throwing-positions {
        flex-wrap: wrap;
    }

    #perf div.flex-row.throwing-positions>div.position {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }

    #perf div.flex-row.throwing-positions>div.throwing {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    #perf .diamond-kinetics img.swingtracker {
        margin-left: 0;
    }

    #perf div.pitching>div.pt-bottom>ul li {
        flex: 0 0 50%;
    }

    #perf .running ul li,
    #perf .strength li,
    #perf .hitting ul li {
        width: 50%;
    }

    #perf .diamond-kinetics img.dk-logo-cat {
        display: none;
    }
}

#perf li strong.HasImprovement {
    color: #60bb46 !important;
    display: inline-block !important;
    font-size: .65em;
    font-weight: bold;
    line-height: 0;
    margin-left: 10px;
    cursor: help;
}

#perf li.Bats_Switch p,
#perf li.Bats_Left p,
#perf li.Bats_Right p {
    font-size: .9em;
}

#perf li.Bats_Switch strong.HasImprovement {
    position: absolute;
    right: 5px;
    top: 50%;
}

@media (max-width: 767px),
(-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
    #perf li.Bats_Switch strong.HasImprovement {
        position: static;
    }

    #site-wrapper header .logo a.ll-logo {
        height: 33px !important;
        width: 29px !important;
        -webkit-background-size: 29px 33px !important;
        -moz-background-size: 29px 33px !important;
        -o-background-size: 29px 33px !important;
        background-size: 29px 33px !important;
    }

    #perf .diamond-kinetics li {
        width: 50%;
    }
}

#perf li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 15px;
}

#perf li span {
    position: relative;
    left: 0;
    right: 0;
}

section#videos nav#video-playlist {
    height: 464px !important;
    overflow-y: scroll;
}

#perf .flex-row .diamond-kinetics li:first-child {
    border-radius: 0 0 0 0;
}

#perf .flex-row .diamond-kinetics li:nth-child(7) {
    border-radius: 0 0 0 5px;
}

#perf .flex-row .running,
#perf .flex-row .throwing-positions {
    margin-bottom: 20px;
}

.modal-user-wrap p.disclaimer {
    bottom: 0;
    position: relative;
}

#perf .pitching li:first-child,
#perf .pitching li:last-child {
    border-radius: 0 0 0 0;
}

#perf .pitching .pt-bottom .flex-row:last-of-type {
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}

#perf .pitching .pt-bottom .flex-row:last-of-type .dark li:first-child {
    border-radius: 0 0 0 5px;
}

#perf .pitching .pt-bottom .flex-row:last-of-type .light li:last-child {
    border-radius: 0 0 5px 0;
}

#perf .pitching .pt-top,
#perf .pitching .pt-bottom .flex-row:first-of-type {
    border-bottom: 1px solid #dee2e6;
}

#perf .dk .diamond-kinetics li:nth-of-type(1),
#perf .dk .diamond-kinetics li:nth-of-type(2),
#perf .dk .diamond-kinetics li:nth-of-type(3),
#perf .dk .diamond-kinetics li:nth-of-type(4),
#perf .dk .diamond-kinetics li:nth-of-type(5),
#perf .dk .diamond-kinetics li:nth-of-type(6) {
    border-bottom: 1px solid #dee2e6;
}

/* Metric Colors */
.drk-yellow {
    background-color: rgba(240, 230, 140, 1);
}

.lt-yellow {
    background-color: rgba(250, 250, 210, 1);
}

.drk-red {
    background-color: rgba(255, 67, 67, 1);
}

.lt-red {
    background-color: rgba(255, 112, 112, 1);
}

.drk-grey {
    background-color: rgba(166, 166, 166, 1);
}

.lt-grey {
    background-color: rgba(191, 191, 191, 1);
}

.blk {
    background-color: rgba(0, 0, 0, 1);
}

.lt-blk {
    background-color: rgba(105, 105, 105, 1);
}

.drk-blue {
    background-color: rgba(0, 90, 131, 1);
}

.lt-blue {
    background-color: rgba(5, 115, 156, 1);
}

.dk-green {
    background-color: rgba(122, 235, 122, 1);
}

.dk-white {
    background-color: rgba(255, 255, 255, 1);
}

/* Grid */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

/* Modal Button (open modal) */
button.btn {
    font-family: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
}

button.btn:hover {
    text-decoration: none;
}

button.btn-modal {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #212529;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    padding: 0.375rem 0.75rem;
    text-align: center;
    transition:
        color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

button.btn-modal {
    background-color: #C6191A;
    border-color: #b21f2d;
    color: #ffffff;
    font-weight: bold;
    max-width: 5.375rem;
}

button.btn-modal:hover {
    background-color: #c82333;
    border-color: #C6191A;
    color: #ffffff;
}

.diamond-kinetics button.btn-modal {
    background-color: #212529;
    border-color: #000000;
    color: #60bb46;
}

.diamond-kinetics button.btn-modal:hover {
    background-color: #000000;
    border-color: #212529;
}

button.btn-modal:disabled,
.diamond-kinetics button.btn-modal:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
    cursor: not-allowed;
}

/* The Modal (background) */
.fade {
    transition: opacity .15s linear;
}

.modal {
    /* Fallback color */
    background-color: rgb(0, 0, 0);
    /* Black w/ opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* Blur the background */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* Hidden by default */
    display: none;
    /* Full height */
    height: 100%;
    /* Start from top left */
    left: 0;
    top: 0;
    /* Enable scroll if needed */
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    /* Stay in place */
    position: fixed;
    /* Full width */
    width: 100%;
    /* Sit on top */
    z-index: 1050;
}

/* Modal Dialog */
.modal-dialog {
    margin: 1rem 1rem 1rem 2.46rem;
    max-width: 80%;
    pointer-events: none;
    position: relative;
    width: auto;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* Modal Dialog Centered */
.modal-dialog-centered {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100% - 3.5rem);
}

/* Modal Content */
.modal-content {
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%;
}

/* Modal Header */
.modal-header {
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
}

.modal-header.drk-yellow {
    border-bottom: 1px solid rgba(240, 230, 140, 2);
}

.modal-header.drk-red {
    border-bottom: 1px solid rgba(255, 67, 67, 2);
}

.modal-header.drk-grey {
    border-bottom: 1px solid rgba(166, 166, 166, 2);
}

.modal-header.blk {
    border-bottom: 1px solid rgba(0, 0, 0, 2);
    color: #ffffff;
}

.modal-header.drk-blue {
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    color: #ffffff;
}

.modal-header h5 {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0;
}

#metricModal12 .modal-header h5,
#metricModal14 .modal-header h5 {
    color: #ffffff;
}

.modal-header .modal-title {
    line-height: 1.5;
    margin-bottom: 0;
}

.modal-header.dk-green .modal-title {
    width: 90%;
}

.modal-header .modal-title img.swingtracker {
    display: block;
    height: auto;
    width: 100%;
    max-width: 300px;
}

.modal-header .modal-title img.dk-logo-cat {
    float: right;
    height: auto;
    width: 150px;
}

/* The Close Button */
.modal-header .close {
    color: #C6191A;
    display: block;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    height: 28px;
    width: 28px;
}

.modal-header .close:hover,
.modal-header .close:focus {
    color: #ffffff;
    text-decoration: none;
}

.modal-header button.close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: black;
    border: none;
    border-radius: 50%;
    padding: 0;
    margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-header button.close span {
    display: block;
    margin-top: -0.3rem;
}

[type=button]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

/* Modal Body */
.modal-body {
    background-color: rgba(255, 255, 255, 1);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    position: relative;
}

.modal-body .col.modal-user-wrap {
    flex-basis: 120px;
    padding-left: 0;
    padding-right: 0;
}

.modal-user-wrap p a.show-grade-scale {
    color: #c82333;
}

.modal-user-wrap p a.show-grade-scale:hover {
    color: #212529;
}

/* Modal Card */
.modal-body .card {
    background-color: #ffffff;
    background-clip: border-box;
    border: 0;
    border-radius: calc(0.25rem - 1px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-block-start: 0;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
}

.modal-body .card-header {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0;
    padding: 0.75rem 1.25rem;
}

.modal-body .card-header.drk-yellow {
    border-bottom: 1px solid rgba(240, 230, 140, 2);
}

.modal-body .card-header.drk-red {
    border-bottom: 1px solid rgba(255, 67, 67, 1);
}

.modal-body .card-header.drk-grey {
    border-bottom: 1px solid rgba(166, 166, 166, 2);
}

.modal-body .card-header.blk {
    border-bottom: 1px solid rgba(0, 0, 0, 2);
    color: #ffffff;
}

.modal-body .card-header.drk-blue {
    border-bottom: 1px solid rgba(0, 90, 131, 1);
    color: #ffffff;
}

.modal-body .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.modal-body .card-header h6 {
    display: block;
    font-size: 1rem;
    margin-top: 0;
}

#metricModal12 .modal-body .card-header h6,
#metricModal14 .modal-body .card-header h6 {
    color: #ffffff;
}

.modal-body .card-header .card-title {
    line-height: 1.5;
    margin-bottom: 0;
}

.modal-body .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
    text-align: center;
}

.modal-body .card-body p {
    display: block;
    font-size: 2.25rem;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#metricModal12 .modal-body .card-body p,
#metricModal14 .modal-body .card-body p,
#gradeModalMiddle4 .modal-body .card-body p,
#gradeModalHigh4 .modal-body .card-body p,
#gradeModalMiddle5 .modal-body .card-body p,
#gradeModalHigh5 .modal-body .card-body p,
#gradeModalMiddle6 .modal-body .card-body p,
#gradeModalHigh6 .modal-body .card-body p,
#gradeModalMiddle7 .modal-body .card-body p,
#gradeModalHigh7 .modal-body .card-body p,
#gradeModalMiddle8 .modal-body .card-body p,
#gradeModalHigh8 .modal-body .card-body p,
#gradeModalMiddle9 .modal-body .card-body p,
#gradeModalHigh9 .modal-body .card-body p,
#gradeModalMiddle10 .modal-body .card-body p,
#gradeModalHigh10 .modal-body .card-body p,
#gradeModalMiddle11 .modal-body .card-body p,
#gradeModalHigh11 .modal-body .card-body p,
#gradeModalMiddle12 .modal-body .card-body p,
#gradeModalHigh12 .modal-body .card-body p,
#gradeModalMiddle13 .modal-body .card-body p,
#gradeModalHigh13 .modal-body .card-body p,
#gradeModalMiddle14 .modal-body .card-body p,
#gradeModalHigh14 .modal-body .card-body p,
#gradeModalMiddle15 .modal-body .card-body p,
#gradeModalHigh15 .modal-body .card-body p,
#gradeModalMiddle16 .modal-body .card-body p,
#gradeModalHigh16 .modal-body .card-body p {
    color: #ffffff;
}

/* Modal Table */
.modal-body .col.modal-table-wrap {
    flex-basis: 120px;
    padding-left: 0;
    padding-right: 0;
}

.modal-user-wrap p,
.modal-table-wrap p {
    font-size: 1rem;
    line-height: 1.5;
    margin-block-start: 0;
    margin-block-end: 1rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin: 0;
    margin-bottom: 1rem;
}

.modal-table {
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
    border-top-color: gray;
    color: #212529;
    display: table;
    font-size: 1rem;
    margin-bottom: 0;
    width: 100%;
}

.modal-table caption {
    caption-side: bottom;
    color: #333333;
    display: table-caption;
    padding-top: 0.75rem;
    padding-bottom: 0;
    text-align: left;
}

.modal-table thead {
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: inherit;
    border-left-color: inherit;
    display: table-header-group;
    vertical-align: middle;
}

.modal-table thead tr th:not(:first-of-type) {
    text-align: center;
}

.modal-table.hide-max thead tr th:nth-child(3), .modal-table.hide-max tbody tr td:nth-child(3) {
    display: none;
}

.modal-table tr {
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: inherit;
    border-left-color: inherit;
    display: table-row;
    vertical-align: inherit;
}

.modal-table td,
.modal-table th {
    display: table-cell;
    vertical-align: inherit;
}

.modal-table th {
    font-weight: bold;
    text-align: inherit;
}

.modal-table td,
.modal-table th {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
    vertical-align: inherit;
}

.modal-body.lt-yellow .modal-table td,
.modal-body.lt-yellow .modal-table th {
    border-top: 1px solid rgba(240, 230, 140, 0.4);
}

.modal-body.lt-red .modal-table td,
.modal-body.lt-red .modal-table th {
    border-top: 1px solid rgba(255, 67, 67, 1);
}

.modal-table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom;
}

.modal-body.lt-yellow .modal-table thead th {
    border-bottom: 2px solid rgba(240, 230, 140, 0.4);
}

.modal-body.lt-red .modal-table thead th {
    border-bottom: 2px solid rgba(255, 67, 67, 1);
}

.modal-table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: inherit;
    border-left-color: inherit;
}

.modal-table.modal-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.modal-table tbody tr td {
    text-align: center;
}

/* Modal Footer */
.modal-footer {
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.modal-footer.lt-yellow {
    border-top: 1px solid rgba(240, 230, 140, 0.4);
}

.modal-footer.lt-red {
    border-top: 1px solid rgba(255, 67, 67, 0.4);
}

.modal-footer.lt-grey {
    border-top: 1px solid rgba(191, 191, 191, 0.4);
}

.modal-footer.lt-blk {
    border-top: 1px solid rgba(105, 105, 105, 0.4);
}

.modal-footer.lt-blue {
    border-top: 1px solid rgba(5, 115, 156, 1);
}

.modal-footer p {
    font-size: 1rem;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

#metricModal12 .modal-footer p,
#metricModal14 .modal-footer p {
    color: #ffffff;
}

#perf div.flex-row li {
    min-height: 215px;
}

#perf div.flex-row.casv li{min-height:auto}

/* Diamond Kinetics Non-Table Data */
section#rangeMetrics {
    padding: 0;
}

section#rangeMetrics h6 {
    border-bottom: 2px solid #dee2e6;
    color: #212529;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px #60bb46;
}

section#rangeMetrics .list-group {
    display: inline-block;
    padding-top: 0.5rem;
}

section#rangeMetrics .list-group:first-of-type {
    padding-left: 0.75rem;
    padding-right: 1.75rem;
}

section#rangeMetrics .list-group .list-group-item span.arrow-right {
    color: #60bb46;
    display: inline;
    font-size: 20px;
}

#dkMetric5 section#rangeMetrics h6 {
    font-size: 24px;
}

#dkMetric5 section#rangeMetrics p,
#dkMetric6 section#rangeMetrics p {
    color: #333333;
    margin-bottom: 0;
}

#dkMetric6 section#rangeMetrics p {
    font-size: 0.875rem;
}

#dkMetric5 section#rangeMetrics .list-group:first-of-type,
#dkMetric6 section#rangeMetrics .list-group:first-of-type {
    padding-left: 0;
    padding-right: 0;
}

#dkMetric5 section#rangeMetrics .list-group .list-group-item:last-of-type strong {
    padding-right: 7px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        opacity: 0;
        top: -300px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

@keyframes animatetop {
    from {
        opacity: 0;
        top: -300px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

#gradeModalMiddle table tbody tr:nth-of-type(1) td:nth-of-type(3),
#gradeModalHigh table tbody tr:nth-of-type(1) td:nth-of-type(3),
#gradeModalMiddle table tbody tr:nth-of-type(2) td:nth-of-type(3),
#gradeModalHigh table tbody tr:nth-of-type(2) td:nth-of-type(3) {
    background-color: #eaf6fa;
}

#gradeModalMiddle table tbody tr:nth-of-type(3) td:nth-of-type(3),
#gradeModalHigh table tbody tr:nth-of-type(3) td:nth-of-type(3),
#gradeModalMiddle table tbody tr:nth-of-type(4) td:nth-of-type(3),
#gradeModalHigh table tbody tr:nth-of-type(4) td:nth-of-type(3) {
    background-color: #c1e3f0;
}

/* Media Queries */
/* Old devices (iPhone 6/7/8, 375px - 413px) */
@media (min-width: 375px) and (max-width: 413px) {
    .modal-dialog {
        margin: 1rem 1rem 1rem 1rem;
        max-width: 100%;
    }

    .modal-header h5 {
        font-size: 1.2rem;
    }

    .modal-body .col.modal-user-wrap {
        flex-basis: 200px;
        padding-left: 0;
        padding-right: 0;
    }

    .modal-body .col.modal-table-wrap {
        flex-basis: 200px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Old devices (iPhone 6/7/8 Plus, 414px - 575px) */
@media (min-width: 414px) and (max-width: 575px) {
    .modal-dialog {
        margin: 1rem 1rem 1rem 1rem;
        max-width: 100%;
    }

    .modal-header h5 {
        font-size: 1.2rem;
    }

    .modal-body .col.modal-user-wrap {
        flex-basis: 220px;
        padding-left: 0;
        padding-right: 0;
    }

    .modal-body .col.modal-table-wrap {
        flex-basis: 220px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .modal-dialog {
        margin: 1rem 1rem 1rem 1rem;
        max-width: 100%;
    }

    .modal-header h5 {
        font-size: 1.2rem;
    }

    .modal-body .col.modal-user-wrap {
        flex-basis: 0;
        padding-left: 0;
        padding-right: 15px;
    }

    .modal-body .col.modal-table-wrap {
        flex-basis: 0;
        padding-left: 15px;
        padding-right: 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .modal-dialog {
        margin: 1rem 1rem 1rem 5.3rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .modal-dialog {
        margin: 1rem 1rem 1rem 6.8rem;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .modal-dialog {
        margin: 1rem auto;
        max-width: 46%;
    }
}