/* 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); }



/*



.leftsuiteBlogPost ul.blocks-gallery-grid li::before { content:""; display:none !important}
.leftsuiteBlogPost ul.blocks-gallery-grid li { padding-left: 0}
.leftsellBlogPost { margin: 0 0 40px 0; padding-bottom: 20px;  }

/* post title with cover */
/*
.leftsellposttitle .wp-block-cover, .leftsellposttitle .wp-block-cover-image { 
   min-height: 40vh !important; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .1) );
   padding:0; display:block; text-align:center;
}
.leftsellBrighten { 
   cursor:pointer; 
   background: rgb( 255,255,255,.2); padding: 15vh 10px 15vh 10px;
   background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%); 
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); 
   background: radial-gradient(ellipse at center,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); 
 }
.leftsellBrighten:hover { background: rgb( 255,255,255,.1); animation: pulse 1s; }
.leftsellposttitle { margin-bottom: 20px; } 
.leftsellposttitle .wp-block-cover h2.textshadow {text-align:center; font-size: 30px; margin-bottom: 20px }
.leftsellposttitle .wp-block-cover h2.textshadow a { color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); text-align:center }
.leftsellposttitle .wp-block-cover p, .leftsellposttitle .wp-block-cover p a { color:white; text-shadow: 2px 2px 3px #000000; font-style: italic; font-size: 14px }

/* single post title */
/*
h1.innertitle { font-size: 40px;line-height:80px; margin-bottom: 30px !important; text-align:center !important; color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); }
h1.innertitle a { color: white;  }
@media screen and ( max-width: 400px ) {
   h1.innertitle a { font-size: 40px !important; line-height:40px; }
}

/* post content */
/*
.leftsellBlogPost { text-align: justify }
.leftsellBlogPost ul { margin: 10px 0 10px 18px; padding:0 }
.leftsellBlogPost ul li { list-style-type: none; padding-left: 7px; text-align:left; margin-bottom: 5px }
.leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:20px; text-align:left; margin-bottom: 5px }
.leftsellBlogPost ul li::before {content: "-"; display: inline-block; width: 1em; margin-left: -1em}
@media screen and ( max-width: 781px ) {
   .leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:16px; }
}





/* blog sidebar */
/*
#leftsellBlogSideBar .leftsellsearch input.search-field, #leftsellBlogSideBar input.search-field { width:100%; border-radius: 4px; }
#leftsellBlogSideBar .leftsellsearch input.search-submit, #leftsellBlogSideBar input.search-submit { margin: -15px 0 0 0; }
#leftsellBlogSideBar .leftsell-widget { margin-bottom: 20px }
#leftsellBlogSideBar .leftsell-widget.widget_search { margin-bottom: 40px }
#leftsellBlogSideBar a { font-weight: normal }
#leftsellBlogSideBar .buttons { margin-top: 10px; }
#leftsellBlogSideBar a.button { margin-top: 10px; width: auto; }
#leftsellBlogSideBar .leftsell-widget ul { margin:5px 0 0 0; padding:0 }
#leftsellBlogSideBar .leftsell-widget ul li { list-style-type: none; margin-bottom: 4px }

/* blog navi */
/*
.previous-page { float: left; max-width: 48%; overflow: hidden; }
.previous-page a, .next-page a { background-color: var(--leftsuite_var_buttons); color: white; padding: 4px 12px 4px 8px; border-radius: 4px }
.previous-page a::before { content: "\2770"; padding-right: 6px }
.next-page     { float: right; max-width: 48%; overflow: hidden; }
.next-page a::after { content: "\2771"; padding-left: 6px }
@media screen and ( max-width: 781px ) { 
   .previous-page { white-space: nowrap; }
   .previous-page a::before { display:none }
   .next-page { white-space: nowrap; }
   .next-page a::after { display: none; }
   #leftsellBlogSideBar .previous-page { display: none }
   #leftsellBlogSideBar .next-page { display: none }
}

.leftsuite_blogpreviewlink h2::first-letter { font-size: 22px; }
.leftsuite_blogpreviewlink h2 a { font-size: 15px !important; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif !important; }
.leftsuite_postcontent p {text-align:justify; }
#leftsuiteBlogContent h3 { font-size:20px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif !important; }
#leftsuiteBlogContent h3::first-letter { font-size:20px; }
#leftsuiteBlogContent h1 { margin-bottom: 10px !important }
#leftsuiteBlogContent .keep2 { width:100% !important; margin-top: 10px }
@media screen and (max-width: 782px) {
  .leftsuite_blogpreviewlink h2::first-letter { font-size: 15px !important; margin: 0 !important; }
  .leftsuite_bloghome .leftsuite_blogpreviewlink h2 { line-height: 15px !important; }
  .leftsuite_bloghome .leftsuite_blogpreviewlink h2 a { letter-spacing:normal; }
}


*/