/*
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;
  white-space: nowrap !important;
  /*font-size: 13px; */
    
 
  
}

.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: 9px
  }
}

.btn-filmtime.category_id_40::before {
  content: "Infinity Vision";
  position: absolute;
  top: 7px;
  left: 10px; 
  right: 0;
  text-align: center;
  color: #ffffff;
  font-size: 9px;
  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;
  
  
  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;
}


.btn-filmtime.category_id_26, .btn-filmtime.specialevent.category_id_40 {
    white-space: nowrap !important;
    font-size: 12px;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}



@media (min-width: 768px) {
    .filmpage .filtr-item > .col-12:has(.btn-filmtime.category_id_40), 
    .filmpage .filtr-item > .col-12:has(.btn-filmtime.category_id_26) {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
/*
    .filmpage .filtr-item > .col-12:has(.btn-filmtime.category_id_40) .btn-filmtime {
        width: 100% !important;
    }
  */
  
  .btn-filmtime.specialevent.category_id_40,   {
    font-size: 13px !important;

}
    .row.filtr-item > .col-6.col-md-4 + .col-6.col-md-4 .btn-filmtime {
        margin-left: 10px !important;
    }
}


@media (max-width: 767px) {
  
  .sidebytimes.boxstyleA {
    border: 2px solid #222222;
    
  }
  

    /* Større plakat */
    .sidebytimes.boxstyleA > .col-6:nth-of-type(2) {
        flex: 0 0 58% !important;
        max-width: 58% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
  

    /* Smallere område til knapper */
    .sidebytimes.boxstyleA > .col-6:nth-of-type(3) {
        flex: 0 0 42% !important;
        max-width: 42% !important;
        padding-left: 10px !important;
    }

    /* ALLE elementer i højre side */
    .filmtimesTopRow > .col-6,
    .filmtimesTopRow > .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-right: 12px !important;
    }

        /* Alle links/knapper samme bredde */
        .filmtimesTopRow > .col-6 > a,
        .filmtimesTopRow > .col-12 > a {
            display: block !important;
            width: 100% !important;
        }


        .filmtimesTopRow > .col-12 .btn-filmtime {
            width: 100% !important;
            min-height: 0 !important;
            
        }
  
        .filmtimesTopRow > .col-12 > a > .btn-filmtime:not(.category_id_20):not(.category_id_40) {
           height: 40px !important;
           padding: 0 !important;
           white-space: nowrap !important;

    }
/*
      .timeonside .colFilmTimes {
        padding-right: 12px !important;
    }
  */
      .btn-film_readmore {
        white-space: nowrap !important;
        font-size: 13px;

    }
  
      .btn-filmtime.category_id_26, .btn-filmtime.category_id_16, 
      .btn-filmtime.category_id_5, .btn-filmtime.category_id_3,
      .btn-filmtime.specialevent.category_id_39{
        white-space: nowrap !important;
        font-size: 16px;

        
    }
  
  .col-12 {
  padding-left: 0 !important;
  
  }
  
  .sidebytimes h5 {
    padding-left: 15px !important;
}
 /*
    .filmpage .filtr-item > .col-12:has(.btn-filmtime.category_id_40) {
        flex: 0 0 50% !important;
      max-width: 50% !important;
        padding-left: 5px !important;

       
    }
    .filmpage .filtr-item > .col-6 {
        padding-left: 5px !important;
    }
*/
}