@font-face {
    font-family: "Arcade";
    src: url('../fonts/ARCADE.TTF');
}

@font-face {
    font-family: "Atarian";
    src: url('../fonts/SF Atarian System.ttf');
}

@font-face {
    font-family: "Atarian Wide";
    src: url('../fonts/SF Atarian System Extended.ttf');
}

body {
    background-color: #000;
    font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
    color: #eee;
}

.reco {
    float: left;
    clear: both;
}

.reco p {
    margin-bottom: 5px;
    border-top-color: #444;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 14px;
    width: 228px;
    font-family: 'Atarian';
    font-size: 22px;
}
.nav-item {
    font-family: 'Arcade', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
}

a,
a:link,
a:visited {
    color: orange;
    text-decoration: none;
}

h1 {
    font-family: 'Arcade', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    background: linear-gradient(#f00, #ffff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3 {
    font-family: 'Atarian', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: goldenrod;
}

h4 {
    font-family: 'Atarian', sans-serif;
    font-si9ze: 19px;
    color: darkorange;
}

#conf_modal_body {
    border-radius: 33px !important;
    border-color: #aabd79 !important;
    background-color: #3d3d3d;
    border-width: 10px;
}

.strike {
    text-decoration: line-through;
    color: #777;
}

.btn-black {
    background-color: black !important;
    border-color: red;
}

.atarian {
    font-family: 'Verdana', sans-serif;
    font-size: 17px;
}

#games_list,
#latest_show_jt,
.pastShowJt,
#contact_us_jt,
#specific_show_jt,
#social_contact {
    background-color: black;
    border-color: orangered;
    border-width: 1px;
    border-style: solid;
    border-radius: 45px;
}

#main_table {
    overflow-y: scroll;
    max-height: 219px;
    position: relative;
    left: -55px;
    width: 52rem;
}

#games_headers th,
#games_table td {
    text-align: left;
    font-size: 15px;
}

#games_list .jumbotron,
#latest_show_jt .jumbotron,
.pastShowJt .jumbotron,
#contact_us_jt .jumbotron,
#about_us .jumbotron,
#about_jim .jumbotron,
#about_sean .jumbotron,
#credits .jumbotron,
#specific_show_jt .jumbotron,
#social_contact .jumbotron {
    padding: 1rem 2rem 0rem 1rem;
    background-color: black;
}

.pfLink:hover,
.colorOrange:hover {
    color: #ffff00 !important;
    text-decoration: none !important;
}

.hpad6 {
    padding-left: 6px;
    padding-right: 6px;
}

.clickForMore {
    font-size: 22px;
    color: lightcoral;
    cursor: pointer;
}

.pastShowNotes,
#current_show_notes,
.showNotesHeader {
    padding: 5px;
    background-color: silver;
    color: black !important;

}

.showNotesHeader {
    width: 500px;
    text-align: left;
}

#rss_badge {
    width: 225px;
    height: 48px;
    background-color: aquamarine;
    font-size: 24px;
    color: black;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

#tune_in_container {
    background-color: purple;
    width: 228px;
    display: table-cell;
    padding: 9px 0 9px 0;
    text-align: center;
    border-radius: 10px;
    position: relative;
    top: -27px;
}

#google_container {
    position: relative;
    top: -27px;
}

#podcast_addict_container {
    position: relative;
    top: -32px;
    padding-bottom: 5px;
}

#socials img {
    position: relative;
    height: 32px;
    top: 7px;
    padding-left: 20px;
    padding-right: 20px;
}

#socials .row {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: -15px;
}

#send_button_row {
    width: 120px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

#social_contact .jumbotron .container .row {
    display: flex;
    justify-content: center;
    padding-bottom: 9px;
}

.rssFeed {
    display: inline;
    float: left;
    margin-left: 33px;
    margin-top: 3px;
}

.squarecon img {
    border-radius: 10px;
    border-width: 1px;
    border-color: #333;
    border-style: solid;
}

.edit {
    background-color: orange;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    border-color: red;
    border-style: solid;
}

#desc_description {
    width: 400px;
    height: 180px;
    margin-left: 35px;
}

.dateReleased {
    font-family: 'Atarian';
    color: orange;
    font-size: 20px;
}

#where_right {
    font-size: 31px;
    color: lightsalmon;
    text-align: center;
    padding-top: 25px;
}

.creditRole {
    font-family: 'Atarian';
    font-size: 24px;
    color: orange;
}

.creditName {
    font-family: 'Atarian';
    font-size: 24px;
    color: yellow;
}

.bottomBorder {
    border-bottom-color: darkgray;
    border-bottom-width: 1px;
    border-bottom-style: ridge;
    padding-bottom: 5px;
    padding-top: 4px;
}

#rss_badge_container { margin-bottom: 11px; }
.navbar-light .navbar-nav .nav-link { color: #eee; }
.nav-link { padding: 0rem 1rem; }
.role { color: orange !important; }
.role-credit { margin-bottom: -29px; }
.active>.nav-link { color: orange !important; }
.credit-name { margin-top: -16px; }
.credit-small { font-size: 13px; }
.currentPage { color: goldenrod !important; }
.shazam { display: none; }
.btnTxtCenter { height: 22px; }
.pad25 { padding-top: 25px; }
a { cursor: pointer !important; }
.pfTitle { text-transform: initial; }
.bioImage { border-radius: 18px; }
#game_filter { width: 100%; }
#games_list { max-height: 300px; }
#games_list .jumbotron { max-height: 300px; }
#games_headers { width: 46rem; }
.showNotesBox { display: none; }
.snOdd { color: white !important; }
.snEven { color: yellow !important; }
.hideTheDescription { display: none; }
#contact_message { height: 100px!important; }
#contact_us_jt, #social_contact, .blankDiv { float: left; }
.blankDiv { margin-left: -40px; }
.greenie { color: #0f0!important }
.spacer { padding-left: 12px; }
.squarecon { padding-bottom: 14px; }
.graybg td { background-color: #333;}
#podcast_addict_container img { border-radius: 12px; }
.credit-container { text-align: center; }
.center { text-align: center;}
.whiteDot { color: #eaeaea;}
.hoverLink { cursor: pointer; }
.dateReleased .downloadListen { color: #24f915;}
.socialIcon { border-radius: 50%; }