/* Mobile CSS
** Loaded by header.php if screen size max 781
**/

/* --------------------------------------------------------------------------------- */
/* General ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body  { margin:  var(--leftwp_app_lefttheme_var_Body_Margin_Tablet); 
        padding: var(--leftwp_app_lefttheme_var_Body_Padding_Tablet);
      }

/* --------------------------------------------------------------------------------- */
/* header -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.leftwpHeader { 
   width:              var(--leftwp_app_lefttheme_var_Header_Width_Tablet ); 
   padding:            var(--leftwp_app_lefttheme_var_Header_Padding_Tablet );
   height:             var(--leftwp_app_lefttheme_var_Header_Height_Tablet ); 

   -webkit-box-shadow: var(--leftwp_app_lefttheme_var_Header_Shadow_Tablet); 
   -moz-box-shadow:    var(--leftwp_app_lefttheme_var_Header_Shadow_Tablet); 
   box-shadow:         var(--leftwp_app_lefttheme_var_Header_Shadow_Tablet);
}
.leftwpHeader img.custom-logo { 
   max-width: var(--leftwp_app_lefttheme_var_Logo_Width_Tablet); 
   width:     var(--leftwp_app_lefttheme_var_Logo_Width_Tablet); 
   height:    var(--leftwp_app_lefttheme_var_Logo_Height_Tablet); 
}

/* --------------------------------------------------------------------------------- */
/* header menu --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
ul.menu li ul { top: 32px; top: var(--leftwp_app_lefttheme_var_Header_Height_Tablet ) }
.leftwpHeader ul.menu li a { font-size: var(--leftwp_app_lefttheme_var_MenuFontSize_Tablet); 
                             line-height: var(--leftwp_app_lefttheme_var_MenuLineHeight_Tablet); 
                             text-transform: var(--leftwp_app_lefttheme_var_MenuLinkTransform_Tablet);
                           }
.leftwpHeader ul.menu li ul         { 
   top:              calc( var(--leftwp_app_lefttheme_var_Header_Height) + 5px ); 
}


/* --------------------------------------------------------------------------------- */
/* Content         ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#leftwpWrap    { 
   /*
   flex-basis:     var(--leftwp_app_lefttheme_var_Wrap_Width_Tablet);
   padding-top:    var(--leftwp_app_lefttheme_var_Wrap_Padding_Top_Tablet); 
   padding-right:  var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet); 
   padding-bottom: var(--leftwp_app_lefttheme_var_Wrap_Padding_Bottom_Tablet); 
   padding-left:   var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet); 
   */
}
#leftwpSidebarLeft { 
   padding: var(--leftwp_app_lefttheme_var_SideBarLeft_Padding_Tablet);
   width: var(--leftwp_app_lefttheme_var_SideBarLeft_Width_Tablet);
   flex-basis: var(--leftwp_app_lefttheme_var_SideBarLeft_Width_Tablet);
}
#leftwpContentWrapper { 
   margin:0; 
   display: flex; flex-wrap: no-wrap; 
   flex-direction: row; justify-content: flex-start; 
   gap: 0;
   flex-basis:     var(--leftwp_app_lefttheme_var_Wrap_Width_Tablet);
   padding-top:    var(--leftwp_app_lefttheme_var_Wrap_Padding_Top_Tablet); 
   padding-right:  var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet); 
   padding-bottom: var(--leftwp_app_lefttheme_var_Wrap_Padding_Bottom_Tablet); 
   padding-left:   var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet); 
   min-height:     var(--leftwp_app_lefttheme_var_Wrap_MinHeight); 
   overflow-x:hidden; 
}
#leftwpContent {
   flex-basis: var(--leftwp_app_lefttheme_var_Content_Width_Tablet);
   padding: var(--leftwp_app_lefttheme_var_Content_Padding_Tablet);
}

#leftwpSidebarRight {
   flex-basis: var(--leftwp_app_lefttheme_var_SideBarRight_Width); 
   flex-grow: 0; overflow-x:hidden;
   padding: var(--leftwp_app_lefttheme_var_SideBarRight_Padding);
   width: var(--leftwp_app_lefttheme_var_SideBarRight_Width);
}

.is-style-fullback, .fullback {
   margin-top:    0;
   margin-right:  0;
   margin-bottom: 0;
   margin-left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) ) !important;
   margin-left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) * -1 );
   
   width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) ) ; 
   max-width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) ) !important; 
   background-size: cover !important
}
.is-style-fullback img, .fullback img { width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet) ); } 
   

/* --------------------------------------------------------------------------------- */
/* footer -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#leftwp_footer { 
   padding: var(--leftwp_app_lefttheme_var_Footer_Padding_Tablet);
   width:   var(--leftwp_app_lefttheme_var_Footer_Width_Tablet);   
}

.leftwpNavi { 
   margin-right: var(--leftwp_app_lefttheme_var_Wrap_Padding_Right_Tablet); 
   margin-left:  var(--leftwp_app_lefttheme_var_Wrap_Padding_Left_Tablet); 
}
/* --------------------------------------------------------------------------------- */
/* END STANDARD CSS with variables          ---------------------------------------- */
/* --------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* REGISTERED CLASSES    ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.is-style-fulltop, .fulltop  { 
   background-size: cover !important;
   margin-top: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Top_Tablet) * -1 );
   margin-right:  0;
   margin-bottom: 0;
   margin-left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) );
   padding-top: 0;
   padding-right: var(--leftwp_app_lefttheme_var_Wrap_Padding_Right);
   padding-bottom:  0;
   padding-left: var(--leftwp_app_lefttheme_var_Wrap_Padding_Left);
   width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ); 
   position: relative;
   z-index: -10;
}

.is-style-mid90, .mid90, .div90     { width: 90% !important; }
.is-style-mid80, .mid80, .div80     { width: calc( 100% - 20px ) !important; }
.is-style-mid70, .mid70, .div70     { width: calc( 100% - 10px ) !important; }
.is-style-mid60, .mid60, .div60     { width: calc( 100% - 10px ) !important; }
.is-style-mid50, .mid50, .div50     { width: calc( 100% - 10px ) !important; }



/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* Special styles        ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
h1, h1 a    { font-size: var(--leftwp_app_lefttheme_var_h1size_tablet); }
h2, h2 a    { font-size: var(--leftwp_app_lefttheme_var_h2size_tablet); }
h3, h3 a    { font-size: var(--leftwp_app_lefttheme_var_h3size_tablet); }
h4, h4 a    { font-size: var(--leftwp_app_lefttheme_var_h4size_tablet); }
h5, h5 a    { font-size: var(--leftwp_app_lefttheme_var_h5size_tablet); }

/* Columns               ----------------------------------------------------------- */
.wp-block-columns { margin-bottom: 0px; gap: 20px; }
.leftcolumns      { margin-bottom: 0px; gap: 20px; }
.is-style-keep2 > .wp-block-column, .keep2 > .wp-block-column,
   .is-style-keep2:not(.is-not-stacked-on-mobile) > .wp-block-column,
   .keep2:not(.is-not-stacked-on-mobile) > .wp-block-column { 
   flex-basis: calc( 50% - 20px) !important; padding: 10px !important; gap: 10px !important 
}
.nowrap, .is-style-nowrap { flex-wrap: nowrap !important; }

/* --------------------------------------------------------------------------------- */
/* General Tablet ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
.onlytablet, .is-style-onlytablet { display: unset }
.notablet,.is-style-notablet   { display: none }

/* Images */
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: calc( 100% - 10px); margin:0 0 0 0 }
.wp-block-media-text .wp-block-media-text__media > img { margin: 0 auto 20px auto  }
.wp-block-media-text.has-media-on-the-right > img { margin: 0 auto 20px auto }

/* Galery */
.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 50% - 20px ); }
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }