/*
Theme Name: TNA
Author: Seed Webs
Author URI: https://seedwebs.com
Description: Defalut theme for TNA
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
Tags: featured-images, custom-menu
*/

/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - for some colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.
    
=========================================== 
*/

.sec-part .content-item.-card .info {
  margin-top: 5px;
}

.sec-view .card-items {
  padding-bottom: 20px;
}

.content-item .social-box {
  position: absolute;
}
.content-item .social-box .seed-social > li {
  display: block;
  margin: 0 0 10px;
}

.content-item .cat,
.content-item .entry-cat {
  display: none !important;
}
.content-item.-card .info {
  padding: 13px 0 10px 15px;
}
.mg-items .content-item.-card .pic-link img {
  width: 100%;
}
.site-nav-d li:first-child a {
  border-left: none;
}
.site-social img,
.site-footer .foot-menu .box.-social img {
  width: 18px;
  vertical-align: -1px;
}
.site-footer .foot-menu .box.-social img {
  margin-left: 4px;
}

.sec-view .card-items .food-items .content-item.-card .info .entry-header {
  display: block;
  position: relative;
}
.sec-view .card-items .food-items .content-item.-card .info .entry-header:before {
  content: "2";
  position: absolute;
  top: 4px;
  left: -20px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  width: 16px;
  height: 16px;
  color: #b20209;
  background-color: #fff;
  border-radius: 100px;
}
.sec-view .card-items .food-items .content-item.-card:nth-child(2) .info .entry-header:before {
  content: "3";
}
.sec-view .card-items .food-items .content-item.-card:nth-child(3) .info .entry-header:before {
  content: "4";
}
.sec-view .card-items .food-items .content-item.-card:nth-child(4) .info .entry-header:before {
  content: "5";
}

.sec-news .s-title {
  margin-bottom: -10px;
}
#page .content-item.-list .pic {
  width: 50%;
}
#page .content-item.-list .info {
  width: 50%;
  padding-bottom: 5px;
}
#page .content-item.-list .info .entry-title {
  height: 63px;
  overflow: hidden;
}
#page .content-item.-list .info .entry-meta {
  grid-template-columns: 70% 1fr;
}
.sec-top .content-item.-caption .info {
  background: linear-gradient(0deg, rgba(6, 0, 0, 1) 0%, rgba(6, 0, 0, 0.8) 70%, rgba(6, 0, 0, 0) 100%);
}
body.home .content-item.-caption .info {
  background: linear-gradient(0deg, rgba(6, 0, 0, 1) 0%, rgba(6, 0, 0, 0.8) 70%, rgba(6, 0, 0, 0) 100%);
}
#truehits_div {
  display: inline-block;
}
.sec-view .card-items .food-items .content-item.-card .info .entry-title {
  margin-bottom: 5px;
}
body.tag .hero-items,
body.category-royal .hero-items {
  display: none;
}
.sec-news .list-items .entry-meta {
  grid-template-columns: 65% 1fr;
}
body.single .content-area iframe {
  margin-left: 0;
  margin-right: 0;
}

body.single-lottery .single-cat {
  display: none;
}

@media (max-width: 992px) {
  .site-logo img {
    padding-bottom: 15px;
  }
  .site-phone {
    top: 37px;
    left: 0;
    font-size: 9px;
  }

  .mg-items .content-item.-card:first-child .social-meta .ic {
    display: none;
  }
  .mg-items .content-item.-card:first-child .social-meta .ic.-w {
    display: inline-block;
  }

  .mg-items .content-item.-card:first-child .entry-meta .view img {
    display: none;
  }

  .mg-items .content-item.-card:first-child .entry-meta .view img.white {
    display: inline-block;
  }

  .content-item .social-box .mail,
  .content-item .social-box .seed-social > li {
    width: auto;
  }
  .content-item .social-box .seed-social > li a,
  .content-item .social-box .mail a {
    float: none;
    min-width: auto;
    padding: 7px;
    height: 36px;
    width: 36px;
    border-radius: 100px;
    line-height: 1;
    overflow: hidden;
    display: block;
    min-height: auto;
    min-width: auto;
  }
  .content-item .social-meta .social-box .line a {
    padding-top: 6px;
    padding-left: 6px;
  }
  .content-item .social-meta .social-box .line {
    right: -57px;
  }
  .content-item .social-meta .social-box .mail {
    bottom: -52px;
    right: -15px;
  }
  .content-item .social-meta .social-box i {
    padding: 0;
    background-size: 20px 20px;
  }

  .content-item:hover .pic img {
    transform: none;
  }
  .mg-items .content-item.-card:first-child .pic {
    height: auto;
  }
  .mg-items .content-item.-card:first-child .social-meta .close {
    color: #333;
  }
  .sec-gallery .sec-banner.-b2 {
    padding-bottom: 0;
  }
  .sec-gallery {
    padding-bottom: 5px;
  }

  .content-item .social-meta .social-box {
    left: -7px;
  }
  .content-item .social-meta .close {
    left: 0px;
  }
  .content-item.-caption .pic a {
    width: 100%;
  }
  .sec-top .flickity-viewport {
    overflow: initial;
  }
}

@media (min-width: 992px) {
  .sec-view .s-title hr {
    right: 0;
  }
  .sec-view .list-items .content-item .info {
    height: 95px;
  }
  .sec-entertain .s-title hr {
    right: 200px;
  }
  .site-logo img {
    height: 53px;
  }
  .main-nav-d ul li.home a {
    padding-left: 30px;
    font-size: 0;
  }
  .main-nav-d ul li.home a::before {
    position: absolute;
    top: -2px;
    left: 0;
    content: "";
    font-size: 17px;
    width: 24px;
    height: 22px;
    background-image: url(/wp-content/uploads/2020/07/home.svg);
  }
  .main-nav-d ul li.home a::after {
    top: -14px;
  }
  .main-nav-d ul::-webkit-scrollbar {
    display: none;
  }
  .sec-view .list-items .content-item .info,
  .hero-items .content-item.-hero {
    overflow: initial;
  }
}

@media (min-width: 1800px) {
  .s-container {
    max-width: 1500px;
  }
}
