/* =========================================================
   MOBILE.CSS - Samostan Imotski
   Očišćena verzija
   ========================================================= */

/* =========================================================
   DESKTOP OSNOVNO
   ========================================================= */

/* Mobilna naslovnica je skrivena na desktopu */
.mobilna-naslovnica {
  display: none !important;
}

/* Mobilni izbornik je skriven na desktopu */
.mobile-nav-wrap {
  display: none !important;
}

/* =========================================================
   UNIVERZALNI SUFFIXI
   Module Class Suffix:
   " onlymobile"  = samo mobitel
   " onlydesktop" = samo desktop
   ========================================================= */

@media only screen and (min-width: 1025px) {

  .onlymobile,
  .moduletable.onlymobile,
  .moduletableonlymobile,
  .box.onlymobile,
  .boxonlymobile,
  div[class*="onlymobile"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}

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

  .onlydesktop,
  .moduletable.onlydesktop,
  .moduletableonlydesktop,
  .box.onlydesktop,
  .boxonlydesktop,
  div[class*="onlydesktop"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .onlymobile,
  .moduletable.onlymobile,
  .moduletableonlymobile,
  .box.onlymobile,
  .boxonlymobile,
  div[class*="onlymobile"] {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

}

/* =========================================================
   MOBITEL / TABLET - OSNOVNI LAYOUT
   ========================================================= */

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

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 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;
  }

  /* Sakrij stari GK meni na mobitelu */
  .gk-menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 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;
  }

  /* Sve slike neka ne izlaze iz ekrana */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

}

/* =========================================================
   MOBILNA NASLOVNICA
   ========================================================= */

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

  .mobilna-naslovnica {
    display: block !important;
    clear: both !important;
    padding: 18px 12px 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

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

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

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

}

/* =========================================================
   DUHOVNA MISAO - MOBITEL
   ========================================================= */

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

  .mobilni-blok.mobilna-misao {
    text-align: center !important;
    padding: 24px 20px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .mobilni-blok.mobilna-misao .mobilna-misao-naslov {
    font-family: Georgia, serif !important;
    font-size: 33px !important;
    line-height: 1.2 !important;
    letter-spacing: 1.8px !important;
    margin: 0 0 18px 0 !important;
    color: #5f4b32 !important;
    text-transform: uppercase !important;
  }

  .mobilni-blok.mobilna-misao #mobilna-duhovna-misao {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 58px !important;
    line-height: 1.03 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    color: #3f3020 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .mobilni-blok.mobilna-misao #mobilna-duhovna-autor {
    font-family: Georgia, serif !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    margin: 20px 0 0 0 !important;
    color: #5f4b32 !important;
    text-align: center !important;
  }

}

/* =========================================================
   MOBILNI IZBORNIK
   ========================================================= */

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

  .mobile-nav-wrap,
  .mobile-nav-wrap *,
  .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: 78px !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: 78px !important;
    height: auto !important;
    padding: 22px 20px !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: 45px !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

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

  .mobile-nav-menu {
    display: none !important;
    position: relative !important;
    z-index: 10000 !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    background: #ffffff !important;
    border: 1px solid #c8b895 !important;
    border-top: 0 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

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

  .mobile-nav-menu li {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e5dccb !important;
    box-sizing: border-box !important;
  }

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

  .mobile-nav-menu a {
    display: block !important;
    width: 100% !important;
    padding: 24px 20px !important;
    color: #3f3020 !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 36px !important;
    font-weight: normal !important;
    line-height: 1.18 !important;
    box-sizing: border-box !important;
  }

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

  .mobile-nav-section {
    display: block !important;
    background: #f3eee5 !important;
    color: #5f4b32 !important;
    padding: 18px 20px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !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;
    box-sizing: border-box !important;
  }

}

/* =========================================================
   SAKRIJ DESKTOP DUHOVNU MISAO NA MOBITELU
   Ako desktop modul ima suffix: " desktop-duhovna"
   ========================================================= */

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

  .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 NA MOBITELU
   ========================================================= */

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

  #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;
  }

}

/* =========================================================
   GK4 VIJESTI / OBAVIJESTI
   ========================================================= */

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

  /* Naslov modula: Vijesti, Obavijesti */
  .onlymobile h3,
  .onlymobile h3.header,
  .onlymobile .header,
  .onlymobile .box-title,
  .onlymobile .module-title {
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 8px 0 !important;
  }

  /* Naslov članka */
  .onlymobile .nspArt h4,
  .onlymobile .nspArt h4 a,
  .onlymobile .nspHeader,
  .onlymobile .nspHeader a {
    font-size: 47px !important;
    line-height: 1.18 !important;
    font-weight: normal !important;
    text-decoration: none !important;
  }

  /* Datum */
  .onlymobile .nspInfo,
  .onlymobile .nspInfo a {
    display: block !important;
    font-size: 44px !important;
    line-height: 1.25 !important;
    font-weight: normal !important;
    margin-top: 6px !important;
  }

  /* Sakrij uvodni tekst */
  .onlymobile .nspText,
  .onlymobile .nspText p {
    display: none !important;
  }

  /* Makni fiksnu visinu i prazan prostor */
  .onlymobile .nsp,
  .onlymobile .nspMain,
  .onlymobile .nspArts,
  .onlymobile .nspArtsWrap,
  .onlymobile .nspArtPage,
  .onlymobile .nspList,
  .onlymobile .nspList ul {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .onlymobile .nspArtPage,
  .onlymobile .nspArts {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .onlymobile .nspArt:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
  }

}

/* =========================================================
   BANERI U KOLONI - MALO UŽI NA MOBITELU
   ========================================================= */

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

  #gkRight .custom img,
  #gkRightTop .custom img,
  #gkRightMiddle .custom img,
  #gkRightBottom .custom img,
  #gkRightLeft .custom img,
  #gkRightRight .custom img {
    width: 90% !important;
    max-width: 90% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 16px auto !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;
  }

}

/* =========================================================
   SAKRIJ FACEBOOK BOČNI TAB NA MOBITELU
   ========================================================= */

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

  #tabone {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

}

/* =========================================================
   KATEGORIJE - VEĆI NASLOV, UVODNI TEKST I SLIKE
   ========================================================= */

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

  /* Naslov članka u kategoriji */
  .blog h2,
  .blog h2 a,
  .category h2,
  .category h2 a,
  .items-row h2,
  .items-row h2 a,
  .item h2,
  .item h2 a {
    font-size: 60px !important;
    line-height: 1.18 !important;
    font-weight: bold !important;
  }

  /* Uvodni tekst u kategoriji */
  .blog .item p,
  .category .item p,
  .items-row .item p,
  .itemIntroText,
  .catItemIntroText {
    font-size: 28px !important;
    line-height: 1.38 !important;
  }

  /* Slike u kategoriji */
  .blog .item img,
  .category .item img,
  .items-row .item img,
  .itemIntroText img,
  .catItemImage img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto 18px auto !important;
  }

  /* Da tekst ne ulazi pod sliku */
  .blog .item,
  .category .item,
  .items-row .item,
  .itemIntroText,
  .catItemIntroText {
    clear: both !important;
    overflow: visible !important;
  }

  /* Razmak između članaka */
  .blog .item,
  .category .item,
  .items-row .item {
    margin-bottom: 30px !important;
    padding-bottom: 26px !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

}

/* =========================================================
   POJEDINAČNI ČLANAK - SAMO VEĆI FONTOVI
   Slike ostavlja templateu
   ========================================================= */

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

  /* Naslov pojedinačnog članka */
  .item-page h1,
  .item-page h2,
  .item-page .itemTitle,
  .item-page .page-header h1,
  .item-page .page-header h2,
  article h1,
  article h2 {
    font-size: 50px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
  }

  /* Tekst članka */
  .item-page p,
  .item-page li,
  article p,
  article li {
    font-size: 30px !important;
    line-height: 1.42 !important;
  }

  /* Datum / info u članku */
  .item-page .article-info,
  .item-page .article-info dd,
  .item-page .article-info a,
  article .article-info,
  article .article-info dd,
  article .article-info a {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
/* =========================================================
   MOBILNI IZBORNIK - LINKOVI
   ========================================================= */

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

  html body .mobile-nav-wrap ul#mobileNavMenu.mobile-nav-menu li a,
  html body .mobile-nav-wrap ul#mobileNavMenu.mobile-nav-menu li a:link,
  html body .mobile-nav-wrap ul#mobileNavMenu.mobile-nav-menu li a:visited {
    display: block !important;
    width: 100% !important;
    padding: 28px 22px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 46px !important;
    line-height: 1.18 !important;
    font-weight: normal !important;
    color: #3f3020 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

}

/* =========================================================
   ČLANAK - PRVA SLIKA BEZ MUTNOG THUMBNAILA
   ========================================================= */

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

  .articleContent a.thumbnail,
  .articleContent a.thumbnail.with-zoomin-img {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
  }

  .articleContent a.thumbnail img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

}

/* =========================================================
   ČLANCI I KATEGORIJE - SLIKA IZ ORIGINALA
   ========================================================= */

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

  .articleContent a.thumbnail,
  .articleContent a.thumbnail.with-zoomin-img,
  .item-page a.thumbnail,
  .blog a.thumbnail,
  .items-row a.thumbnail,
  article a.thumbnail {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    box-sizing: border-box !important;
  }

  .articleContent a.thumbnail img,
  .item-page a.thumbnail img,
  .blog a.thumbnail img,
  .items-row a.thumbnail img,
  article a.thumbnail img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 auto 18px auto !important;
    box-sizing: border-box !important;
  }

}

/* =========================================================
   SAKRIJ JS MODUL
   ========================================================= */

.box.hidden-js,
.box.hidden-js > div,
.box.hidden-js .content,
.box.hidden-js .custom,
.custom.hidden-js,
.moduletable.hidden-js,
.moduletablehidden-js,
div[class*="hidden-js"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}