/*
Theme Name:   Zox News Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Zox News Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     zox-news
Version:      1.1.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  zox-news-child
*/

/* =========================================================
   Cryptomonetka: Опис категорій + опис головної сторінки
   (блоки під постами, над футером)
========================================================= */

/* =========================================================
   Cryptomonetka: Опис категорій + опис головної сторінки
========================================================= */

.cm-cat-desc-bottom,
.cm-home-desc-bottom {
  max-width: 1100px;
  width: calc(100% - 30px);
  margin: 25px auto;
  padding: 16px 18px;
  background: #111;
  border-radius: 16px;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.7;

  display: block;
  clear: both;
  position: static;       /* важливо */
  z-index: 1;
  box-sizing: border-box;
}

.cm-cat-desc-bottom p,
.cm-home-desc-bottom p {
  margin: 0 0 12px;
  color: #fff !important;
}

.cm-cat-desc-bottom ul,
.cm-cat-desc-bottom ol,
.cm-home-desc-bottom ul,
.cm-home-desc-bottom ol {
  margin: 10px 0 0;
  padding-left: 18px;
}

.cm-cat-desc-bottom li,
.cm-home-desc-bottom li {
  margin: 8px 0;
  color: #fff !important;
}

/* Трохи більше “повітря” на планшеті/ПК */
@media (min-width: 768px) {
  .cm-cat-desc-bottom,
  .cm-home-desc-bottom {
    margin: 35px auto;
    padding: 20px 22px;
  }
}

.entry-content .liqWrap .liqTitle{
  color:#00ffc3 !important;
  font-size:28px;
  font-weight:800;
  text-align:center;
  margin:0 0 14px;
  text-shadow:0 0 12px rgba(0,255,195,.55);
}


#cm-crypto-ticker { 
  margin-top: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.15);
  color: #fff !important;
}

#cm-crypto-ticker * { color:#fff !important; }

#cm-crypto-ticker .cm-ticker__title{
  font-size: 13px;
  opacity: .80;
  margin-bottom: 10px;
}

#cm-crypto-ticker .cm-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 10px;
}

#cm-crypto-ticker .cm-row:last-of-type{ margin-bottom: 0; }

#cm-crypto-ticker .cm-left{
  display:flex;
  align-items:center;
  gap:8px;
}

#cm-crypto-ticker .cm-icon{
  display:inline-flex;
  width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  font-size:12px;
  line-height:1;
  opacity:.95;
}

#cm-crypto-ticker .cm-sym{ font-weight:700; }
#cm-crypto-ticker .cm-price{ opacity:.95; }

#cm-crypto-ticker .cm-chg{
  font-size:12px;
  opacity:.9;
  font-weight:700;
}

#cm-crypto-ticker .cm-chg.pos{ color:#2ecc71 !important; } /* green */
#cm-crypto-ticker .cm-chg.neg{ color:#ff5c5c !important; } /* red */

#cm-crypto-ticker .cm-upd{
  margin-top:10px;
  font-size:11px;
  opacity:.60;
}

#cm-crypto-ticker.cm-flash{
  animation: cmFlash 450ms ease-in-out;
}

@keyframes cmFlash{
  0% { opacity: .65; transform: translateY(0); }
  50%{ opacity: 1; transform: translateY(-1px); }
  100%{ opacity: 1; transform: translateY(0); }
}

#cm-crypto-ticker { 
  margin-top: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.15);
  color: #fff !important;
}

#cm-crypto-ticker * { color:#fff !important; }

#cm-crypto-ticker .cm-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

#cm-crypto-ticker .cm-chg.pos{ color:#2ecc71 !important; }
#cm-crypto-ticker .cm-chg.neg{ color:#ff5c5c !important; }

#cm-crypto-ticker.cm-flash{
  animation: cmFlash 450ms ease-in-out;
}

@keyframes cmFlash{
  0% { opacity:.7; }
  50%{ opacity:1; }
  100%{ opacity:1; }
}




@media screen and (max-width: 768px) {
  /* Лупа */
  .mvp-nav-top-right .mvp-nav-search-but {
    color: #ffffff !important;
  }

  /* Бургер: 4 span */
  .mvp-fly-but-wrap {
    background: transparent !important;
  }

  .mvp-fly-but-wrap span {
    background-color: #ffffff !important;
    opacity: 1 !important;
    border-color: #ffffff !important;
  }

  /* На випадок якщо тема задає колір по nth-child */
  .mvp-fly-but-wrap span:nth-child(1),
  .mvp-fly-but-wrap span:nth-child(2),
  .mvp-fly-but-wrap span:nth-child(3),
  .mvp-fly-but-wrap span:nth-child(4) {
    background-color: #ffffff !important;
    opacity: 1 !important;
    border-color: #ffffff !important;
  }
}