/**
 * Theme Name:     The7 Child
 * Author:         AVA
 * Template:       dt-the7
 * Text Domain:	   the7-child
 * Description:    Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you
 */


 #main:has(.ava_posts), #main:has(.ava_archives) {

    background-color: #1a266f; 
  }

 .post-fancy-date,
.fancy-date,
.fancy-categories,
.dt-fancy-date {
    display: none !important;
}


.ava_posts .post-meta .entry-meta {
    display: none !important;
}


.ava-post {
    font-size: x-large !important
}

#content.ava_posts, #content.ava_archives {
    width: auto;
}


/* For screens 1596px and wider */
/* For screens less than 1213px: use full width, no left margin */
@media screen and (max-width: 1212px) {
  #content.ava_posts, #content.ava_archives {
    width: 100%;
    margin-left: 0;
  }
}

/* For screens between 1213px and 1472px: apply fixed left margin */
@media screen and (min-width: 1201px) and (max-width: 1535px) {
  #content.ava_posts, #content.ava_archives{
    width: auto;
    margin-left: 300px;
  }
}

/* For screens 1473px and wider: reset left margin */
@media screen and (min-width: 1536px) {
  #content.ava_posts, #content.ava_archives {
    width: auto;
    margin-left: 150px;
  }
}


.ava-post > div:first-child {
  font-size: 12pt !important;
}

.ava-post p, .ava-post div  {
  font-size: 12pt !important;
}


.archives-horizontal ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;     /* if you want them to wrap on smaller screens */
}

.archives-horizontal ul li {
  margin-right: 1em;   /* space between items */
}

.archives-horizontal ul li:last-child {
  margin-right: 0;
}


/* Archives page */
.author, .comment-link{
  display: none !important;
}

.entry-meta > a:after,
.entry-meta > span:after,
.portfolio-categories > a:after,
.portfolio-categories > span:after {
  content: none !important;
  /* or alternatively: display: none !important; */
}

.meta-nav{
  font-size: 35px !important;
}


.elementor-popup-modal ul:not(.vertical-sub-nav) {
    list-style: none !important;
}

.UIIntentionalStory_Message{
	color: white !important;
}