:root {
    --pc-blue:#00549B;
    --pc-green:#02954A;
    --pc-light-gray:#E9E9E9;
    --pc-gray:#4D4D4D;
    --pc-shade-1:#758BAF;
    --pc-shade-2:#BEC9D9;

}

@font-face {
    font-family: montserrat_regular;
    src: url('../fonts/MontserratRegular.ttf');
}

@font-face {
    font-family: montserrat_medium;
    src: url('../fonts/MontserratMedium.ttf');

}

@font-face {
    font-family: montserrat_bold;
    src: url('../fonts/MontserratBold.ttf');
}

@font-face {
    font-family: lato_black;
    src: url('../fonts/LatoBlack.ttf');
}


body {

    background-color: white;
    font-family: montserrat_regular;

}



@media (max-width: 768px) {

    .pc-secondary-navbar {

        padding-top:0;
        padding-bottom:0;
    
    }
    

    .navbar-nav {

        padding-top:0.5rem;
        padding-bottom:0.5rem;

    }

}


.pc-text-green {
    color: var(--pc-green);
}

.pc-btn-green {
  color: #fff;
  background-color: var(--pc-green);
  border-color: var(--pc-green);
}


.pc-btn-green:hover {

color: #fff;
background-color: #2fa360;
border-color: #2d995b;

}

.learn-btn {

padding: 0.6rem 2rem;
font-size: 0.7rem;

}

.pc-btn-outline-blue {

color: var(--pc-blue);
border-color: var(--pc-blue);
font-family: montserrat_bold;

}
  
.pc-btn-outline-blue:hover {

color: #fff;
background-color: var(--pc-blue);
border-color: var(--pc-blue);

}

.pc-btn-blue {

color: #fff;
background-color: var(--pc-blue);
border-color: var(--pc-blue);
font-family: montserrat_bold;


}

.pc-btn-blue:hover {

color: var(--pc-blue);
border-color: var(--pc-blue);
background-color: #fff;

}
  


.pc-btn-white {

color: var(--pc-blue);
border-color:  #fff;
background-color: #fff;
font-family: montserrat_bold;

}

.pc-btn-white:hover {

color: #fff;
background-color: var(--pc-blue);
border-color: #fff;

}

.pc-bg-blue {

    background-color: var(--pc-blue);

}

.pc-bg-grad-blue {

    background: rgb(0,84,155);
    background: linear-gradient(90deg, rgba(0,84,155,1) 0%, rgba(79,137,186,1) 52%, rgba(255,255,255,1) 100%);

}

.navbar a {

    font-size: 13px;

}

.pc-text-blue {

    color: var(--pc-blue);

}

.pc-text-regular {

    font-family: montserrat_regular;

}

.pc-text-medium {

    font-family: montserrat_medium;

}

.pc-text-bold {
    font-family: montserrat_bold;
}

.pc_text_bold {

    font-family: montserrat_bold;

}

.pc_text_regular {

    font-family: montserrat_regular;

}

.footer-font-size {

    font-size:13px;

}

.image-blend {

    mix-blend-mode: multiply;

}

.ju-number-font {

    font-size:20px;

}

.list-unstyled li{
    padding-top:10px;
}

.list-unstyled li a{
    color: var(--pc-gray);
}

.ic-size i {

    font-size: 25px;

}


.pc-bg-gray {

    background-color:var(--pc-light-gray);

}


.nav-wrapper {

    background-color: var(--pc-light-gray);
    padding-left:20px;
    padding-right:20px;

    border-radius:0.25rem;
    height:100%;
    
}

.criteria-title {
    font-size:1rem;
    color: #4D4D4D;
}

.soe-bg-gold-title {
    font-size: 0.90rem;
    padding: 15px;
    letter-spacing: 2px;

    background: rgb(181,126,16);
    background: -moz-linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    background: linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b57e10",endColorstr="#b57e10",GradientType=1);

    color: #42210B;

}


.soe-bg-silver-title {

    font-size: 0.90rem;
    padding: 15px;
    letter-spacing: 2px;

    background: rgb(77,77,77);
    background: -moz-linear-gradient(90deg, rgba(77,77,77,1) 0%, rgba(216,216,216,1) 30%, rgba(255,255,255,1) 50%, rgba(216,216,216,1) 70%, rgba(77,77,77,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(77,77,77,1) 0%, rgba(216,216,216,1) 30%, rgba(255,255,255,1) 50%, rgba(216,216,216,1) 70%, rgba(77,77,77,1) 100%);
    background: linear-gradient(90deg, rgba(77,77,77,1) 0%, rgba(216,216,216,1) 30%, rgba(255,255,255,1) 50%, rgba(216,216,216,1) 70%, rgba(77,77,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d4d4d",endColorstr="#4d4d4d",GradientType=1);
    color: #4D4D4D;
}

.soe-bg-bronze-title {

    font-size: 0.90rem;
    letter-spacing: 2px;
    padding: 15px;

    background: rgb(213,150,71);
    background: -moz-linear-gradient(90deg, rgba(213,150,71,1) 0%, rgba(104,66,29,1) 45%, rgba(208,146,69,1) 80%, rgba(224,181,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(213,150,71,1) 0%, rgba(104,66,29,1) 45%, rgba(208,146,69,1) 80%, rgba(224,181,128,1) 100%);
    background: linear-gradient(90deg, rgba(213,150,71,1) 0%, rgba(104,66,29,1) 45%, rgba(208,146,69,1) 80%, rgba(224,181,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d59647",endColorstr="#e0b580",GradientType=1);

    color: #fff;
}

.soe-circle-gradient {
    height: 100px;
    width: 100px;
    background: rgb(181,126,16);
    background: -moz-linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    background: linear-gradient(90deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b57e10",endColorstr="#b57e10",GradientType=1);

    padding: 5px;

}

.soe-circle-bg {
    height: 100px;
    width: 100px;
    background-color: #bbb;
}

.rounded-corners-gradient-borders-gold {
    width: 180px;
    height: 180px;
    border: double 5px transparent;
    border-radius: 50%;
    background-image: linear-gradient(white, white), linear-gradient(214deg, rgba(181,126,16,1) 0%, rgba(181,126,16,1) 20%, rgba(249,223,123,1) 55%, rgba(255,243,166,1) 70%, rgba(249,223,123,1) 85%, rgba(181,126,16,1) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.rounded-corners-gradient-borders-silver {
    width: 120px;
    height: 120px;
    border: double 3px transparent;
    border-radius: 50%;
    background-image: linear-gradient(white, white), linear-gradient(214deg, rgba(77,77,77,1) 0%, rgba(216,216,216,1) 30%, rgba(255,255,255,1) 50%, rgba(216,216,216,1) 70%, rgba(77,77,77,1) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.soe-question-mark {
    color: #4D4D4D;
    font-size: 2rem;
}

.soe-question-mark-winner {
    color: #E8C761;
    font-size: 4rem;
}