/* Custom font on most items */ 

@font-face{font-family:GT-Pressura;font-weight:400;font-style:normal;src:url(https://www.bolgenkulturhus.no/wp-content/uploads/2021/02/GT-Pressura-Regular.woff2) format("woff2"),url(https://www.bolgenkulturhus.no/wp-content/uploads/2021/02/GT-Pressura-Regular.woff) format("woff")}

@font-face{font-family:GT-Pressura;font-weight:100;font-style:normal;src:url(https://www.bolgenkulturhus.no/wp-content/uploads/2021/02/GT-Pressura-Light.woff2) format("woff2"),url(https://www.bolgenkulturhus.no/wp-content/uploads/2021/02/GT-Pressura-Light.woff) format("woff")}

@font-face{font-family:GT-Pressura-Mono;font-weight:400;font-style:normal;src:url(https://www.bolgenkulturhus.no/wp-content/uploads/2022/01/GT-Pressura-Mono-Regular.woff2) format("woff2"),url(https://www.bolgenkulturhus.no/wp-content/uploads/2022/01/GT-Pressura-Mono-Regular.woff) format("woff")}

body, #BuyingHead, #SiteHead2, .primary-c, #BuyingSteps div .text, #EventSelector td.name, #EventSelector td.date, #EventSelector td.location, #EventSelector td.price, #EventSelector td.time, #EventSelector .selection-heading th, #TicketSelectTitle, #TicketSelector .name, .button, .button-small, #TicketSelector .select-zone, #TicketTypeSelect .ticket-type-list, #TicketResultText, #TicketResults th, button.view-seats-button, #DeliveryTypeTitle, #DeliveryInfoBox .delivery-info-description, #DeliverySelect li label, #DeliverySelect li label span.description, #ProductSelect h2, #ProductSelect ul.tiles li.product .info h1, #ProductSelect span.currency-rate, .product-popup-description p, .product-popup-title h2, .basket-title, .basket-line, #BuyerTitle, #CardTitle, #GiftCardTitle, #GiftCardDescription p, #InsuranceTitle, .profile-title, .headtexttotal li, #TicketResults .sum .text, #TicketResults .sum td, .item-info, .item-list .results-items .item-details .item-info>span>span, .item-list .results-header .total .prices .text, .item-list .results-header .title h2, #BasketContainer h3, .item-list .results-header .total .prices .text, #PurchaseLogin h2, #ProfileFields .profile-heading, #ProfileFields h5, #ProfileBar ul li button, #BuyerTitle .reference, .info-heading .description, #ReceiptContainer .sale-item-wrapper .item-line, .fnt-bold, .fnt-sbold, .fnt-bold h1, .fnt-bold h2, .fnt-bold h3, .fnt-bold h4, .fnt-bold h5, h1.fnt-bold, h2.fnt-bold, h3.fnt-bold, h4.fnt-bold, h5.fnt-bold, .fnt-bold input, .fnt-bold select, .fnt-bold textarea, .fnt-normal, strong, b

{

 font-family: 'GT-Pressura', sans-serif !important;

  /* TEST: Will this set customer's wanted weight in all places? */

 font-weight: 400;

}

#ProductSelect .tiles .number-of-products, #BuyingSteps div.icon, #TicketSelector .ticket-count .tickets

{

 font-family: 'GT-Pressura-Mono', sans-serif !important; 

}

/*Backgrounds*/

#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/no/tix/Skin/20190411/3/Images/logo_b-small.png) !important;

	max-width: 250px !important;

	    width: 150px !important;

	max-height: 40px;

	position: relative;

}

@media (max-width: 600px) {

#SiteHead2 h1.logo {

    height: 40px;

  	width: 75px;

  }}

#SiteHead2 {

  border-bottom: solid 1px !important;

}

#BuyingHead {

	background-color: #f4eef3;

    color: #000 !important;

    border-bottom: solid 1px !important;

    font-weight: 400;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

#ProductSelect .tiles .product-count .number-of-products {

  color:#000000 !important;

  margin-top:0px;

}

#ProductSelect .price {

  color:#000;

}

#TicketSelector .select-zone span {

    color: #fff;

}

/* Hide suggestions in basket */

.event-group-suggestion {

display: none;

}

div#BasketContainer > h2:first-child{

display: none;

} 

/* Footer - change background color */

#footer {

  background-color: #352334;

}

/* Footer - change link text color */

#footer a {

  color: #FEB9B6;

}

/* Change color - active step number */

#BuyingSteps .steps.active div.icon {

  color: #000;

}

/*Highlight terms and conditions*/

#TermsInfo {

    padding-top: 8px;

  	padding-bottom: 0px;

    margin-bottom: 24px;

    background-color: #C6DED2;

}

/* Change link color - terms and c. */

#TermsInfo .terms-and-conditions {

    color: #153729;

}

/* Change roundness of buttons */

.button, .button-small {

  border-radius: 6px !important;

}

/* Change font color - basket, number of tickets */

.headtexttotal .tickets a svg:first-child, span.basket-items, .headtexttotal .tickets a svg:last-child {

    color: #000;

}

/* CHange font weight - certain text */

.customer-container .spam-warning, #ReceiptContainer .customer-container .customer-email, .item-line div.fnt-normal, .delivery-info div.fnt-normal, #DeliveryInfoBox .delivery-info-description, #PermissionInfo .purchase-info-box-container .input-line .checkbox label, [id$="ExternalInfo"], #DirectDebitInfo, .info-heading .description {

  font-weight: 100;

  font-size: 18px;

}

/* Bigger text - T&C text */

#terms-info {

  font-size: 18px;

}

/* change font size to 400 for bold titles */

.title .fnt-bold {

    font-weight: 400;

}

/* Remove social login */

#SignInSocial {

display: none !important;

}

#ProfileFields h5 {

    display: none;

}

/* Put this in the field

Har du logget inn med Facebook eller Google tidligere, vennligst be om nytt passord.

*/

/* Permission description text overflow FIX */

.permission-description {

  width: auto;

}

/* Make required fields more visible */

label.required-field {

  color:black !important;

  font-weight:800 !important;

}

/* Skip login button color change */

#ProfileFields #SkipLogin button {

  background-color:#4F9A60 !important;

  color: #ffffff !important;

}

/*Ship login button color change when hover over*/

#ProfileFields #SkipLogin button:hover {

  background-color:#2d5837 !important;

  color: #ffffff !important;

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #e5bf59;
}
.primary-bg-c {
    background-color: #e5bf59;
	color: #000000;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #000000;
}
.primary-border-c {
    border-color: #e5bf59;
}
.primary-c-button {
	background-color: #e5bf59;
    color: #000000;
    border-color: #e5bf59;
}
.primary-c-button:hover {
	border-color: #DFB135;
    background-color: #DFB135;
}
.primary-c-button-secondary {
	background-color: #e5bf59;
    color: #000000;
    border-color: #e5bf59;
}
.primary-c-button-secondary:hover {
    background-color: #212121;
    color: #ffffff;
    border-color: #212121;
}
.primary-c-button-2 {
    background-color: #000000;
    border-color: #e5bf59;
    color: #e5bf59;
}
.primary-c-button-2:hover {
    background-color: #e5bf59;
    color: #000000;
}
.primary-c-button-2-secondary {
    background-color: #000000;
    border-color: #e5bf59;
    color: #e5bf59;
}
.primary-c-button-2-secondary:hover {
    background-color: #212121;
    border-color: #212121;
    color: #000000;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #e5bf59;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(244,238,243,0);
    background: -moz-linear-gradient(left, rgba(244,238,243,0) 0%, rgba(244,238,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,238,243,0)), color-stop(100%, rgba(244,238,243,1)));
    background: -webkit-linear-gradient(left, rgba(244,238,243,0) 0%, rgba(244,238,243,1) 100%);
    background: -o-linear-gradient(left, rgba(244,238,243,0) 0%, rgba(244,238,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(244,238,243,0) 0%, rgba(244,238,243,1) 100%);
    background: linear-gradient(to right, rgba(244,238,243,0) 0%, rgba(244,238,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4eef3', endColorstr='#f4eef3', GradientType=1 );
}
.header-bg-c {
    background-color: #f4eef3;
    color: #000000;
}
#skipToContent {
    background-color: #f4eef3;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #e5bf59;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #e5bf59;
}
.header-c-hover-before::before {
    border-color: transparent #e5bf59 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #e5bf59;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #f4eef3;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #e5bf59;
    border-color: #f4eef3;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #f4eef3;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #f4eef3;
}
.footer-highlight-c {
    color: #f4eef3;
}
.content-inline-heading, .content-table-heading th {
     color: #7a7a7a;
}
/* Secondary */
.secondary-c {
    color: #212121;
}
.secondary-bg-c {
    background-color: #212121;
    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: #212121;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #212121;
    border-color: #212121;
}
.secondary-c-button:hover {
    background-color: #212121;
    border-color: #212121;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #e5bf59;
}
.tertiary-bg-c {
    background-color: #e5bf59;
    color: #000000;
}
.tertiary-border-c {
    border-color: #e5bf59;
}
.tertiary-c-button-secondary {
	background-color: #e5bf59;
    color: #e5bf59;
    border-color: #e5bf59;
}
.tertiary-c-button-secondary:hover {
    background-color: #e5bf59;
    color: #212121;
    border-color: #e5bf59;
}
.tertiary-bg-c-hover:hover {
    background-color: #e5bf59;
    color: #000000;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#BuyingSteps div.icon {
    background: rgba(122,122,122,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #e5bf59;
}
#SectionGroups li.selected-group a {
    background: #e5bf59;
    color: #000000;
}
#ProfileBar ul li button.active {
    color: #e5bf59;
    box-shadow: 0 3px 0px 0px #e5bf59;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #e5bf59;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #e5bf59;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #e5bf59;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #e5bf59;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #e5bf59;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #e5bf59;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #DFB135;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #e5bf59 transparent;
}
input[type='checkbox']:checked {
    background-color: #e5bf59;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #f4eef3;
    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: #eb380b;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #eb380b !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #eb380b;
}
