/* Kolory */
   :root {
    /* Kolory podstawowe */
    --color_window_bg: #FFFFFF;
    --color_site_bg: #FFFFFF;
    --color_font: #000000;
    --color_font_invert: #F3F3F3;


    --color_gray_dark: #1d1d1d;
    --color_gray_bright: #585858;



    /* Kolory linkow */
    --color_link: var(--color_font);
    --color_link_hover: var(--color_font);
    --color_link_active: #88692F;

    --color_link_invert: var(--color_font_invert);
    --color_link_invert_hover: var(--color_font_invert);
    --color_link_invert_active: var(--color_font_invert);

    /* Kolory zaawansowane */
    --color_table_bg: transparent;
    --color_table_bg_header: var(--color_table_bg);
    --color_table_bg_hover: var(--color_table_bg);

    /* Definicja kolorów strony */
    --color_gold: #a4a4b7;
    --color_gold_shadow: #a4a4b770;
    --color_placeholder: #a4a4b7AA;
    --color_button: var(--color_gray_bright);
    --color_button_hover: #525252DD;
    --color_button_active: #000000;
    --color_button_open: #000000;

    --color_gradient_dark: #1d1d1d;
    
   /* --color_gradient_dark: #363636;  */

   --color_background_black: #00000060;
   --color_background_gold: #c5a05915;
   --color_bgborder_gold: #c5a05940;

/*
    --color_primary: #013F70;
    --color_secondary: #0171CB;
    --color_gray_dark: #808080;
    --color_gray_bright: #D0D0D0;
*/


    /* Filtry */
    --filter_gold: invert(63%) sepia(48%) saturate(411%) hue-rotate(1deg) brightness(95%) contrast(87%);;
    --filter_white: brightness(0%) saturate(0%) invert(100%);
    --filter_black: brightness(0%) saturate(0%) invert(0%);

    /* Marginesy */
    --side_margins: 5em;
  }


/* Reset */

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
    vertical-align: baseline;
    font-family: Lato, Verdana;
  }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }


  .mobile_show {
    display: none;
  }


  ::-webkit-calendar-picker-indicator {
      filter: var(--filter_gold);
      font-size: 1.25em;
  }

/* Główne style */

  body {
    background-color: var(--color_body_bg);
    color: var(--color_font);
    line-height: 1;
    margin: 0px auto;
    padding: 0px;
    font-size: 0.870vw;
    letter-spacing: 2px;
  }


  p {
    /* text-align: justify; */
    line-height: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
    letter-spacing: 2.4px;
    font-weight: 700;
    font-family: Lato;
    line-height: 1.5em;
  }


  p b, p strong {
    font-weight: 900;
    font-family: Lato;
  }


  ol, ul, ul ul {
    padding-left: 2.25em;
    list-style-position: outside;
  }

  li {
    line-height: inherit;
  }


  ul {
    list-style-type: disc;
  }



  ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
  }

  ul.menu > li {
    float: left;
    margin-left: 1em;
  }

  ul.menu > li:first-child {
    margin-left: 0;
  }



  a {
    color: var(--color_gold);
    text-decoration: none;
  }

  a:hover {
    color: var(--color_font);
  }

  a:active {
    color: var(--color_link_active) !important;
  }


  h1 {

  }


/* Content style */

  .contentstyle {
    line-height: 1.5em;
    width: 100%;
    text-align: justify;
    text-indent: 0 !important;
    background: transparent;
    font-size: 1.2em;
  }

  .contentstyle p {
    text-indent: 0 !important;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 1em;
  }

  .contentstyle ul, .contentstyle ol {
    /* text-align: justify; */
    line-height: 1em;
    margin-bottom: 1em;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-family: Lato;
    line-height: 1.5em;
  }

  #tinymce.contentstyle {
    width: 700px;
    font-size: 0.8em;
  }


  .contentstyle table {
    font-size: 11px;
    border: 1px solid black;
    border-collapse: collapse;
    margin: 1em 0;
  }

  .contentstyle table td {
    border: 1px solid black;
    padding: 5px;
  }


  .contentstyle table th, .contentstyle table thead td {
    background-color: #ECF7FF;
    border: 1px solid black;
    text-align: center;
    padding: 5px;
  }

  .contentstyle table tr:hover td {
    background-color: var(--color_table_bg);

  }




  .contentstyle h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.5em;
  }

  .contentstyle h3 {
    font-size: 1.20em;
    text-align: center;
    margin-bottom: 0.5em;
  }


  .contentstyle h4 {
    font-size: 1.10em;
    color: var(--color_gold);
    margin-bottom: 0.5em;
  }


  .contentstyle h5 {

  }


  .contentstyle h6 {

  }




  .contentstyle img {
    padding: 0.5em;
  }

  .page_pinacotheca_main img, .list_leftpanel img {
    margin: 0 0.5em 0.5em 0;
    padding: 0;
  }

  .contentstyle hr {
    clear: both;
    width: 95%;
    border-color: var(--color_gray_bright);
  }


  .contentstyle ol ul {
    padding-left: 1.20em;
  }


  /* Content > Lead */
  .contentleadstyle {
    margin-bottom: 15px;
    font-weight: bold;
    /* font-style: italic; */
    /* text-align: justify */;
    width: 100%;
  }


  .pinacotheca {
    margin: 0px 0px;
    text-align: left;
  }

  .pinacotheca_slider {
    position: relative;
  }

  .pinacotheca_items {
    display: inline-block;
    overflow: hidden;
    /* height: calc(120px + 1em); */
    width: 100%;
    white-space: nowrap;
  }

  .pinacotheca_items_img {
    border: 0px solid black !important;
    margin: 0.5em 0.5em;
    position: relative;
    /* transition: all 0.5s ease-in-out; */
  }


  .pinacotheca_arrows {
    float: left;
    padding: 0.5em;
    background-color: var(--color_violet);
    color: var(--color_font_gray);
    position: absolute;
    top: calc((120px + 0.5em) / 2);
    transform: translate(0, -50%);
    cursor: pointer;
    display: none;
  }

  .pinacotheca_arrows:hover {
    background-color: var(--color_orange);
  }

  .pinacotheca_arrows:active {
    background-color: red;
  }

  .pinacotheca_arrow_left {
    left: -2.25em;
  }

  .pinacotheca_arrow_right {
    right: -2.25em;
  }


/* Versioning */

  .page_versioning_warning {
    border: 1px solid #CB0000;
    background-color: #FFCDCD;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
  }

  .page_versioning_warning a {
    font-weight: bold;
  }


  .page_bippanel {
    border: 0px solid gray;
    margin-top: 3em;
    padding: 0.5em 0 0.5em 1em;
    text-align: right;
  }




/* Inne  */

  .side_margins {
    padding: 0 var(--side_margins);
  }

  .side_margin_right {
    padding-right: var(--side_margins);
  }

  .float_inside:after {
    content: "\8226";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;

  }


  .clear {
    clear: both !important;
    float: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }


  .middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: inherit;
  }

  .bg_cover {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }







#page_edit_form, .contentstyle {
  width: calc(100% - 2 * var(--side_margins));
  padding: var(--side_margins);
}

.contentstyle p {
  letter-spacing: 1.5px;
  font-weight: 700;
  line-height: 2em;
}


.contentstyle p b, .contentstyle p strong,
.contentstyle li b, .contentstyle li strong {
  font-weight: 900;
}


.contentstyle h3 {
  font-size: 3em;
  letter-spacing: 0px;
  font-weight: 900;
  margin: 1em 0;
  color: var(--color_gold);
  line-height: 1em;
}

.contentstyle h3:nth-child(1) {
  margin-top: 0;
}



.contentstyle h2 {
  font-size: 6.75em;
  letter-spacing: 0px;
  font-weight: 800;
  position: relative;
  margin-bottom: 5rem;
  line-height: 1em;
}

#tinymce.contentstyle {
  width: auto;
}


.contentstyle h2:after {
  position: absolute;
  content: '';
  height: 0.05em;
  bottom: -0.5em;
  width: 1.85em;
  background: var(--color_gold);
  left: 0;
}

.img_przewodnikbarmana {
  float: right;
  border: 0px solid black;
  margin: -6vw 0vw 0 -6vw;
  overflow: hidden;
  width: 33vw;
}


.img_przewodnikbarmana > img {
  width: 40vw !important;

}

.img_wnetrzawgastronomii {
  float: right;
  margin: 0 0 0 -2vw;
  overflow: hidden;
  width: 33vw;
}


.img_wnetrzawgastronomii > img {
/*
  width: 40vw !important;
  height: 40vw !important;
*/
}


.img_vouchery {
  float: right;
  border: 0px solid black;
  margin: -6vw -4vw 0 -6vw;
}


.img_vouchery > img {
  width: 55vw !important;
  height: calc(55vw / 1.75) !important;
}


.img_history {
  float: right;
  border: 0px solid black;
  margin: -6vw -4vw 0 0;
}


.img_history > img {
  width: 33vw !important;
  height: auto !important;
}

.img_history_title {
  font-size: 0.85em;
  text-align: center;
}

.img_history_title > div:nth-child(1) {
  font-size: 1.25em;
  font-weight: 900;
}

#pageid_41 .page_lead p {
  font-weight: 900;
  font-style: normal;
}




.descsection {
  margin-top: 3em;
  line-height: 1.75em;
  letter-spacing: 1px;;
}

.descsection p {
  letter-spacing: inherit;
}

.descsection b {
  font-weight: 900;
}

.descsection > div:nth-child(1) {
  float: left;
  width: 5em;
}

.descsection > div:nth-child(1) > img {
  width: 3em;
  height: 3em;
}

.descsection > div:nth-child(2) {
  float: left;
  width: calc(100% - 5em);
}

.descsection > div:nth-child(2) > span {
  font-weight: 700;
}


.wfa_grades {
  clear: both;
  padding: 0 0 1em 0;
}

.wfa_grades li {
  float: left;
  width: 25%;
  text-align: center;
  list-style-type: none;
}






.founder {
  width: 55%;
  padding: 0 0.5em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.founder img {
  width: 100%;
}

.founder div {
  text-align: center;
}

.founder > div:nth-child(2) {
  width: 100%;
  font-weight: 900;
  line-height: 1.25em;
  padding: 0 0.5em;
}

.founder > div:nth-child(3) {
  width: 100%;
  font-size: 0.75em;
  line-height: 1.25em;
  padding: 0 0.5em;

}






@media only screen and (max-width: 960px) {
  .wfa_grades li {
    float: left;
    width: 50%;
    text-align: center;
    list-style-type: none;
  }
}


@media only screen and (max-width: 450px) {
  .wfa_grades li img {
    width: 75%;
    height: 75%;
  }
}


.wfa_grades:after {
    content: "\8226";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


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

  :root {
    --side_margins: 1.5em;
  }

  body {
    font-size: 2.5vw;
    letter-spacing: 2px;
  }

  .mobile_hide {
    display: none;
  }

  .mobile_show {
    display: initial;
  }

  .img_przewodnikbarmana {
    margin: 0 0 0 -6vw;
    width: 40vw;
  }

  .img_przewodnikbarmana > img {
    width: 50vw !important;
    height: 50vw !important;
    padding: 0;
  }


  .img_wnetrzawgastronomii {
    width: 100vw;
    text-align: center;
  }


  .img_wnetrzawgastronomii > img {
    margin: 0 auto;
    padding: 0;
  }

  #pageid_4 h2 {
    font-size: 4.75em;
  }

  .img_vouchery {
    float: none;
    margin: 0 -2vw -16vw 0;
    text-align: right;
  }




  .img_history {
    /* margin: -6vw -4vw 0 0; */
  }


  .img_history > img {
    width: 37.5vw !important;
  }

  .img_history_title > div:nth-child(2) {
    letter-spacing: 0.2px;
  }





  .contentstyle {
  }

  .contentstyle p {
    line-height: 1.5em;
  }

  .contentstyle p, .contentstyle ul, .contentstyle ol {
    letter-spacing: 1.25px;
  }





}