/*
 Theme Name:ShutterQuest Child
 Template:  kadence
*/


/* Accent: #4a90e2 */


body, body .single {
 font-family: 'Lora',serif !important;

color: #131313;

}


body .site-title, body .site-title a {
 color: #333333 !important;
/* font-family: 'Playfair Display',serif !important; */
font-family: 'lato', sans-serif !important;

}


body .entry-header,body h1, body h2, body h3, body h4, body h5, body h6, body h1 .entry-title {
/* font-family: 'Playfair Display',serif !important;*/
font-family: 'lato', sans-serif !important;
 line-height: 120%;
}



body .site-logo {
 max-width: 700px;
 text-align: center;
 display: none;
}


body .site-title-wrap {
 line-height: 0 !important;
}

body .site-title, body .site-description {
 padding: none !important;
 margin: none !important;
 line-height: 1 !important;
}


body .posted-on, body .entry-date {
 display: none;
}

:root {
  --primary-color: #4a90e2 !important;
}

.admin-tiny-div button {

 font-size:50%;
 display:block;
 margin-left: auto;
 padding: 0.25em;
}

.content-container .entry-content-wrap h2 {
 font-size: 140% !important;
}

.wp-caption-text  {
 font-size:90% !important;
 opacity: 0.7 !important;
 line-height:100%;
 padding-left:2em;
 padding-right:2em;
}


/* homepage (and others) */

.homepage-special-wrapper, .other-special-wrapper {
 max-width:1200px;margin:0 auto;padding:20px;
}

.content-wrap {
 max-width:800px;margin:0 auto;padding:20px;
}

.post-thumbnail img {
}


.homepage-special-wrapper .featured-strip .entry-content-wrap {
 padding: 10px !important;
}
 

  .homepage-special-wrapper .main-content, .other-special-wrapper .main-content {
  display: grid;
  grid-template-columns: 20fr 65fr 15fr;
  gap: 1rem;
  width: 100%;
 }
  

 .featured-strip {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  overflow: hidden;
  gap: 1rem;
  width: 100%;
  align-items: start;
 }

 .featured-strip > div:nth-child(n+6) {
  display: none;
 }

  .featured-strip .entry-footer {
  display: none;
}

.featured-strip .featured-item {
 height:100%;
}

.featured-strip .featured-item h2 {
 height: 100px;
 overflow:hidden;
}

 .featured-strip .featured-item .entry-taxonomies {
   display: none;
}

 .featured-strip .featured-item .entry-meta {
   display: none;
}
 .featured-strip .entry-summary {
  display: none;
}


 .featured-strip .featured-item h2 {
   font-size:120%;
   line-height:120%;
}

 .featured-strip .entry-content-wrap {
  padding: 0.5em;
}
 
 .featured-strip .entry-footer {
  font-size:80%;


}

   .popular-tags-strip {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
   }

   .popular-tags-strip {
     display: flex;
     align-items: center;
   }
  .scroll-header {
     margin-right:1ex;
}
   .scroll-holder {
    display:inline-block;
    overflow:hidden;
    position: relative;
   }

   .scroll-content {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 120s linear infinite;
    animation-delay: 1s;
   }

   @keyframes scroll-left {
    0% {
     transform: translateX(0);
    }
    100% {
     transform: translateX(-100%);
    }
   }

   .highlight-color {
     color: #4a90e2;
   }
   .popular-tags-strip a {
    margin-right: 0.5em;
    text-decoration: none;
    }   

  .center-column .entry-footer {
  display: none;
}

 .center-column .entry-taxonomies {
   display: none;
}

 .center-column .entry-meta {
   display: none;
}
 .center-column .entry-summary {
  display: none;
}

 .center-column img {
 margin-top:1em;
}

 .featured-strip {
 margin-bottom: 20px;
}


/* colors */
  .homepage-special-wrapper h3 {
  color: #4a90e2;
  border-bottom: 1px solid #f27830;
  display: inline-block;
  margin-bottom:1em;
}

//.header-with-bonus {
// display: inline-block;
//}

.header-bonus-information {
 display: inline-block;
 color: #4a90e2;
 margin-bottom:1em;
 }

.header-bonus-information a {
text-decoration: none;
}

.homepage-intros {
 text-align: center;
}

.homepage-intros h1 {
     font-weight: 500 !important;
     display: inline-block;
     color: #4a90e2;
     border-bottom: 1px solid #f27830;
     margin-bottom:.5em;
}

.homepage-intros, .homepage-intros h2 {
 color: #444444 !important;
}

.homepage-intros h2 {
 font-size: 130%;
}

.homepage .site-header-item {
 display: flex !important;
}

.homepage-intro-text, .sq-intro-text {
 color: #777777;
 margin: auto;
 line-height:120%;
}


.homepage-intros  p {
 max-width: 50%;
 margin-left: auto;
 margin-right: auto;
}


.site-branding .custom-logo { 
 display: flex !important;
 order: 2 !important;
}

.site-branding .site-title-wrap {
 display: flex !important;
 order: 1 !important;
 display: block !important;
}

.site-branding .site-title-wrap .site-description {
 margin: 0 !important;
 padding: 0 !important;
 gap: 0 !important;
}

.toc-meta-wrapper {
 font-size: 80%;
}

.featured-strip, .main-feature {
 list-style: none !important;
}


@media (max-width:1024px) {

.has-logo-image {
 flex-direction: column !important;
 justify-content: flex-start !important;
 align-items: flex-start !important;
 gap: 10px !important;
}


.site-branding .custom-logo { 
 order: 2 !important;
 margin: 0 !important;
}


.site-branding .site-title-wrap {
 order: 1 !important;
 margin: 0 !important;
}



.taxonomy-bullet .entry-summary {
 clear: both;
}

.taxonomy-bullet h3 {
 border: none !important;
 display: inline;
 font-size:120%;
}

 .column {
  border-bottom: 1px solid gray;
}

 .homepage-special-wrapper .main-content {
  grid-template-columns: 30fr 10fr;
  }

 .featured-strip {
  grid-template-columns: repeat(3,1fr);
}


 .featured-strip > div:nth-child(n+4) {
  display: none;
 }

.featured-strip .featured-item {
 height:100%;
}


.featured-strip .featured-item h2 {
 height: 50px;
}


 .featured-strip .featured-item h2 {
   font-size:100%;
   line-height:110%;
}

 .featured-strip .entry-content-wrap {
  padding: 0.25em;
}
 
 .featured-strip .entry-footer {
  font-size:70%;
}


 .left-column {
   display: none;
 }

 .homepage-special-wrapper h3 {
   margin-bottom:.7em;
}

 .featured-strip {
 border-bottom: 1px solid gray;
 padding-bottom: 10px;
 margin-bottom: 10px;
}


.homepage-intros h1 {
 border-bottom: none;
 margin-bottom: 0;
 }
.homepage-intros p {
 max-width: 100%;
 margin-left: auto;
 margin-right: auto;
}



}

@media (max-width:575px) {


 .homepage-special-wrapper .main-content {
  grid-template-columns: 1fr;
  row-gap:0;
  }

 .featured-strip .entry-content-wrap {
  padding: 0.2em;
}
 
 .featured-strip .featured-item h2 {
   font-size:70%;
   line-height:100%;
}


 .featured-strip .entry-summary {
  padding: 0;
}
 .featured-strip .entry-content-wrap {
  padding: 0.15em;
}

 
 
}
 
 .homepage-special-wrapper h3 {
   margin-bottom:.5em;
}


}