/* DESKTOP: mobilna naslovnica je sakrivena */
.mobilna-naslovnica {
  display: none !important;
}


/* MOBITEL / TABLET */
@media only screen and (max-width: 1024px) {

  /* Sakrij desktop logo */
  #gkPageTop,
  #gkLogo,
  #gkLogo img {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }


  /* Prikaži mobilnu naslovnicu */
  .mobilna-naslovnica {
    display: block !important;
    clear: both !important;
    padding: 18px 12px 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }


  /* Mobilni logo */
  .mobilni-logo {
    text-align: center !important;
    margin: 8px 0 14px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .mobilni-logo img {
    max-width: 620px !important;
    width: 88% !important;
    height: auto !important;
    display: inline-block !important;
    background: transparent !important;
    border: 0 !important;
  }


  /* Mobilna Duhovna misao */
  .mobilni-blok {
    background: #ffffff !important;
    border: 1px solid #c8b895 !important;
    margin: 0 0 16px 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }

  .mobilna-misao {
    text-align: center !important;
  }

  .mobilna-misao-naslov {
    font-family: Georgia, serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    color: #5f4b32 !important;
    margin: 0 0 14px 0 !important;
  }

  #mobilna-duhovna-misao {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 24px !important;
    font-style: italic !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    color: #3f3020 !important;
    margin: 0 !important;
  }

  #mobilna-duhovna-autor {
    margin: 16px 0 0 0 !important;
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #5f4b32 !important;
  }


  /* Sakrij desktop Duhovnu misao */
  .desktop-duhovna,
  .moduletable.desktop-duhovna,
  .moduletabledesktop-duhovna {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }


  /* Sakrij GK4 slideshow */
  #gkIs-gk-is-126,
  #gkIs-gk-is-126 *,
  .gkIsWrapper-gk_coffe,
  .gkIsWrapper-gk_coffe *,
  .gkIsImage,
  .gkIsPreloader {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }


  /* Glavni omoti stranice preko cijele širine */
  #gkPage,
  #gkPageContent,
  #gkMainbody,
  #gkContent,
  #gkComponent,
  #gkMainbodyWrap,
  #gkMain,
  .gkPage,
  .gkMain,
  .gkWrap,
  .gkCol {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }


  /* Manji padding na mobitelu */
  #gkPageContent,
  #gkMainbody,
  #gkContent,
  #gkComponent,
  .gkPaddingTBLR,
  .gkPaddingTBL,
  .gkPaddingLR {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }


  /* Desna kolona ispod sadržaja */
  #gkMainbody,
  #gkContent,
  #gkComponent,
  #gkRight,
  #gkRightTop,
  #gkRightMiddle,
  #gkRightBottom,
  #gkRightLeft,
  #gkRightRight {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #gkRight {
    margin-top: 18px !important;
  }

  #gkMainbody .box,
  #gkContent .box,
  #gkComponent .box,
  #gkRight .box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }


  /* Baneri u desnoj koloni neka budu veliki na mobitelu */
  #gkRight .custom img,
  #gkRightTop .custom img,
  #gkRightMiddle .custom img,
  #gkRightBottom .custom img,
  #gkRightLeft .custom img,
  #gkRightRight .custom img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 14px auto !important;
    box-sizing: border-box !important;
  }

  #gkRight .custom p,
  #gkRightTop .custom p,
  #gkRightMiddle .custom p,
  #gkRightBottom .custom p,
  #gkRightLeft .custom p,
  #gkRightRight .custom p {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #gkRight .custom a,
  #gkRightTop .custom a,
  #gkRightMiddle .custom a,
  #gkRightBottom .custom a,
  #gkRightLeft .custom a,
  #gkRightRight .custom a {
    display: block !important;
  }


  /* Gornji meni - pravi GK meni */
  .gk-menu {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    overflow: visible !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .gk-menu > ul.gkmenu.level0 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }

  /* 5 stavki po redu = 2 reda za 10 stavki */
  .gk-menu > ul.gkmenu.level0 > li {
    float: none !important;
    display: block !important;
    width: 20% !important;
    max-width: 20% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .gk-menu > ul.gkmenu.level0 > li > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px 2px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    overflow: visible !important;
  }

  .gk-menu > ul.gkmenu.level0 > li > a > span.menu-title {
    display: block !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    white-space: normal !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .gk-menu .childcontent {
    display: none !important;
  }


  /* Slike općenito neka ne izlaze iz širine ekrana */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  body {
    overflow-x: hidden !important;
  }

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

  .gk-menu > ul.gkmenu.level0 > li > a,
  .gk-menu > ul.gkmenu.level0 > li > a span,
  .gk-menu > ul.gkmenu.level0 > li > a span.menu-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
  }

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

  .gk-menu > ul.gkmenu.level0 > li > a > span.menu-title {
    font-size: 24px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    display: block !important;

    transform: scale(1.55) !important;
    transform-origin: center center !important;
  }

  .gk-menu > ul.gkmenu.level0 > li > a {
    min-height: 58px !important;
    padding: 14px 2px !important;
    overflow: visible !important;
  }

  .gk-menu > ul.gkmenu.level0 > li {
    overflow: visible !important;
  }

/* MOBILNI IZBORNIK */
.mobile-nav-wrap {
  display: none;
}

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

  /* Sakrij stari GK meni na mobitelu */
  .gk-menu {
    display: none !important;
  }

  .mobile-nav-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .mobile-nav-button {
    display: block !important;
    width: 100% !important;
    background: #5f4b32 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 13px 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: left !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  .mobile-nav-button span {
    float: right !important;
    font-size: 22px !important;
    line-height: 18px !important;
  }

  .mobile-nav-menu {
    display: none;
    background: #ffffff !important;
    border: 1px solid #c8b895 !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  .mobile-nav-menu.open {
    display: block !important;
  }

  .mobile-nav-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e5dccb !important;
  }

  .mobile-nav-menu li:last-child {
    border-bottom: 0 !important;
  }

  .mobile-nav-menu a {
    display: block !important;
    padding: 14px 16px !important;
    color: #3f3020 !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
  }

  .mobile-nav-menu a:hover,
  .mobile-nav-menu a:active {
    background: #f3eee5 !important;
    color: #000000 !important;
  }

  .mobile-nav-section {
    background: #f3eee5 !important;
    color: #5f4b32 !important;
    padding: 10px 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-top: 2px solid #c8b895 !important;
    border-bottom: 1px solid #d8cbb7 !important;
  }
@media only screen and (max-width: 1024px) {

  /* Da modul ne reže zatvoreni izbornik */
  .mobile-nav-wrap,
  .mobile-nav-wrap *,
  .mobile-nav-wrap .custom,
  .mobile-nav-wrap .box,
  .moduletable .mobile-nav-wrap,
  .box .mobile-nav-wrap {
    overflow: visible !important;
  }

  .mobile-nav-wrap {
    display: block !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    min-height: 72px !important;
    height: auto !important;
    margin: 0 0 18px 0 !important;
    padding: 10px 12px 0 12px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 9999 !important;
  }

  .mobile-nav-button {
    display: block !important;
    width: 100% !important;
    min-height: 62px !important;
    height: auto !important;
    padding: 18px 18px !important;
    box-sizing: border-box !important;
    background: #5f4b32 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 26px !important;
    font-weight: bold !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  .mobile-nav-button span {
    float: right !important;
    font-size: 32px !important;
    line-height: 26px !important;
  }

  .mobile-nav-menu a {
    font-size: 24px !important;
    padding: 20px 18px !important;
    line-height: 1.2 !important;
  }

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

  .mobile-nav-button {
    min-height: 78px !important;
    padding: 22px 20px !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
  }

  .mobile-nav-button span {
    font-size: 40px !important;
    line-height: 34px !important;
  }

  .mobile-nav-menu a {
    font-size: 32px !important;
    padding: 24px 20px !important;
    line-height: 1.15 !important;
  }

  .mobile-nav-section {
    font-size: 20px !important;
    padding: 18px 20px !important;
  }

/* Univerzalne klase za prikaz modula */

/* Na desktopu sakrij sve što je samo za mobitel */
.onlymobile,
.moduletable.onlymobile,
.moduletableonlymobile,
.box.onlymobile,
.boxonlymobile {
  display: none !important;
}

/* Na desktopu je onlydesktop normalno vidljiv */
.onlydesktop,
.moduletable.onlydesktop,
.moduletableonlydesktop,
.box.onlydesktop,
.boxonlydesktop {
  display: block !important;
}


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

  /* Na mobitelu sakrij sve što je samo za desktop */
  .onlydesktop,
  .moduletable.onlydesktop,
  .moduletableonlydesktop,
  .box.onlydesktop,
  .boxonlydesktop {
    display: none !important;
  }

  /* Na mobitelu prikaži sve što je samo za mobitel */
  .onlymobile,
  .moduletable.onlymobile,
  .moduletableonlymobile,
  .box.onlymobile,
  .boxonlymobile {
    display: block !important;
  }

}

}