/* Common styles for color1 and color2 */
.color1,
.color2 {
    font-weight: 600;
}

.color1 h4,
.color2 h4 {
    min-height: 40px;
}

.color1 #gif,
.color2 #gif {
    border: 5px solid #5c5c5c;
}

.color1 a,
.color2 a {
    font-size: large;
    transition: font-size 0.2s;
    text-decoration: none;
    border-bottom: 1px solid #3d3d3d;
}



.color1 .underline {
    border-bottom: 1px solid #3d3d3d;
}

.color2 .underline {
    border-bottom: 1px solid whitesmoke;
}

/* Styles for color1 */
.color1 {
    color: #3d3d3d;
    background-color: rgba(195, 195, 195, 0.7);
}

.color1 a {
    color: #3d3d3d;
}

.navbar-nav .nav-link {
    transition: font-size 0.2s ease-in-out;
}

.navbar-nav .nav-link:hover {
    text-shadow: -1px -1px 0 rgb(62, 96, 96), 1px -1px 0 rgb(62, 96, 96), -1px 1px 0 rgb(62, 96, 96), 1px 1px 0 rgb(62, 96, 96);
    transition: font-size 0.2s ease-in-out;
}

/* Styles for color2 */
.color2 {
    background-color: rgb(72, 72, 72, .8);
    color: whitesmoke !important;
    font-weight: 700 !important;
}

.color2 a {
    border-bottom: whitesmoke 1px solid;
}

.color2 a {
    color: whitesmoke !important;
}

.color2 div div div a {
    color: whitesmoke !important;
}

.color2 li {
    padding: 3px;
}

/* Specific body classes */
body.Gold .color2 .row :nth-child(2),
body.Gold .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.Platinum .color2 .row :nth-child(2),
body.Platinum .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.Diamond .color2 .row :nth-child(2),
body.Diamond .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.Champion .color2 .row :nth-child(2),
body.Champion .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.GrandChampion .color2 .row :nth-child(2),
body.GrandChampion .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.SSL .color2 .row :nth-child(2),
body.SSL .color1 .row :nth-child(2) {
    border-left: 0px !important;
}

body.Gold .color2 {
    background-color: rgba(205, 167, 44, 0.8);
}

body.Platinum .color2 {
    background-color: rgba(0, 130, 159, 0.8);
}

body.Diamond .color2 {
    background: rgba(0, 77, 232, 0.8);
}

body.Champion .color2 {
    background: rgba(146, 20, 205, 0.8);
}

body.GrandChampion .color2 {
    background: rgba(190, 0, 0, 0.8);
}

body.SSL .color2 {
    background: rgba(26, 26, 26, 0.8);
}