/* darkly */
        /* .navbar-default { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } */

            body, h1 { color: #FFF; }

            a { font-size: 14px; }

            a { color: #FFFF00; }

            a:hover { color: yellow; }

            
            h1 { font-family: 'Special Elite', cursive; text-decoration: underline; }
            .theme-text { font-family: 'Special Elite', cursive; }
            


            h1 { font-size: '20px'; }

        .side-content { padding: 14px; border-radius: 7px; margin-bottom: 20px;   background-color: #111111  }
        .side-title { font-size: 17px;  line-height: .9; padding-bottom: 14px; }
        .side-connect { font-size: 2em; padding-bottom: 16px; }
        .side-connect i { font-size: 36px; line-height: .5; }
        .side-title i { float: right; font-size: 24px; }

        body { margin-top: 60px;  background-image: url('../epps2021-imgs/FB_IMG_1729397006160.jpg'); background-position: top center; background-repeat: no-repeat; background-attachment: fixed;  }

        .navbar { border: 0; border-radius: 0; margin-bottom: 0; }
        #mobile-logo { display: none; }

        .bottom-wrapper { margin-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 12px; }

        @media only screen and (max-width: 768px) {
            #mobile-logo { position: absolute; top: 3px; left: 10px; } /* display: block;  */
            .navbar-right { margin-top: 0; }
            ul.navbar-right li { float: left; }
            ul.navbar-right li a { font-size: 1.8em; padding-right: 0; }
            .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; }
            h1 { font-size: 1.5em; padding-top: 20px; }
        }

        @media only screen and (min-width: 768px) {
            #nav-social { display: none; }
            .body-content { padding-left: 0; padding-right: 0; margin-top: 20px; }
        }

        #img-social a { font-size: 2em; margin-left: 5px; margin-right: 5px; }
        /* .navbar-right { display: none !important; } */
        #big-img-container h1 { width: auto; color: inherit; margin: 0; padding: 6px 15px; font-size: 2em; }

        /* .logo-wrapper { display: none; } */
        .logo-wrapper { display: block; position: relative; text-align: center; }

        @media only screen and (max-width: 500px) {
            .logo-wrapper a img, .logo-wrapper img { max-width: 250px; }
        }

        .content-wrapper {
  background-color: rgba(238, 6, 6, .65);             border-radius: 12px; margin-top: 16px; padding-bottom: 14px;
        }

        @media only screen and (min-width: 768px) {
            .navbar { height: 50px; } /* height: 50px; */
            .navbar-responsive-collapse { padding-left: 0; }
            .navbar > .container > .col-sm-10 { padding-left: 0; padding-right: 0; }
            /* .navbar > .container { position: relative; z-index: 1001; } */
            .nav li a {
 color: #CCCCCC;                  font-family: 'Special Elite', cursive;                                  font-size: 15px;                                     text-shadow: 0 0 5px rgba(255, 255, 115, 0.8);
            }

            .navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a { color: #CCCCCC; }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FF0000; }

            .navbar-right li a { font-size: 2em !important; margin-left: 5px; margin-right: 5px; padding: 0; padding-top: 10px; }
            .navbar-right li a:hover { margin-left: 5px; margin-right: 5px; padding: 0; padding-top: 10px; }*/
            .navbar-right > li > a { padding-left: 5px; padding-right: 5px; }

            .navbar { margin-bottom: 0; }
            #img-social { display: none; }
            #logo-social { display: inline-block; position: absolute; bottom: 0; right: 0; }
        }

        @media only screen and (min-width: 1200px) {
 .nav li a { font-size: 18px; }         }

        @media only screen and (max-width: 570px) {
            #big-img-container h1 { font-size: 1.3em; }
        }

        .right-info { font-size: .95em; text-align: justify; }
        .info-large { font-size: 1.25em; }
        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
            margin-bottom: 14px !important;
        }
        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .listing-photos { margin-bottom: 14px; margin-top: 24px; }
        .listing-photos::after { content: ""; }
        .listing-photos ul { list-style-type: none; margin: 0; padding: 0; }
        .listing-photos ul li { width: 20%; float: left; margin: 0; padding: 0 18px 18px 0; position: relative; }
        .listing-photos ul li p { display: none; }
        .listing-photos ul li a img { width: 100%; }

        @media only screen and (max-width: 768px) {
            .listing-photos ul li { width: 25%; }
        }

        @media only screen and (max-width: 420px) {
            .listing-photos ul li { width: 33%; }
        }
/*
        .calendar-wrapper { width: 100%; max-width: 660px; margin-left: auto; margin-right: auto; }
	    .month_wrap { width: 100%; margin: .5em 0; position: relative; }
        .calendar_month { border-collapse: separate; border-spacing: 1px; margin: 0 auto; text-align: center; background-color: transparent; width: 100%; }

        .calendar_month tr th { font-size: 11px; padding: 6px 2px; text-align: center; vertical-align: middle; font-weight: 600; }
        
        .calendar_month tr td { font-size: 11px; padding: 6px 2px; text-align: center; vertical-align: middle; border: 1px solid #393939; } 
        .calendar_month tr td.month_title { border: 0; font-size: 13px; font-weight: 600; padding: 6px 2px; }
        .calendar_month tr td.empty_day { border: 0; }
        .calendar_month tr td.active_day { border: 0; }
        .calendar_hide { display: none; }
        .calendar_month tbody tr td.navbar-default { border: 0; }
*/
        @media only screen and (max-width: 768px) {

        }

        @media only screen and (max-width: 650px) {
	        .month_wrap { width: 195px; max-width: 195px; margin: .5em 10px 0 0; }
        }

        footer { text-align: center; }
        footer div.content-wrapper { padding-top: 2px; margin-bottom: 12px; }
        footer div p { text-align: center; margin-top: 20px; }
        footer div p:first-child { font-size: 1.25em; }

        @media only screen and (max-width: 560px) {
            footer div p:first-child { font-size: 1em; }
        }

        @media only screen and (max-width: 420px) {
            footer div p:first-child { font-size: .85em; }
        }

        .rate-our-haunt { text-align: center; }
        .rate-our-haunt a img { width: 100%; max-width: 220px; }

        #page-bg-audio { text-align: center; padding: 18px 0 10px; }

        #nav-map { width: 100%; height: 250px; }
        #nav-map-wrapper { position: relative; }
	    #nav-map-canvas { height: 250px; width: 100%; }

        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
            margin-bottom: 14px !important;
        }
        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block; margin-left: auto; margin-right: auto;
        }

        .contact-form { display: block; clear: both; }
        .contact-form::before { content: ""; }
        .contact-form::after { content: ""; }
        .contact-form div input, .contact-form div textarea { max-width: 400px; }

        .navbar > div.container { padding-left: 0; padding-right: 0; }

        @media only screen and (min-width: 768px) {
            .navbar > div.container > div.col-sm-12 { padding-left: 0; padding-right: 0; }
        }
        .navbar-toggle { margin-right: 0; }

/*
        .cal-month { border-spacing: 1px; border-collapse: separate; background-color: transparent; width: 100%; }
        .cal-month tbody tr td, .cal-month tbody tr th { padding: 4px; font-size: 13px; text-align: center; }

        .cal-month tbody tr td {
 background-color: #555;              color: #000;         }

        .cal-month tbody tr:first-child td a.cal-backward {
            display: inline-block; float: left; font-size: 15px; line-height: 90%;
 color: #FFF;         }
        .cal-month tbody tr:first-child td a.cal-forward {
            display: inline-block; float: right; font-size: 15px; line-height: 90%;
 color: #FFF;         }

        .cal-month tbody tr:first-child td {
            font-weight: bold;
 background-color: #000;              color: #FFF;         } 

        .cal-month tbody tr th {
 background-color: #000;              color: gold;         }

        .cal-month-title { }

        .cal-month tbody tr td.cal-inactive-day {
 background-color: rgba(0,0,0, 0.3);              color: #666;         }

        .cal-month tbody tr td.cal-active-day {
 background-color: yellow;              color: #AA0303;         }

        
        .cal-month-hide { display: none; }

        .calendar-variable { clear: both; position: relative; display: block; }
        .cal-wrapper { display: inline-block; width: 230px; margin-right: 8px; }
        .cal-month { width: 100%; }
*/        
        #side-cal-wrapper { position: relative; }
        #main-cal-wrap { position: relative; }
        .last-year-cal { position: absolute; height: 220px; width: 100%; background-color: rgba(0, 0, 0, 0.6); 
            z-index: 10001; padding-top: 100px; padding-left: 60px; color: #ccc; font-weight: bold; font-size: 1.8rem; }
        /*.last-year-cal > div { padding-top: 130px; padding-left: 100px; color: #ccc; font-weight: bold; font-size: 1.8rem; transform: rotate(45deg); }*/

        @media only screen and (max-width: 992px) {
            .cal-wrapper { display: inline-block; width: 48%; margin-right: 1%; }
            .cal-month { width: 100%; }
        }

        @media only screen and (max-width: 470px) {
            .cal-wrapper { display: block; width: 100%; margin-right: 0; padding: 5px; }
            .cal-month { width: 100%; }
        }

        .my-website { display: none !important; }