/*
light background-color: rgb(220,20,35) !important;
dark background-color: rgb(150,25,30) !important;
*/

.mainnav {
	background-color: rgb(150,25,30) !important;
}

.mainnav a.navbar-brand, .mainnav a.navbar-brand:hover, .mainnav a.navbar-brand:active, .mainnav a.navbar-brand:focus {
    background-color: transparent;
	background-image: url('logo/logoSkive.png') !important;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	width: 170px;
}


body, #divMain {
    background-color: #2d2d2d !important;
}

.category .catText {
	
	background-color: transparent;
	color: white;
}


.dinnerMessage.show .messageHolder .dinnerTime {
	line-height: 12px !important;
}

/*
body {
  background-image: url("hellerup_bg.jpg") !important;
  background-position: center 20vw;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #0c0000 !important;
}
*/

#orderflow #ofwrap .orderflowstep .obs {
	background-color: rgba(230,230,230,1) !important;
}


.button1, .mainnav #navbarSearch ul.results li a {
  background-color: rgb(150,25,30) !important;
  border: 2px solid rgb(150,25,30) !important;
  background-image: url('../gfx/2x/arrow_r.png'), url('img/film_bg.png');
  background-repeat: no-repeat;
  background-size: 0px 0px, auto 100% !important;
  background-position: right 50px center, top right !important;
}

.mainnav #navbarSearch ul.results li a {
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
}

.button1:hover, .mainnav #navbarSearch ul.results li a:hover {
  background-size: 8px 13px, auto 100% !important;
  background-position: right 15px center, top right !important;
	
}

.mainnav #navbarSearch ul.results li a:hover {
	color: #fff;
	background-size: 0px 0px, auto 100% !important;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
}

#gobackorder:hover {
   background-color: rgb(150,25,30) !important;
}

/* Primary buttons */
.btn-filmtime {
  background-color: rgb(150,25,30) !important;
  color: #ffffff !important;
  border: 2px solid rgb(150,25,30) !important;
	
  background-image: url('../gfx/2x/arrow_r.png'), url('img/film_bg.png');
  background-repeat: no-repeat;
  background-size: 0px 0px, auto 100% !important;
  background-position: right 50px center, top right !important;
}

.btn-filmtime:hover {
  background-size: 8px 13px, auto 100% !important;
  background-position: right 15px center, top right !important;
}

.btn-filmtime.inactive {
  background-color: rgba(0,0,0,0.15) !important;
  color: rgba(255,255,255,0.5) !important;
}

/* Secondary buttons */
.btn-film_readmore, .dateselecter .nav-link {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ffffff !important;
  border: 2px solid rgb(150,25,30) !important;
}

.btn-film_readmore:hover, .dateselecter .nav-link:hover, .btn-newsletter:hover {
  background-color: rgba(0,0,0,0.7) !important;
  /*border: 2px solid transparent !important;*/
}

.btn_next, .ticketamount button {
	background-color: rgb(150,25,30) !important;
	background-image: url('img/film_bg.png');
  background-repeat: no-repeat;
  background-size: auto 100% !important;
  background-position: top right !important;
	transition: .3s ease-out all;
}

.btn_next:hover, .ticketamount button:hover {
	background-color: rgb(150,25,30) !important;
	background-image: url('img/film_bg.png');
  background-repeat: no-repeat;
  background-size: auto 100% !important;
  background-position: top right 150% !important;
}


.btn-filmtime.category_id_20, .btn-filmtime.category_id_40 {
  position: relative;
  padding-top: 12px !important;
  padding-bottom: 0 !important;
 
  
}

.btn-filmtime.category_id_20::before {
  content: "BIOGRAFKLUB DANMARK";
  position: absolute;
  top: 7px;
  left: 10px; 
  right: 0;
  text-align: center;
  color: #ffffff;
  font-size: 8px;
  font-weight: normal;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: 0;
  
  
}

@media (max-width: 767px) { .btn-filmtime.category_id_20::before {
font-size: 8px
  }
}

.btn-filmtime.category_id_40::before {
  content: "Infinity Vision";
  position: absolute;
  top: 7px;
  left: 10px; 
  right: 0;
  text-align: center;
  color: #ffffff;
  font-size: 8px;
  font-weight: normal;
  line-height: 1;
  pointer-events: none;
}


.btn-filmtime.category_id_20 > span, .btn-filmtime.category_id_40 > span  {
  
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  
  width: 14px !important;
  height: 100% !important;
  padding: 0 !important;
 
  
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 10px !important;
  
  background-color: #000000 !important;
  color: #ffffff !important;
  
  writing-mode: sideways-lr !important;
  transform: none !important;
  direction: ltr !important;
  z-index: 5;
  
}

.nav-scroller.dateselecter .active {
  background-color: rgb(150,25,30) !important;
  border: 0px solid rgba(255,255,255,1) !important;
	
	background-image: url('img/film_bg.png');
  background-repeat: no-repeat;
  background-size: auto 100% !important;
  background-position: top right !important;
  
}

.nav-scroller.dateselecter .active * {
	color: #ffffff !important;
}

/* Tertiary buttons */
.btn-newsletter {
  color: #ffffff !important;
  background-color: transparent !important;
  border: 2px solid rgb(150,25,30) !important;
}

#dashboard .active, #dashboard .thelinks .active span {
	color: rgb(220,20,35) !important;
}

#dashboard #dashThree ul li:first-child {
    margin-right: 0px;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: rgb(150,25,30) !important;
	
}

#dateSelectList div#shortcutsdate .thelinks div.active, #dateSelectList div#shortcutsdate .thelinks div.active * {
	color: #fff !important;
}

.times {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.timestype {
  background-color: transparent !important;
}

.dateseperator {
  color: #ec2d37 !important;
}

/* FILTER */
.showtype .show_vertical, .showtype .show_horizontal, .showtype .show_sidebyside, .showtype .show_timeonside {
  background-color: transparent !important;
}

.showtype .shown {
  background-color: rgb(150,25,30) !important;
}

.filter .navbar-toggler p {
  color: #ffffff !important;
}


.filter {
  background-color: rgba(22, 22, 22, 1) !important;
}

.filter .nav-link {
  color: #ffffff !important;
}

#filterPhoenix li.space, .filter .dropdown {
	
	background-color: rgba(44, 44, 44, 1) !important;
}

.filtertxt {
  background-color: rgba(66, 66, 66, 1) !important;
}


.heroH {
	background-color: rgba(255,255,255,0.8);
	color: #343434;
}

/* Mobile View Film list */

.filmtainer .vertical .col-12 {
	background-color: #333;
}

.filmtainer .vertical .col-12.active, .filmtainer .vertical .col-12 .p-0 {
	background-color: #111;
}

.filmtainer .vertical .col-12.active .ver_open .ver_type span.cat {
	background-color: transparent !important;
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
	padding: 5px 15px !important;
}

.filmtainer .vertical .col-12 .title::before {
background: linear-gradient(to right, rgba(34,34,34,0) 92%, #333);
}

.filmtainer .vertical .col-12 .title {
	color: #fff;
}

.filmtainer .vertical .col-12 .times span {
	background-color: #971a31 !important;
	color: #fff !important;
}

.filmtainer .vertical .col-12 .times span strong {
	color: #fff !important;
}

/* DATE SELECTER */
.nav-scroller.dateselecter {
  background-color: rgba(34, 34, 34, 0.98) !important;
}

.nav-scroller.dateselecter .nav-link.empty_nav_item {
  background-image: none !important;
	border: 2px solid rgba(22,22,22,1) !important;
	background-color: rgba(22,22,22,1) !important;
 }

.nav-scroller.dateselecter .nav-link.empty_nav_item:hover {
  background-image: none !important;
  background-color: rgba(22,22,22,1) !important;
  
}


.modal-dialog {
  /*background-color: rgb(150,25,30) !important;*/
}

#videoModal .modal-dialog {
  background-color: transparent !important;
}

/* FILM LIST */
.boxstyleA {
  background-color: rgba(0,0,0,0.2) !important;
  /*border-left: 2px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2) !important;*/
}

.boxstyleB {
  background-color: rgba(255,255,255,1) !important;
  /*border-left: 2px solid rgba(0, 0, 0, 0.2);*/
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1) !important;
}

.boxstyleA h5 {
  color: rgba(255,255,255,0.8) !important;
}


.filmpage .times .timestype {
	padding: 0px !important;
}

.colorbox .color span {
	color: #999 !important;
}

.footer {
  background-color: rgba(22, 22, 22, 1) !important;
}


.companyFooter {
  background-color: rgba(11, 11, 11, 1) !important;
}

@media (max-width: 767px) {

    .sidebytimes.boxstyleA {
        border: 4px solid #222222;
    }

    /* Plakat og knapper under hinanden */
    .sidebytimes.boxstyleA > .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }


    /* Forestillingsknapper - 2 ved siden af hinanden */
    .filmtimesTopRow > .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
    }
  
       /* Venstre knap */
    .filmtimesTopRow > .col-6:nth-child(1),
    .filmtimesTopRow > .col-6:nth-child(2){
       padding-left: 15px !important;
       padding-right: 4px !important;
    }

     /* Højre knap */
    .filmtimesTopRow > .col-6:nth-child(2) {
      padding-left: 4px !important;
      padding-right: 15px !important;
    }

    /* SE ALLE DAGE + LÆS MERE - fuld bredde */
    .filmtimesTopRow > .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-right: 12px !important;
    }


    /* Links/knapper fylder deres område */
    .filmtimesTopRow > .col-6 > a,
    .filmtimesTopRow > .col-12 > a {
        display: block !important;
        width: 100% !important;
    }


    /* Showtime-knapper */
    .filmtimesTopRow > .col-12 .btn-filmtime {
        width: 100% !important;
        min-height: 0 !important;
    }


     .timeonside .filmtimes .col-12,
     .timeonside .colFilmTimes.pl-0 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}