/*
light background-color: rgb(33,86,140) !important;
dark background-color: rgb(15,30,56) !important;
Link color: rgb(126,159,193) !important;
*/

body,
#divMain {
	background-color: #333c3e !important;
	/*background: url(img/ebeltoft_bg_body.jpg) !important;
	background-position: center !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;*/
}


/* ------ MAIN NAV ------ */

.mainnav {
	background-color: #1d2324 !important;
}

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

.mainnav #navbarSearch ul.results li a {
}

.mainnav #navbarSearch ul.results li a:hover {
	color: white;
}

.mainnav #navbarSearch ul.results li a {
	border-radius: 3px;
	background-color: #2e8848 !important;
	border: 2px solid #2e8848 !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto !important;
	background-position: right 0px center !important;
}

.mainnav #navbarSearch ul.results li a:hover {
	background-size: auto 130% !important;
	background-position: right -10px center !important;
	transition: .2s ease-out all;
	
}


/* ------ BUTTON 01 ------ */

.button1 {
	border-radius: 3px;
	background-color: #2e8848 !important;
	border: 2px solid #2e8848 !important;
	background-image: url('../gfx/2x/arrow_r.png'), url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: 0px 0px, auto 100% !important;
	background-position: right 50px center, top right !important;
}

.button1:hover {
	background-size: 8px 13px, auto 150% !important;
	background-position: right 15px center, top right !important;
	transition: .2s ease-out all;
	
}


/* ------ PRIMARY BUTTON ------ */

.btn-filmtime {
	border-radius: 3px;
	color: white !important;
	background-color: #2e8848 !important;
	border: 2px solid #2e8848 !important;
	background-image: url('../gfx/2x/arrow_r.png'), url('img/btn_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 150% !important;
	background-position: right 15px center, top right !important;
	transition: .2s ease-out all;
}

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


/* ------ SECONDARY BUTTON ------ */

.btn-film_readmore,
.dateselecter .nav-link,
.btn-newsletter {
	border-radius: 3px;
	color: white !important;
	background-color: rgba(0,0,0,0.2) !important;
	border: 2px solid #2e8848 !important;
}

.btn-film_readmore:hover,
.dateselecter .nav-link:hover,
.btn-newsletter:hover {
	background-color: rgba(0,0,0,0.6) !important;
}

.btn_next,
.ticketamount button {
	border-radius: 3px;
	background-color: #2e8848 !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: top right !important;	
}

.btn_next:hover,
.ticketamount button:hover {
	background-color: #333c3e !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: top right 50% !important;
	transition: .2s ease-out all;
}


.nav-scroller.dateselecter .active {
	border-radius: 3px;
	color: white !important;
	background-color: #2e8848 !important;
	border: 0px solid white !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: top right !important; 
}



/* ------ BOX STYLES ------ */


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

.boxstyleB {
	border-radius: 3px;
	background-color: #fff !important;
}

.boxstyleA,
.times,
.filmpage .times.colorboxTimes {
	background-color: rgba(0,0,0,0.3) !important;
}

.filmpage .times.colorboxTimes {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

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

.dateseperator {
	color: #9eb5a4 !important;
}

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


.colorbox {
	border-radius: 3px;
	background-color: rgba(255,255,255,0.03) !important;
    box-shadow: none !important;
}

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





/* ------ ARTIKEL / CMS SIDERNE ------ */

.artikel {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.artikel a:link,
.artikel a:visited,
.artikel a:hover,
.artikel a:active {
	font-weight: bold;
	color: #9eb5a4 !important;
}

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

.footer a:link,
.footer a:visited,
.footer a:active {
	color: #9eb5a4 !important;
}

.footer a:hover {
	color: rgb(255,255,255) !important;
}

.companyFooter {
  background-color: rgba(0,0,0,0.8) !important;
}

.companyFooter a {
	display: block;
}

.companyFooter a .phone {
	font-weight: bold;
}



.footer .text-muted a:link,
.footer .text-muted a:visited,
.footer .text-muted a:active {
	color: #6c6c6c !important;
}

.footer .text-muted a:hover {
	color: #fff !important;
}

.footer .paymentIcons img {
	margin: 5px;
}






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


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




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






#gobackorder:hover {
   background-color: #2e8848 !important;
}








/* Tertiary buttons */


#dashboard,
.filmpage #dashboard {
	background-color: #333c3e !important;
}


#dashboard .active,
#dashboard .thelinks .active span {
	color: #9eb5a4 !important;
}

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

#dashboard #dashTwo ul li a,
#dashboard #dashTwo ul li a.active,
#dashboard #dashThree ul li a,
#dashboard #dashThree ul li a.active,
#dateSelectList div#shortcutsdate .thelinks div,
#categorySelectList div#shortcutscat .thelinks,
#cinemaSelectList div#shortcutscat .thelinks,
#versionSelectList div#shortcutscat .thelinks {
	background-color: rgba(0,0,0,0.3) !important;
}

#dashboard #dashTwo ul li a:hover,
#dashboard #dashThree ul li a:hover {
	background-color: rgba(0,0,0,0.5) !important;
}

#dashboard #dashTwo ul li a,
#dashboard #dashTwo ul li a.active,
#dashboard #dashThree ul li a,
#dashboard #dashThree ul li a.active {
	border-top: solid 2px rgba(0,0,0,0.7) !important;
}

#dashboard #dashThree .dateBackward,
#dashboard #dashThree .dateForward {
	background-color: rgba(0,0,0,0.7) !important;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #2e8848 !important;
	
}

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



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

.showtype .shown {
  background-color: #2e8848 !important;
}

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


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

.filter .nav-link {
  color: white !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: transparent !important;
}

.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: white !important;
	border-bottom: 2px solid #fff !important;
	padding: 5px 15px !important;
}

.filmtainer .vertical .col-12 .title::before {
background: none !important;
}

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

.filmtainer .vertical .col-12 .times span {
	background-color: #2e8848 !important;
	color: white !important;
}

.filmtainer .vertical .col-12 .times span strong {
	color: white !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(33,86,140) !important;*/
}

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