:root {
    --light: #f2f2f2;
    --dark: #216fb9;
    --headfoot: #216fb9;
    --headfoottext: #ffffff;
}

/*--------------------------------  FONT --------------------------------------------*/
@font-face {
  font-family: Archivo;
    src: url("/fair/eds5122026/assets/archivo-v18-latin-regular.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}




div.top.module h1.heading.branding a {
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif !important;
  margin-top:7px;
color: var(--headfoottext);
font-weight: 700;
}


.icon-text {
  color: var(--headfoottext) !important;
}

.top .menu_icon > .icon-burger::before, .top .menu_icon > .icon-burger::after {
  background: var(--headfoottext);
}

table#cart_article_table tbody tr td input::placeholder {
  color: White;
  opacity: 1;
}

/*----------------------------- SLUT FONT ----------------------------------------*/


/* -----------------------------------------------  FÄRGER ------------------------------------------------*/

/*----- EVENTFÄRG PÅ HEADERN -----*/
body div.top {
    background-color: var(--headfoot);
}


/* ----- EVENTFÄRG PÅ SIFFRORNA I "PROGRESSBAR" ----- */
span.step_nr {
    color: var(--headfoot) !important;
    font-weight: bold;
}

/* ----- EVENTFÄRG PÅ AKTIVT STEG I "PROGRESSBAR" - desktop ------ */
#steps_box p.step_desc_active {
    color: var(--headfoot) !important;
    font-weight: bold;
}

/* ----- EVENTFÄRG PÅ AKTIVT STEG I "PROGRESSBAR" - mobilt ------*/
#page_title {
    color: var(--headfoot) !important;
    font-weight: bold;
}


/* ----- SÄTTER FÄRG PÅ PROGRESSBARENS SIFFRA OCH TEXT PÅ INLINEREGI-SURVEYSIDAN ----- */

div#eshop_box.step_2.step_register div#steps_box.no_print.comp_steps div#steps_content table tbody tr td.step_person.step_2.step_visited.step_preceding p a.step_desc_inactive_linked,
div#eshop_box.step_2.step_register div#steps_box.no_print.comp_steps div#steps_content table tbody tr td.step_person.step_2.step_visited.step_preceding a.step_nr_inactive_linked {
    color: var(--headfoot) !important;
    font-weight: bold;
}


/* ----- VOUCHER BOXFÄRG ----- */
div.voucher_entry_block div.box.eshop_form_box_voucher {
    background-color: var(--light) !important;

}


/* ----- EVENTFÄRG PÅ RUTAN RUNT "TILLAGD PRODUKT", NÄR INBJUDAN/KAMPANJ UTNYTTJATS ----- */
div.voucher_entry_block table.form_table tr.eshop_form_field_voucher_exchanged_info td.eshop_td_ro_value p.form_value {
    color: var(--headfoot);
}

/*
div.voucher_entry_block table.form_table tr.eshop_form_field_voucher_exchanged_info td.eshop_td_ro_value p.form_value {
    color: (--dark);
    border-style: solid;
    padding: 10px;
    border-radius: 10px;
}*/


/* EVENTFÄRG PÅ STARTSIDEKNAPPAR---- TA BORT???????
  div.startpage_button 
  {
      background-color: var(--dark);
      width:80px !important;
      color: #FFFFFF;
      font-weight: bold;
  }*/


/* ----- LJUSA SEKUNDÄRA KNAPPAR  ----- */
table.form_table.eshop_form_table_voucher td input#voucher_code_button_bt,
form#eshop_form div.no_print.comp_back_next_buttons a.button.button_left {
    border: var(--dark) 1px solid !important;
    background-color: var(--light) !important;
    color: black;
}


/*------ LJUSA SEKUNDÄRA KNAPPAR MED MÖRK HOOVER FÄRG ------*/
table.form_table.eshop_form_table_voucher td input#voucher_code_button_bt:hover,
form#eshop_form div.no_print.comp_back_next_buttons a.button.button_left:hover {
    border: var(--dark) 1px solid !important;
    background-color: var(--dark) !important;
    color: white;
}

/* ----- MÖRKA KNAPPAR FORTSÄTT/REGISTRERA I SHOPEN OCH I UTSTÄLLARREGISTRERINGEN ----- */
#eshop_box .button_calculate,
#eshop_box .button_right,
div.buttons button,
button.submit,
input#voucher_code_button_bt,
#eshop_box .button_print,
div input[type="submit"] {
    background-color: var(--dark);
    color: #FFF;
}



/* ----- ÄNDRAD BAKGRUNDSFÄRG PÅ RUBRIKRAD FÖR ENTREBILJETTER ----- */

tr.section_row:nth-child(2)>td:nth-child(1)>h2:nth-child(1),
tr.section_row:nth-child(6)>td:nth-child(1)>h2:nth-child(1),
tr.section_row:nth-child(40) > td:nth-child(1) > h2:nth-child(1) {
    background-color: var(--light);
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border-bottom: var(--dark) 2px solid;
}



/*ÄNDRAR BAKGRUNDSFÄRG FÖR HUNDBILJETTEN RUBRIKRAD*/
tr.section_row:nth-child(21) > td:nth-child(1) > h2:nth-child(1){
    background-color: var(--light);
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border-bottom: var(--dark) 1px solid;
}


/* ----- PRODUKTFÄRG ----- */
.art_title,
a {
    color: #009fef;
}

/*------------------------------------------------ FOOTER ---------------------------------------------------*/

.sub-sub-heading {
    color: var(--headfoottext) !important;
}

div#smfooter .footer .bottom,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear,
.footer {
    background-color: var(--headfoot) !important;
}

div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.sub-sub-heading a,
div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.text a.tel.link,
div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.text a.link,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear address div.col p.text a.link,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear address div.col p.text strong {
    color: var(--headfoottext);
    text-decoration: underline;
}

/*-------------------------------------- SLUT FOOTER ------------------------------------------------- */



/*---------------------------------------------- PRODUKTLISTA ---------------------------------------*/

/* ----- DENNA LÄGGER FET TITEL PÅ EN PRODUKT ----- */
#eshop_form div.cart_block #cart_article_table tr#article_cart_row_151 td a.art_title {
    margin-top: 20px;
    font-weight: bold;
}


/*  ----- INDRAG PÅ UNDERPRODUKTER ----- */
#eshop_form div.cart_block #cart_article_table tr#article_cart_row_561 td a.art_title,
#eshop_form div.cart_block #cart_article_table tr#tr_art_desc_561_text div#art_desc_561_text,

#eshop_form div.cart_block #cart_article_table tr#article_cart_row_562 td a.art_title,
#eshop_form div.cart_block #cart_article_table tr#tr_art_desc_562_text div#art_desc_562_text,

#eshop_form div.cart_block #cart_article_table tr#article_cart_row_565 td a.art_title,
#eshop_form div.cart_block #cart_article_table tr#tr_art_desc_565_text div#art_desc_565_text,

#eshop_form div.cart_block #cart_article_table tr#article_cart_row_564 td a.art_title,
#eshop_form div.cart_block #cart_article_table tr#tr_art_desc_564_text div#art_desc_564_text
 {
    margin-left: 25px;
    font-style: italic
}

/* ----- SLÄCKER NER SEK 0 I ONLINESHOPEN OCH DIV.FORM SLÄCKER ANTALSRUTAN ----- */
tr#article_cart_row_1011>td.price_info,
tr#article_cart_row_1011>td div.form_value {
    display: none;
}

/* ----- SLÄCKER NER SEK 0 I ONLINESHOPEN  ----- */
tr#article_cart_row_561 >td.price_info,
tr#article_cart_row_562 >td.price_info,
tr#article_cart_row_564 >td.price_info,
tr#article_cart_row_565 >td.price_info
{
visibility : hidden;
}

/*---------------------------------------------- SLUT PRODUKTLISTA ---------------------------------------*/


/*----------------------------------------------FÄLT SOM SKA DÖLJAS---------------------------------------*/

/* ----- FÄLT SOM EJ SKA VISAS I SID 2 I SHOPPEN ----- */
tr.eshop_form_field_gender,
tr.eshop_form_field_title,
tr.eshop_form_field_department,
tr.eshop_form_field_company,
tr.eshop_form_field_hp_pass_nr,
tr.eshop_form_field_ust_ident_nr,
tr.eshop_form_field_fax {
    display: none;
}


/*----------------------------------------------BRA ATT HA IFALL ATT---------------------------------------*/

/* ----- LINJE UNDER SISTA PAKETPRODUKTEN  ----- 
  #eshop_form div.cart_block #cart_article_table tr#article_cart_row_511 td,
  #eshop_form div.cart_block #cart_article_table tr#article_cart_row_615 td
  {
     padding-top: 15px;
          border-bottom: thin solid #CCCCCC; 
  } */

/* ----- SLÄCKART ANTAL I BELOPPSUMMERING SID 2 ----- 
  #article_cart_row_511 > td:nth-child(3) > div:nth-child(1) {
    display: none;
  }*/


/* ----- SKJUTER ANTAL 1 MER TILL VÄNSTER ----- 
  
  #article_cart_row_101 > td:nth-child(3) > div:nth-child(1),
  #article_cart_row_130 > td:nth-child(3) > div:nth-child(1),
  #article_cart_row_140 > td:nth-child(3) > div:nth-child(1),
  #article_cart_row_149 > td:nth-child(3) > div:nth-child(1),
  #article_cart_row_138 > td:nth-child(3) > div:nth-child(1)    
  {
    padding-right: 30px;
  }*/

/* ----- GÖR ANTALSRUTAN MINDRE EFTER ATT MAN TAGIT BORT PILARNA ----- 
  #input_art_menge_601,
  #input_art_menge_602,
  #input_art_menge_603,
  #input_art_menge_604,
  #input_art_menge_605,
  #input_art_menge_606
  {
      padding: 3px !important;
  }
  */



/* ----- SLÄCKER NER ANTALSRUTAN PÅ INGÅENDE PAKETPRODUKT ----- */
#input_art_menge_XXXX {
    display: none;
}




/*------------------------------------------------------- Desk Wide------------------------------------------------------------------*/
@media (min-width: 1025px) {}

/*------------------------------------------------------- Desk ------------------------------------------------------------------*/
@media (min-width: 801px) and (max-width: 1023px) {}

/*------------------------------------------------------- Tablet ------------------------------------------------------------------*/
@media (min-width: 641px) and (max-width: 800px) {}

/*------------------------------------------------------ Smartphone ------------------------------------------------------------------*/
@media (max-width: 640px) {}