/* Theme Name: LeftTheme
 * Theme URI: https://leftwp.com
 * Author: LeftWP
 * Author URI: http://leftwp.com/
 * Description: WordPress Blog
 * Version: automatic
 * License: Copyright LeftWP
 * License URI: https://leftwp.com
 * Text Domain: leftwp
 */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');


.leftwpBlogList { display:flex; flex-wrap:wrap; flex-flow: column wrap; 
                  justify-content: space-between; align-items: stretch; align-content: stretch; 
                  gap: 20px; flex-direction: row; margin-bottom:20px; padding:0 7px 0 0 !important;}
.leftwpBlogListItem { flex-grow:0; align-self: flex-end; 
                      min-width:0; word-break:break-word; overflow-wrap:break-word; 
                      overflow: hidden; box-sizing: border-box; height: 40vh;
                      background-size: cover; background-repeat: no-repeat; background-position: center center; 
                      padding:0; display: flex; align-items: baseline;
                      cursor: pointer; margin-bottom:20px; }

/* Layout "PreviewBoxes 4-3-2" ---------------------------------------------------------------------------*/ 
.leftwpBlogBoxPreviews432    { display:flex; gap: 20px; }
.leftwpBlogBoxPreview432     { flex-basis: calc( 25% - 30px); height: 40vh; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .2) ); }

.leftwpBlogBoxPreviewLink { background: rgba( 255,255,255, 0.8); flex-basis: calc( 100% - 20px); flex-grow:1;
                            margin-top: auto; padding: 10px; border-left: 8px solid #B01F22; 
                            min-height: 40px; opacity: .9; }
.leftwpBlogBoxPreview432:hover > .leftwpBlogBoxPreviewLink { opacity: 1; }                            
.leftwpBlogBoxPreviewLink h2   { line-height: 18px; }
.leftwpBlogBoxPreviewLink h2 a { font-size: 16px; color:rgb(26, 26, 26); font-family: 'Archivo Black'; letter-spacing: 0;
                                 font-weight: normal; overflow-wrap: break-word;
                                 line-height: 1; text-align:left; }
@media screen and ( max-width: 781px ) {
   .leftwpBlogBoxPreviews432  { gap: 15px; }
   .leftwpBlogBoxPreview432   { flex-basis: calc( 33% - 15px); margin-bottom:12px; height: 35vh }
}
@media screen and ( max-width: 500px ) {
   .leftwpBlogBoxPreviews432    { gap: 15px; }
   .leftwpBlogBoxPreview432     { flex-basis: calc( 50% - 8px); margin-bottom:10px; height: 30vh;}
   .leftwpBlogBoxPreviewLink h2 a { font-size: 14px; }
}

/* Layout "PreviewBoxes 3-2" ---------------------------------------------------------------------------*/
.leftwpBlogBoxPreviews32 { display:flex; gap: 15px; }
.leftwpBlogBoxPreview32  { flex-basis: calc( 33% - 20px); margin-bottom:20px; height: 40vh; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .2) );}
@media screen and ( max-width: 781px ) {
   .leftwpBlogBoxPreviews32  { gap: 15px; }
   .leftwpBlogBoxPreview32   { flex-basis: calc( 33% - 15px); margin-bottom:12px; height: 35vh }
}
@media screen and ( max-width: 500px ) {
   .leftwpBlogBoxPreviews32    { gap: 15px; }
   .leftwpBlogBoxPreview32     { flex-basis: calc( 50% - 8px); margin-bottom:10px; height: 30vh;}
   .leftwpBlogBoxPreviewLink h2 a { font-size: 14px; }
}

/* Layout "Full"             ---------------------------------------------------------------------------*/
.leftwpBlogBoxPreviewsFull { display:block; height: auto; width:100%; max-width:100%; margin-bottom: 70px}
.leftwpBlogBoxPreviewsFull > img { max-width: 100%; }
.leftwpBlogBoxPreviewsFull > h2 { margin-bottom: 15px !important }

/* Layout "Google"           ---------------------------------------------------------------------------*/
.leftwpBlogBoxPreviewsGoogle     { display:flex; flex-wrap:wrap; align-self: flex-start; height: auto; 
                                   width:100%; max-width:100%; cursor: initial; }
.leftwpBlogBoxPreviewGoogle      { align-items: flex-start; margin-bottom: 10px; height: auto; 
                                   cursor: initial; font-size: 14px; line-height: 20px; width: 100% }
.leftwpBlogBoxPreviewGoogle img  { width: 160px; margin-right: 20px; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .2) );  }
.leftwpBlogBoxPreviewGoogle h2 a { font-size: 18px; font-weight: bold;}
.leftwpBlogBoxPreviewGoogle h2   { font-size: 16px;  padding-bottom: 5px  }
.leftwpBlogBoxPreviewGoogle p.leftBlogLinks     { margin-top: 8px }


/* Blog Main Page Navigation---------------------------------------------------------------------------*/
.leftwpPagination { display:flex; flex-wrap: nowrap;justify-content: space-between; align-items: stretch; align-content: stretch; margin-bottom: 30px; }

/* Single Post  ---------------------------------------------------------------------------*/
.singlepost     { padding-top: 20px }
.singlepost img { max-width: 100%; }
.leftThemeBlogSingleDescription { text-align: justify; margin-bottom: 20px; border-bottom: 1px solid rgb(187, 187, 187); }


/* block cover corrections to wp kack 2026 */
.wp-block-cover.is-position-bottom-center {
  align-items: flex-end;
  justify-content: center;
}
.wp-block-cover {
   background-position: 50%;
  box-sizing: border-box;
  display: flex;
  overflow: clip;
  position: relative;

}
.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
   border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.is-style-subselect .wp-block-cover__inner-container, .subselect .wp-block-cover__inner-container {
  width: 100% !important;
}
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
  color: inherit;
  position: relative;
   z-index: 1;
}
@media screen and (max-width: 782px) {
	.wp-block-columns .is-style-keep2, .wp-block-columns .keep2, .keep2 { flex-wrap: wrap !important; }
}
/**********************/