body {
  font-weight: 100;
  font-family: arial,sans-serif;
  font-size: .9rem;
}

body.dark-mode {
  background: #000;
  color: #CCC;
}

button.toggleDarkMode {
  background: #666;
}

.dark-mode a, .dark-mode a:not([href]):not([tabindex]) {
  color: dodgerblue;
}

h1, h2, h3, h4, h5, h6 {font-weight:800;}

.row {margin-top:5px;}

.red {color: #F00;}
.bold {font-weight: bold;}
.bg-yellow {background-color:yellow;}
.striped-green {background-color: lightgreen;}
.dark-mode .striped-green {background-color: #093809;}
.dark-mode .striped-brown {background-color: #532222;}
.dark-mode .striped-saberred {background-color: #cd4242;}
.dark-mode .striped-saberblue {background-color: #578ae3;}
.dark-mode .striped-green a, .dark-mode .striped-brown a {color: #c4def8;}
.dark-mode .striped-green a:hover, .dark-mode .striped-brown a:hover {color: #52a4f7;}

.cursor-pointer {cursor: pointer;}

.row-border {border:2px ridge #666;}

.left15 {margin-left:15px;}

.form-control {
  margin: 0 0 5px;
  background-color: #000;
}

.nav li.nav-item {margin: 0 5px;}
.nav li.nav-item a img {max-height: 50px;}

.card-body {padding:.5rem}

.card-body h1 {text-align: center;}

.dark-mode .card-title {color: #FFF !important;}
.dark-mode .card {
  background: #333;
}

#recipes-content .row {margin-bottom:20px;}

.artist-list {
  line-height: 100%;  
}

.artist-list .list-group-item {
  padding: .3rem 1.5rem;
}  

.artist-list .list-group-item:first-child {
  border-top: none;
  border-radius: 0;
}

.artist-list .list-group-item img {
  width: 70px;
}

.artist-list .list-group-item:hover {
  background-color: #f8f9fa;
}

.artist-list a {
  text-decoration: none;
}

/* BEVERAGE RECIPES */
.liquor-wrapper {
  border: 2px solid darkred;
  border-radius: 5px;
  padding: 0 10px;
}
.liquor-wrapper img {
  margin-top: 10px;
}
.liquor-wrapper .card-body {
  padding: .5rem  .2rem;
}
.liquor-wrapper .card-body ul {
  padding: 0 0 0 15px;
}
.beverage-wrapper .card-body ul {
  padding-inline-start: 10px;
}

/* CHRISTMAS COMICS */
#christmas-carousel {width:75%;margin:25px auto;}
.carousel-indicators li {background-color:red;}
.carousel-indicators li.active {background-color:green;}
#christmas-carousel .carousel-inner .item {padding:20px 0;}
#christmas-carousel .carousel-inner .item .byline {text-align:center;font-size:13px;font-weight:bold;margin:15px auto 0;}
#christmas-carousel .carousel-inner .img-wrapper {height:350px;}
#christmas-carousel .carousel-inner img {margin:0 auto;max-height:450px;max-width:100%;}
#christmas-carousel .carousel-caption {position:relative;right:auto;left:auto;padding:25px 0 0;}
#christmas-carousel .carousel-control-prev-icon, #christmas-carousel .carousel-control-next-icon {background-color:red;}
#christmas-carousel h3
{
    font-size:32px;
    -webkit-text-stroke: 1px red;
   color: green;
   text-shadow:
       3px 3px 0 red,
     -1px -1px 0 red,  
      1px -1px 0 red,
      -1px 1px 0 red,
       1px 1px 0 red;
}
@media (min-width: 768px) {
    #christmas-carousel .carousel-inner .img-wrapper {height:500px;}
    #christmas-carousel .carousel-inner img {margin:0 auto;}
}

/* MOVIE PAGE */
x#movies {margin-top:50px;}
.movies-page #moviesSelectsTemplateDiv {z-index:9;border-radius:10px;width:100%;text-align:center;padding:5px;}
.movies-page #moviesSelectsTemplateDiv .row {padding:10px 0;}
.movies-page button#show-all {border-color:#000;display:block;margin:10px auto 0;}
.movies-page .movie {background:#EEE;padding:15px;margin:0 0 15px;}
.movies-page .movie.active {display:block !important;}
.movies-page .title-box {margin:0 0 10px;}
.movies-page .genres {margin:0 0 5px;}
@media (min-width: 767px) {
	.movies-page .genre {display:inline-block;padding-right:5px;}
}
@media (max-width: 767px) {
	.movies-page select {margin:5px 15px;text-transform:uppercase;}
	.movies-page .genre, .movies-page .rating-box span { display: block;margin:0; }
	.movies-page .synopsis {margin:10px 0;}
}

/* MOVIE REVIEWS */
.card-text {font-size:12px;}

/* PUMPKIN CARVING */
#pumpkins-page #headerquotebox {background:#000;}
#pumpkins-page #headerquotebox .quote, #pumpkins-page #headerquotebox .byline {color:#FFF;}
#pumpkins-page {background:#000;}
.container.pumpkins, .container.pumpkins .container {width:100%;}
#pumpkins-page .nav li {display:inline-block;margin: 5px 0;}
#pumpkins-page .nav li a {
  color:orange;
  text-shadow: 2px 1px 1px #000;
  border: 1px solid orange;
  border-width: 1px 0;
  margin:3px 5px;
  padding: 2px 5px;
  font-size:14px;
  text-align:center;
  background:none !important;
  font-weight:bold;
}
#pumpkins-page .nav li a:hover {border-color:red;}
#pumpkins-page .nav li a img {max-height:25px;}
#pumpkins-page .section .tile-content {position:absolute;top:200px;left:10%;}
#pumpkins-page h2 {color:#FFF;text-shadow:3px 3px 3px #000;}
#pumpkins-page p {color:#FFF;text-shadow:3px 3px 3px #000;}
#pumpkins-page .row img {max-height:500px;border:15px groove #FFF;}
#pumpkins-page #intro {
  background-image:
  url(/images/halloween/pumpkins/bg-pumpkins-intro.webp),
  url(/images/halloween/pumpkins/bg-pumpkins-intro.jpg);
}
#pumpkins-page #tile2024 {
  background-image:
  url(/images/halloween/pumpkins/bg-darth-vader2.webp),
  url(/images/halloween/pumpkins/bg-darth-vader2.jpg);
  background-size:contain;
}
#pumpkins-page #tile2023 {
  background-image:
  url(/images/halloween/pumpkins/bg-owl.webp),
  url(/images/halloween/pumpkins/bg-owl.jpg);
  background-size:contain;
}
#pumpkins-page #tile2022 {
  background-image:
  url(/images/halloween/pumpkins/bg-terrifier.webp),
  url(/images/halloween/pumpkins/bg-terrifier.jpg);
  background-size:contain;
}
#pumpkins-page #tile2021 {
  background-image:
  url(/images/halloween/pumpkins/bg-alice-cooper.webp),
  url(/images/halloween/pumpkins/bg-alice-cooper.jpg);
  background-size:contain;
}
#pumpkins-page #tile2020 {
  background-image:
  url(/images/halloween/pumpkins/bg-the-thing.webp),
  url(/images/halloween/pumpkins/bg-the-thing.jpg);
  background-size:contain;
}
#pumpkins-page #tile2019 {
  background-image:
  url(/images/halloween/pumpkins/bg-night-king.webp),
  url(/images/halloween/pumpkins/bg-night-king.jpg);
  background-size:contain;
}
#pumpkins-page #tile2018 {
  background-image:
  url(/images/halloween/pumpkins/bg-alien-xenomorph2.webp),
  url(/images/halloween/pumpkins/bg-alien-xenomorph2.jpg);
  background-size:contain;
}
#pumpkins-page #tile2017 {
  background-image:
  url(/images/halloween/pumpkins/bg-Freddy-Krueger.webp),
  url(/images/halloween/pumpkins/bg-Freddy-Krueger.jpg);
  background-size:contain;
}
#pumpkins-page #tile2016 {
  background-image:
  url(/images/halloween/pumpkins/bg-Negan-The-Walking-Dead.webp),
  url(/images/halloween/pumpkins/bg-Negan-The-Walking-Dead.jpg);
}
#pumpkins-page #tile2015b {
  background-image:
  url(/images/halloween/pumpkins/bg-Eric-Draven-The-Crow.webp),
  url(/images/halloween/pumpkins/bg-Eric-Draven-The-Crow.jpg);
}
#pumpkins-page #tile2015a {
  background-image:
  url(/images/halloween/pumpkins/bg-Walter-White-Breaking-Bad.webp),
  url(/images/halloween/pumpkins/bg-Walter-White-Breaking-Bad.jpg);
}
#pumpkins-page #tile2014 {
  background-image:
  url(/images/halloween/pumpkins/bg-Daryl-Dixon-The-Walking-Dead.webp),
  url(/images/halloween/pumpkins/bg-Daryl-Dixon-The-Walking-Dead.jpg);
}
#pumpkins-page #tile2013 {
  background-image:
  url(/images/halloween/pumpkins/bg-Eddie-Iron-Maiden.webp),
  url(/images/halloween/pumpkins/bg-Eddie-Iron-Maiden.jpg);
}
#pumpkins-page #tile2012 {
  background-image:
  url(/images/halloween/pumpkins/bg-headless-horseman.webp),
  url(/images/halloween/pumpkins/bg-headless-horseman.jpg);
}
#pumpkins-page #tile2011 {
  background-image:
  url(/images/halloween/pumpkins/bg-scarecrow.webp),
  url(/images/halloween/pumpkins/bg-scarecrow.jpg);
}
#pumpkins-page a#halloween-stencils-link {max-width:25px;display:inline-block;position:absolute;bottom:0;right:0;}
#pumpkins-page a#halloween-stencils-link:hover, #pumpkins-page a#halloween-stencils-link:hover img {outline:none;border:none;}
#pumpkins-page a#halloween-stencils-link img {width:100%;}
#pumpkins-page .section {
    height:auto;  
    margin: 0 auto; 
	width: 100%; 
	position: relative; 
    color:#FFF;
    background-attachment:fixed;
}
#pumpkins-page .funicon {position:absolute;max-height:75px;}
#pumpkins-page #tile2023 .funicon {left:75px;top:155px;}
#pumpkins-page #tile2022 .funicon {left:75px;top:205px;}
#pumpkins-page #tile2020 .funicon {left:75px;top:155px;}
#pumpkins-page #tile2019 .funicon {right:100px;top:175px;}
#pumpkins-page #tile2018 .funicon {left:75px;top:155px;}
#pumpkins-page #tile2017 .funicon {left:75px;top:155px;}
#pumpkins-page #tile2016 .funicon {right:100px;top:175px;}
#pumpkins-page #tile2015a .funicon {right:275px;top:200px;}
#pumpkins-page #tile2014 .funicon {left:650px;top:175px;}
#pumpkins-page #tile2013 .funicon {right:275px;top:500px;}
#pumpkins-page #tile2012 .funicon {left:75px;top:155px;}
#pumpkins-page #tile2011 .funicon {right:425px;top:425px;}
@media (max-width: 767px) {
	#wrapper.pumpkins {padding:0;}
	#pumpkins-page .navbar-fixed-top {z-index:9;padding:.5rem 0;}
	#pumpkins-page .container {margin:0 auto;padding:0;}
  #pumpkins-page .section .tile-content {top:45%;left:3%;}
  #pumpkins-page #tile2012 .tile-content {top:5%;}
  #pumpkins-page #tile2011 .tile-content {top:60%;}
	#pumpkins-page .row img {max-height:320px;border:5px groove #FFF;}
	#pumpkins-page #intro {background-position:50% 0;padding:100px 0 175px;}
	#pumpkins-page #tile2015b {background-position:80% 0;}
	#pumpkins-page #tile2015a {background-position:80% -125px;}
	#pumpkins-page #tile2014 {background-position:80% 0;}
	#pumpkins-page #tile2013 {background-position:0 -75px;}
	#pumpkins-page #tile2012 {background-position:22% 75px;}
	#pumpkins-page #tile2011 {background-position:60% 0;}
	#pumpkins-page .section {
        background-size:cover;
        box-shadow:none;
        padding:350px 0;
	}
	#pumpkins-page .funicon {display:none;}
}
@media (min-width: 768px) {
    #pumpkins-page .section {
        background-position:50% 0;
	    box-shadow: 0 0 50px rgba(0,0,0,0.8);
        padding:500px 0;
    }
    #pumpkins-page #tile2022 .tile-content {left:65%;}
    #pumpkins-page #tile2021 .tile-content {left:65%;}
    #pumpkins-page #tile2020 .tile-content {left:65%;}
    #pumpkins-page #tile2019 .tile-content {left:60%;}
    #pumpkins-page #tile2018 .tile-content {left:60%;}
    #pumpkins-page #tile2017 .tile-content {left:65%;}
    #pumpkins-page #tile2013 .tile-content {left:35%;}
    #pumpkins-page #tile2012 .tile-content {left:65%;}
}

/* TV PAGE */
x#movies {margin-top:50px;}
.tv-page #tvSelectsTemplateDiv {z-index:9;border-radius:10px;width:100%;text-align:center;padding:5px;}
.tv-page #tvSelectsTemplateDiv .row {padding:10px 0;}
.tv-page #tvSelectsTemplateDiv input {box-shadow:none;}
.tv-page label {text-align:center;}
.tv-page button#show-all {border-color:#000;display:block;margin:10px auto 0;}
.tv-page .tv {background:#EEE;padding:15px;margin:0 0 15px;}
.tv-page .tv.watching {background:#f7f9a0;}
.tv-page .tv.watched {background:#adefad;}
.tv-page .tv.active {display:block !important;}
.tv-page .title-box {margin:0 0 10px;}
.tv-page .genres {margin:0 0 5px;}
@media (min-width: 767px) {
	.tv-page .genre {display:inline-block;padding-right:5px;}
}
@media (max-width: 767px) {
	.tv-page select {margin:5px 15px;text-transform:uppercase;}
	.tv-page .genre, .tv-page .rating-box span { display: block;margin:0; }
	.tv-page .synopsis {margin:10px 0;}
}




/* ANIMATIONS */
.animate.ng-enter {
  opacity: 0;
  transition-duration: 500ms;
}

.animate.ng-enter-active {
  opacity: 1;
}

.animate.ng-leave {
  opacity: 1;
  transition-duration: 500ms;
}

.animate.ng-leave-active {
  opacity: 0;
}