@import url("//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

@font-face {
    font-family: "fjallaoneregular";
    src: url("./fonts/fjallaone-regular-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "hero_beamregular";
    src: url("./fonts/herobeam_regular-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "hero_beam_holdregular";
    src: url("./fonts/herobeamhold_regular-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 499px) {
    .headLogo, .headerRight {
        text-align: center !important;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .headLogo, .headerRight {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .headLogo {
        text-align: left;
    }

    .headerRight {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .headLogo {
        text-align: left;
    }

    .headerRight {
        text-align: right;
    }
}

img {
    max-width: 100%;
}

/* * * * * * * * * * Background * * * * * * * * * */
@media (max-width: 767px) {
    body {
        background: #FFF url("https://eastcoastchristmasshow.com/wp-content/themes/bootstrap-component-blox-child-theme/img/back.jpg") top center scroll no-repeat;
        background-size: auto;
    }
}

body {
    background: #FFF url("https://eastcoastchristmasshow.com/wp-content/themes/bootstrap-component-blox-child-theme/img/back.jpg") top center fixed no-repeat;
    background-size: cover;
}

img {
    max-width: 100%;
}

/* * * * * * * * * * Header * * * * * * * * * */
.headLogo {
}

.headLogo img {
    max-width: 100%;
}

.headerIcons {
}

.headerInfo {
    padding: 20px 0;
}

.headerReg {
}

.headBlock {
    margin: 20px auto 60px auto;
}

body {
    font-family: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar {
    font-family: "fjallaoneregular", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 125%;
}

.dropdown-menu, .fjOneUp {
    font-family: "fjallaoneregular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

h1, .h1, h2, .h2 {
    font-family: "hero_beam_holdregular", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-weight: normal;
    text-transform: lowercase;
    line-height: 1;
}

h3, .h3, h4, .h4, .card-header {
    font-family: "hero_beamregular", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-weight: normal;
    text-transform: lowercase;
    line-height: 1;
}

h5, .h5, h6, .h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

/* * * * * * * * * HEADERS * * * * * * * * */

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 200%;
    }

    h2, .h2 {
        font-size: 180%;
    }

    h3, .h3 {
        font-size: 140%;
    }

    h4, .h4 {
        font-size: 110%;
    }

    h5, .h5, .card-header {
        font-size: 120%;
    }

    h6, .h6 {
        font-size: 100%;
    }

    ul.display-posts-listing .title {
        font-size: 150%;
    }
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 250%;
    }

    h2, .h2 {
        font-size: 225%;
    }

    h3, .h3 {
        font-size: 150%;
    }

    h4, .h4 {
        font-size: 125%;
    }

    h5, .h5, .card-header {
        font-size: 150%;
    }

    h6, .h6 {
        font-size: 125%;
    }

    ul.display-posts-listing .title {
        font-size: 200%;
    }
}

/* * * * * * * * * NAVBAR * * * * * * * * */

/* Main Colors */
.navbar-dark, .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.75);
}

.site-title a, .navbar-dark .navbar-brand, .site-description, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .active > .nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {
    color: #009900;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus {
    color: #003300;
}

/* Color Augmentations */
.navbar-dark .navbar-nav .nav-link {
    text-shadow: 0 0 6px #FFFFFF;
    opacity: 1;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus {
    text-shadow: 0 0 6px #FFFFFF;
    opacity: 1;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .active > .nav-link {
    text-shadow: 0 0 6px #FFFFFF;
    opacity: 1;
}

/* Other Elements */
.dropdown-menu {
    text-align: inherit;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    padding: 0;
}

.site-title a, .navbar-dark .navbar-brand, .site-description {
    margin-bottom: 0;
}

.navbar-toggler {
    background-color: #006600;
    font-size: 100%;
}

.navbar-toggler:link {
    color: #00FF00;
    opacity: 1;
}

.navbar-toggler:hover {
    color: #FFF;
    background-color: #090;
}


/* * * * * * * * * * Hyperlinks * * * * * * * * * */
a {
    text-decoration: none;
}

a:link, a:visited {
    -webkit-transition: color .25s linear .1s;
    transition: color .25s linear .1s;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
    text-decoration: none;
}

/* * * * * * * * * * Colors * * * * * * * * * */
body, .textwidget {
    color: #111;
}

h1, .h1, h2, .h2 {
    color: #220000;
}

h3, .h3, h4, .h4 {
    color: #002200;
}

h5, .h5, h6, .h6 {
    color: #440000;
}

a {
    text-decoration: none;
}

a:link, a:visited,
.entry-meta a, .comments-link a, .edit-link a,
.cat-links a, .tags-links a,
.single .post-navigation .nav-links a,
.sidebar-1-area .widget ul li a, .footer-widgets .widget ul li a,
.comments-area .logged-in-as a {
    color: #FF0000;
}

a:hover, a:active, a:focus, .entry-meta a:hover, .comments-link a:hover, .edit-link a:hover,
.cat-links a:hover, .tags-links a:hover,
.single .post-navigation .nav-links a:hover,
.sidebar-1-area .widget ul li a:hover, .footer-widgets .widget ul li a:hover,
.comments-area .comment-reply-link:hover, .comments-area .comment-edit-link:hover,
.comments-area .comment-author a:hover,
.comments-area .logged-in-as a:hover, .page-link:hover, .page-link:focus {
    color: #00FF00;
    text-decoration: none;
}

footer a, footer a:link {
    color: #660000 !important;
    text-decoration: none;
}

footer a:hover {
    color: #FF0000 !important;
    text-decoration: none;
}

/* FOOTER */

footer {
    border-top: 1px solid #333;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

footer p {
    font-size: 75%;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: normal;
}

.shdw {
    text-shadow: 0 0 3px #000, 0 0 6px #000, 0 0 10px #000;
}

/* Vertical Alignment in Div */
.align-vertically {
    display: flex;
    align-items: center;
}

/* SV MODS */
h1, .h1 {
    margin-top: 0;
    padding-top: 0;
}

h2, .h2 {
    margin-top: 0;
    padding-top: 0;
}

h3, .h3 {
    margin-top: 0;
    padding-top: 0;
}

h4, .h4 {
    margin-top: 0;
    padding-top: 0;
}

h5, .h5 {
    margin-top: 0;
    padding-top: 0;
}

h6, .h6 {
    margin-top: 0;
    padding-top: 0;
}

.SVMasthead {
    text-align: center;
    margin: 10px auto;
}

/*#main-container {margin-left:20px; margin-right:20px;} */
.SVcontainer, .SVwidg {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.5rem;
}

.SVcontainer {
    padding-top: 20px;
}

.SVwidg {
    padding: 10px;
}

.wp-block-heading {
    padding: 10px 0 0 10px;
}

.card-header {
    background: #330000 url("https://eastcoastchristmasshow.com/wp-content/themes/bootstrap-component-blox-child-theme/img/back.jpg") top center scroll repeat;
    border-bottom: 2px solid #009900;
    color: #00FF00;
    margin: 0px;
    padding: 10px 0px 0px 10px;
    line-height: 1;
}

.card {
    background-color: rgba(255, 255, 255, 0.85);
}

.card h4 {
    margin: 0;
    padding: 0;
}

.page-numbers {
    background: #999 !important;
}

.page-numbers.current.page-link {
    background: #666 !important;
    color: #eee;
}

.page-link {
    border-color: #00FF00;
}

.page-link:hover {
    background-color: #333;
    border-color: #FFF;
}

.page-link:focus {
    background-color: #666;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #000;
}

.svThumb {
    margin-right: 20px;
}

.contentInner {
    background: rgba(255, 255, 255, 0.75);
    padding: 10px;
    border-radius: 10px;
}

ul.display-posts-listing {
    list-style: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

ul.display-posts-listing .image {
    float: left;
    margin-right: 10px;
}

ul.display-posts-listing .title {
    font-family: "hero_beam_holdregular", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-weight: normal;
}

ul.display-posts-listing .date {
    font-size: 75%;
}

ul.display-posts-listing li {
    border-top: 1px solid #006600;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
}

ul.display-posts-listing li:after {
    content: '';
    display: block;
    clear: both;
}

ul.display-posts-listing li ul li {
    border-top: 0;
    margin: 0 0 10px 0;
}

ul.display-posts-listing li p {
    font-weight: 400;
}

#main-container {
    margin-bottom: 20px;
}

.btn-dark {
    background-color: #999;
}

ul.shows {
    text-align: center;
    margin: 20px auto;
}

ul.shows li {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
}

.sponsors {
    text-align: center;
}

.sponsors img {
    padding: 10px;
    max-width: 200px;
    height: auto;
}

.reg {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.reg h4 {
    color: #AAAAAA;
    margin-bottom: 0px;
    font-size: 120%;
}

.reg li {
    margin-top: 0px;
    color: #00FF00;
    background-color: #330000;
}

.reg li .inf {
    font-style: italic;
    font-weight: bold;
    font-size: 85%;
    line-height: 1;
}

.reg .wh {
    color: #FFFFFF;
    font-size: 125%;
}

ul.regi {
    width: 100%;
    max-width: 100%;
}

ul.regi li {
    display: inline-block;
    padding: 10px 10px 0 10px;
    border: 1px solid #666;
    margin: 5px;
    text-align: center;
}

.speakersXmas img {
    width: 100px;
    max-width: 50%;
    border: 2px solid #006600;
}

.speakersHall img {
    width: 100px;
    max-width: 50%;
    border: 2px solid #FF6600;
}

.speakerNameXmas {
    font-size: 120%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #060;
}

.speakerNameHall {
    font-size: 120%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #F60;
}