@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {

  font-family: Oswald;

  src: url(https://fonts.googleapis.com/css2?family=Oswald);

}

.headtexttitle {

  font-family: Oswald;

  text-transform: uppercase;

  font-weight: 400;

}

/*Backgrounds*/

#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/no/tix/Skin/20190411/1/Images/logo2-small.png) !important;

	width: 186px !important;

    height: 45px !important;

}

#ProfileFields #SkipLogin button {

  background-color: white;

  color: black;

  border: 1px solid black;

}

#ProfileFields #SkipLogin button:hover {

  background-color: black;

  color: white;

}

#BuyingHead {

	background-image: url(https://cdn.tixly.com/no/tix/Skin/20190411/1/Images/bg.jpg);

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

@media (max-width: 800px) {

#SiteHead2 h1.logo {

width: 184px !important;

}}

#TicketSelector .select-zone .zone-list{

  color: #ffffff !important;

}

/* VIPPS FIX */

@media only screen and (max-width: 767px) {

.venoframe {

 height: 570px !important;

}}

/*Highlight terms and conditions*/

#TermsInfo {

    background-color: #93d9bd;

  

    padding-top: 8px !important;

  	padding-bottom: 8px !important;

    padding-left: 18px !important;

    margin-bottom: 24px;

}

/* Vis Hopp over innlogging paa mobil uten scroll */

@media only screen and (max-width: 767px) {

#BuyingHead {

 display: none;

}}

/* Change color - Add product from receipt button */

#ReceiptContainer .add-product-to-order:not(:hover) {

  background-color: #ededed;

}

/* Hide social logins */

#SignInSocial, #ProfileFields > h5{

display: none !important;

}

/* Square buttons*/

.button, .button-small {

  border-radius: 0px !important;

  text-transform: uppercase;

}

.button:hover, .button-small:hover {

	color: #e5e5e5;

}

/* Tixly link footer color */

#footer .copyright-text a {

  color: white;

}

/* Only show one related event on smaller screens */

@media only screen and (max-width: 767px) {

  div#BasketContainer>div:nth-child(2)>div:nth-child(1n+2){

  display: none;

  }

}

/* Permission description text overflow FIX */

.permission-description {

  width: auto;

}

/* Bigger text Vipps "Registrer telefonnummeret ditt ovenfor" etc */

.mobile-merchant-status>span {

  font-size: 16px;

}

/* Finn billetter-knapp - fiks pil ikon */

#FindTickets {

  max-width: 238px;

}

/*Ship login button color change when hover over*/

#ProfileFields #SkipLogin button {

  background-color:#000000 !important;

  color: #ffffff !important;

}

/*Ship login button color change when hover over*/

#ProfileFields #SkipLogin button:hover {

  background-color:#000000 !important;

  color: #e5e5e5 !important;

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #000000;
}
.primary-bg-c {
    background-color: #000000;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #000000;
}
.primary-c-button {
	background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button:hover {
	border-color: #000000;
    background-color: #000000;
}
.primary-c-button-secondary {
	background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}
.primary-c-button-2:hover {
    background-color: #000000;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}
.primary-c-button-2-secondary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #000000;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.header-bg-c {
    background-color: #ffffff;
    color: #000000;
}
#skipToContent {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #000000;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #e5e5e5;
}
.header-c-hover-before::before {
    border-color: transparent #000000 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #000000;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #ffffff;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
    border-color: #ffffff;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #ffffff;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #ffffff;
}
.footer-highlight-c {
    color: #ffffff;
}
.content-inline-heading, .content-table-heading th {
     color: #525252;
}
/* Secondary */
.secondary-c {
    color: #000000;
}
.secondary-bg-c {
    background-color: #000000;
    color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #ffffff;
}
.secondary-bg-c-hover:hover {
    background-color: #000000;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
.secondary-c-button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #e5e5e5;
}
.tertiary-bg-c {
    background-color: #e5e5e5;
    color: #000000;
}
.tertiary-border-c {
    border-color: #e5e5e5;
}
.tertiary-c-button-secondary {
	background-color: #e5e5e5;
    color: #000000;
    border-color: #e5e5e5;
}
.tertiary-c-button-secondary:hover {
    background-color: #e5e5e5;
    color: #000000;
    border-color: #e5e5e5;
}
.tertiary-bg-c-hover:hover {
    background-color: #e5e5e5;
    color: #000000;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#SiteHead2 {
    border-bottom: 1px solid #e5e5e5;
}

#BuyingSteps div.icon {
    background: rgba(82,82,82,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #000000;
}
#SectionGroups li.selected-group a {
    background: #000000;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #000000;
    box-shadow: 0 3px 0px 0px #000000;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #000000;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #000000;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #000000;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #000000;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #000000;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #000000;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #000000;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #000000 transparent;
}
input[type='checkbox']:checked {
    background-color: #000000;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #ffffff;
    color: #000000;
}

/* Nice little special block for validation colors */
input[type='text'].input-validation-error,
input[type='email'].input-validation-error,
input[type='tel'].input-validation-error,
input[type='date'].input-validation-error,
input[type='password'].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
    border-color: #d7340b;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #d7340b !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #d7340b;
}