.heading-light {
    font-weight: 100;
    font-family: Garamond;
}

.heading-normal{
    font-weight: medium;
    font-family: Garamond;
}

.image-blue-box {
    transition-timing-function: ease;
    box-shadow: 20px 20px 0px #143256;
    margin-bottom: 0%!important;
}

.card-white-static {
    box-shadow: 0px 0px 10px #0000001f;
    width: 80%;
    padding: 5%;
    text-align: left;
    margin: 5%;
    height: 25vh;
    display: inline-block;
    overflow:auto;
}

.card-white {
    box-shadow: 0px 0px 10px #0000001f;
    width: 80%;
    padding: 5%;
    text-align: left;
    margin: 5%;
    height: 25vh;
    display: inline-block;
    overflow:auto;
}

.card-white:hover {
    box-shadow: 0px 0px 10px #0000000d;
    width: 82%;
    padding: 5%;
    text-align: left;
    margin: 4%;
    height: 25vh;
    display: inline-block;
    overflow:auto;
}

.Text-block-light {
    letter-spacing: 0.0767yy4;
    font-weight: lighter;
}

.Text-block {
    letter-spacing: 0.05em;
}

.Text-block-bold {
    letter-spacing: 0.02em;
    font-weight: bold;
}

.Text-block-bolder {
    letter-spacing: 0.02em;
    font-weight: 900;
}

.secondary-button {
    margin-top: 3vh;
    background-color: #143256;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
}

.secondary-button:hover {
    margin-top: 3vh;
    background-color: #ffffff;
    color: #143256;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

.secondary-button-no-margin {
    font-family: Century Gothic !important;
    font-weight: 600 !important;
    background-color: #143256;
    color: #ffffff !important;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.secondary-button-no-margin:hover {
    background-color: #ffffff;
    color: #143256 !important;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none !important;
}

.tertiary-button {
    margin-top: 3vh;
    background-color: #ffffff;
    color: #143256;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
}

.tertiary-button:hover {
    margin-top: 3vh;
    background-color: #143256;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

#global_nav_conversations_link {
    display: none;
}

#section-tabs .conferences {
display: none;
}

.image-shadow {
    box-shadow: 0px 0px 10px #0000001f;
    transition: all 0.25s ease;
}

.image-shadow:hover {
    box-shadow: 0px 0px 12px #0000000d;
    opacity: 0.75;
}

/*SHARED CONTENT*/

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none !important;
}

.wrapper{
    width: 100%;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.baseline {
    border-top: solid #ffffff;
    width: 5%;
}

.vlb {
    background: #1b75bc;
    height: 25vh;
    width: 0.1vh;
    border-radius: 0.1vh;
    margin-left: auto;
    margin-right: auto;
}

.vlb10 {
    background: #1b75bc;
    height: 10vh;
    width: 0.1vh;
    border-radius: 0.1vh;
    margin-left: auto;
    margin-right: auto;
}

.vln {
    background: #004168;
    height: 25vh;
    width: 0.1vh;
    border-radius: 0.1vh;
    margin-left: auto;
    margin-right: auto;
}

.vln10 {
    background: #004168;
    height: 10vh;
    width: 0.1vh;
    border-radius: 0.1vh;
    margin-left: auto;
    margin-right: auto;
}

/*HWB BUTTONS*/

.section-icon {
    opacity: 1;
    border: solid 0.2rem #143256;
    border-radius: 100%;
}
  
.section-icon:hover {
    transition: 0.25s ease;
    border: solid 0.2rem #dc001e;
    border-radius: 100%;
}
  
.library-icon {
    opacity: 1;
    border: solid 0.2rem #143256;
    border-radius: 100%;
}

.library-icon:hover {
    transition: 0.25s ease;
    border: solid 0.2rem #90d5ac;
    border-radius: 100%;
}

.menu-button {
    margin: 3vh;
    background-color: #143256;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1em;
    font-family: Dubai;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.menu-button:hover {
    margin: 3vh;
    background-color: #ffffff;
    color: #143256;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
}

.inverted-button {
    margin: 3vh;
    background-color: #ffffff;
    color: #143256;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    text-align: center;
    font-size: 1em;
    font-family: Dubai;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.inverted-button:visited {
    margin: 3vh;
    background-color: #143256;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    text-align: center;
}

.inverted-button:hover {
    margin: 3vh;
    background-color: #143256;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #143256;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    text-align: center;
}

.module-button {
    margin: 3vh;
    background-color: #fedd00;
    color: #143256;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #fedd00;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1em;
    font-family: Dubai;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.module-button:hover {
    margin: 3vh;
    background-color: #ffffff;
    color: #143256;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
}

.active-button {
    margin: 3vh;
    background-color: #90d5ac;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #90d5ad;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;    
    font-size: 1em;
    font-family: Dubai;
    font-weight: bold;
    text-transform: uppercase; 
}

.inactive-button {
    margin: 3vh;
    background-color: #bbbbbb;
    color: #666666;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #bbbbbb;
    border-radius: 0.5rem;
    display:inline-block;
    vertical-align: middle;
    text-align: center;    
    font-size: 1em;
    font-family: Dubai;
    font-weight: bold;
    text-transform: uppercase; 
}

/*HWB BANNERS*/

.main-course-title {
    background-color: #143256;
    color: #ffffff;
    vertical-align: middle;
    padding: 1em;
    font-size: 3em;
    font-family: Garamond;
    font-weight: bold;
    background-image: url('https://weyeducation.instructure.com/courses/7585/files/11933446/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.main-section-title {
    background: linear-gradient(130deg, rgba(20,50,86,1) 15%, rgba(32,80,148,1) 60%, rgba(255,255,255,1) 60%);
    color: #ffffff;
    vertical-align: middle;
    padding: 1em;
    font-size: 2.5em;
    font-family: Garamond;
    font-weight: bold;
}

.section-subtitle {
    background: linear-gradient(170deg, rgba(240,246,255,1) 50%, rgba(162,192,227,1) 100%);
    color: #143256;
    vertical-align: middle;
    padding: 1em;
    font-size: 2em;
    font-family: Dubai;
    font-weight: bold;
    /*border-radius: 0.3em;*/
} 

/*I + LD + OP BANNERS*/

.stin-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12020958/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.box-banner {
    background-color: #004168;
    color: #ffffff;
    padding: 5vh;
    margin: 10vh 0vh;
    border-radius: 1vh;
    z-index: 0;
    height: 6vh;
    position: relative;
    vertical-align: middle;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.content-float{
    position:absolute;
    z-index: 2;
    max-width: 80vh;
    top:-75%;
    right: 0;
}

.content-float img{
    width: 100%;
}

.centre {
    display: block; 
    margin-left: auto; 
    margin-right: auto;    
}

.img-shadow {
    box-shadow: 0vh 0vh 1vh #0000001f;
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    border-radius: 1vh;
}

.button-shadow {
    box-shadow: 0vh 0vh 1vh #0000001f;
    transition: all 0.25s ease;
    border-radius: 1vh;
}

.button-shadow:hover {
    box-shadow: 0vh 0vh 1vh #0000000d;
    opacity: 0.75;
    border-radius: 1vh;
}

.tracker-button:hover {
    transition: all 0.25s ease;
    opacity: 0.75;
}
        
.fiona-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019877/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.bus-banner {
    background-color: #b1b6bf;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019869/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.edu-banner {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12340927/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.ops-banner {
    background-color: #b1b6bf;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/12820/files/15253966/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.title-navy {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019875/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.title-blue {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019873/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.title-grey {
    background-color: #b1b6bf;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019874/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.quote-box {
    background-color: #fafafa;
    vertical-align: middle;
    padding: 2vh 7vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
}

.tracker-box {
    background-color: #fafafa;
    vertical-align: middle;
    padding: 1vh 7vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
}

.white-box {
    background-color: #fafafa;
    vertical-align: middle;
    padding: 7vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
}

.navy-box {
    background-color: #004168;
    vertical-align: middle;
    padding: 7vh 7vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
}

.navy-footer {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019886/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    border-radius: 1vh;
}

.blue-footer {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12340931/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    border-radius: 1vh;
}

.grey-footer {
    background-color: #b1b6bf;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/4984/files/12019885/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    border-radius: 1vh;
}

/*STIN BUTTONS*/

.induction-button-navy {
    margin: 1vh 0vh;
    background-color: #004168;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #004168;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-navy:hover {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #004168;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-blue {
    margin: 1vh 0vh;
    background-color: #1b75bc;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #1b75bc;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-blue:hover {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #1b75bc;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-grey {
    margin: 1vh 0vh;
    background-color: #8d8c8e;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #8d8c8e;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}
    
.induction-button-grey:hover {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #8d8c8e;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-white {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #1b75bc;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #1b75bc;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-white:hover {
    margin: 1vh 0vh;
    background-color: #1b75bc;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-list {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #8d8c8e;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #8d8c8e;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-list:hover {
    margin: 1vh 0vh;
    background-color: #8d8c8e;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-list:visited {
    margin: 1vh 0vh;
    background-color: #fff;
    color: #30aa82;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #30aa82;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-menu {
    margin: 0vh;
    background-color: #fff;
    color: #004168;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #004168;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-menu:hover {
    margin: 0vh;
    background-color: #004168;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-module {
    margin: 0vh;
    background-color: #004168;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #004168;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-module:hover {
    margin: 0vh;
    background-color: #fff;
    color: #004168;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.induction-button-next {
    margin: 0vh;
    background-color: #d9a957;
    color: #fff;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border: solid 0.125rem #d9a957;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5vh;
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase; 
    transition: all 0.25s ease;
}

.induction-button-next:hover {
    margin: 0vh;
    background-color: #fff;
    color: #d9a957;
    letter-spacing: 0.02em;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

/*STIN RESPONSIVE*/

.base-content-menubox {
    flex-wrap: wrap;
    display: flex !important;
    position: relative;
    background-color: #fafafa;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
    justify-content: center;
}

.base-button-weeks {
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    margin: 1vh;
    box-shadow: 0vh 0vh 1vh #0000001f;
    transition: all 0.25s ease;
    border-radius: 1vh;
}

.base-button-weeks:hover {
    box-shadow: 0vh 0vh 1vh #0000000d;
    opacity: 0.75;
    transition: all 0.25s ease;
    transform: scale(1.05);
}

.base-button-weeks img {
    width: 100% !important;
}

/*STIN STYLES*/

.p-front {
    color: #fff;
    font-size: 5vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.p-banner {
    color: #fff;
    font-size: 3.5vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.p-title {
    color: #000;
    font-size: 3vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.p-title-w {
    color: #fff;
    font-size: 2.5vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.p-text {
    color: #000;
    font-size: 2vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: normal;
}

.p-quote {
    color: #000;
    font-size: 2.25vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: normal;
    text-align: center;
}

.p-text-w {
    color: #fff;
    font-size: 2vh; 
    font-family: 'Dubai', sans-serif;
    font-weight: normal;
}

/*TLZ CONTENT*/

.tlz-main-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17212/files/11900734/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

/*SPC CONTENT*/

.spc-main-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/13061/files/12225414/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

/*MDP CONTENT*/

.bronze-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17089/files/12318419/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.bronze-title {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 3vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17089/files/12318420/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.silver-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17090/files/12318641/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.silver-title {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 3vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17090/files/12318640/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.gold-banner {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17091/files/12318647/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

.gold-title {
    background-color: #1b75bc;
    color: #ffffff;
    vertical-align: middle;
    padding: 3vh 7vh;
    margin: 2vh 0vh 0vh;
    background-image: url('https://weyeducation.instructure.com/courses/17091/files/12318646/preview');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 1vh;
}

/*SLD COURSE*/

.sld-main {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 5vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.sld-title {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 7vh;
    margin: 2vh 0vh 0vh;
    border-radius: 1vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.sld-footer {
    background-color: #004168;
    color: #ffffff;
    vertical-align: middle;
    padding: 1vh 5vh;
    margin: 2vh 0vh;
    border-radius: 1vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.banner-main {
    background-image: url('https://weyeducation.instructure.com/courses/30/files/12528936/preview');
}

.professional-learning {
    background-image: url('https://weyeducation.instructure.com/courses/30/files/12528943/preview');
}

.annual-training {
    background-image: url('https://weyeducation.instructure.com/courses/30/files/12528942/preview');
}

.banner-title {
    background-image: url('https://weyeducation.instructure.com/courses/30/files/12528937/preview');
}

.banner-footer {
    background-image: url('https://weyeducation.instructure.com/courses/30/files/12528938/preview');
}

.sld-button-menu {
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    margin: 1vh;
    box-shadow: 0vh 0vh 1vh #0000001f;
    transition: all 0.25s ease;
    border-radius: 1vh;
}

.sld-button-menu:hover, {
    box-shadow: 0vh 0vh 1vh #0000000d;
    opacity: 0.75;
}

/*TERMS MEDIA QUERIES*/

@media screen and (max-width: 857px) {
    .base-button-weeks, .sld-button-menu {width: 100% !important; }
}

@media screen and (min-width: 858px) and (max-width: 1139px) {
    .base-button-weeks, .sld-button-menu {width: 45% !important; }
}

@media screen and (min-width: 1140px) and (max-width: 1516px) {
    .base-button-weeks, .sld-button-menu {width: 30% !important; }
}

@media screen and (min-width: 1517px) {
    .base-button-weeks, .sld-button-menu {width: 23% !important; }
}

/*GENERAL MEDIA QUERIES*/

@media screen and (max-width: 480px) {
    .mobile { display: inline-block; }
    .tablet, .desktop { display: none; }
}

@media screen and (min-width: 481px) and (max-width: 1374px) {
    .mobile, .desktop { display: none; }
    .tablet { display: inline-block; }
}

@media screen and (min-width: 1375px) {
    .mobile, .tablet { display: none; }
    .desktop { display: inline-block; }
}