/*
--------------------------------------------------------------
Theme Name: BOB-Werkstatt
Theme URI: https://brings-online.com/demo/wordpress-block-themes/bob-werkstatt
Description:  WordPress Block-Theme für Webseiten, die Leistungen und/oder Produkte präsentieren.
Version: 1.0.2
Tested up to: 6.9
Requires PHP: 7.4
Author: sb | brings-online.com
Author URI: https://brings-online.com 
Text Domain: bob-praxis
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
--------------------------------------------------------------
*/
@import url("assets/css/icofont.min.css");
html {scroll-behavior: smooth;}

/* main menu */
#stickyheader {top:-1px !important; z-index:12;}
.is-position-sticky.is-pinned {background:var(--wp--preset--color--contrast-2) !important; }
.is-position-sticky.is-pinned .bob-navbar-group.has-global-padding {padding-top:5px !important; padding-bottom:5px !important; }
.is-position-sticky.is-pinned .bob-navbar-group.has-global-padding .wp-block-site-logo { margin-bottom:5px;}
.is-position-sticky.is-pinned .bob-navbar-group.has-global-padding .wp-block-site-logo img {transition:all ease 500ms; max-width:100%;}
.is-position-sticky.is-pinned .bob-navbar-group.has-global-padding .wp-block-site-logo img {max-width:65% !important}
.is-position-sticky.is-pinned .bob-navbar-group {box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.15);  }

.bob-main-menu-group .wp-block-navigation > li.wp-block-navigation-item {padding:10px 0; border-bottom:2px solid transparent; transition:all linear 500ms}
.bob-main-menu-group .wp-block-navigation > li.wp-block-navigation-item:hover {border-bottom:2px solid var(--wp--preset--color--accent); }
.bob-main-menu-group .wp-block-navigation li.wp-block-navigation-item:hover > a {color:var(--wp--preset--color--accent);}
.bob-main-menu-group .wp-block-navigation li.wp-block-navigation-item.current-menu-item > a {color:var(--wp--preset--color--accent);}

.bob-main-menu-group .wp-block-navigation li.wp-block-navigation-item a.bob-active-menuitem  {color:var(--wp--preset--color--accent);}
.bob-main-menu-group .wp-block-navigation li.bob-top-section-menuitem.bob-active-top > a {color:var(--wp--preset--color--accent);}
.bob-main-menu-group .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {border:1px solid var(--wp--preset--color--contrast-2); } 
.bob-main-menu-group .wp-block-navigation__submenu-container li {padding:3px 0; border-bottom:1px dotted var(--wp--preset--color--contrast-2); font-size:var(--wp--preset--font-size--small) !important;} 
.bob-main-menu-group .wp-block-navigation__submenu-container li:last-child {border-bottom:none;}
.bob-main-menu-group .wp-block-navigation__submenu-container li:hover {background:var(--wp--preset--color--contrast-2)}

.bob-main-menu-group .wp-block-navigation .has-child .wp-block-navigation__submenu-container {position:absolute; padding:0; margin-top:25px; -webkit-transition:opacity 1s, margin-top 500ms;  transition: opacity 1s, margin-top 500ms; background:var(--wp--preset--color--contrast); color:inherit; z-index:11;  display:flex; flex-direction:column;  align-items:normal; opacity:0; visibility:hidden; width:0; height:0; overflow: hidden;}
.bob-main-menu-group .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container { width:auto;height:auto; opacity:1; margin-top:2px}
.bob-main-menu-group .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {height:0; -webkit-transition:all .5s ease;transition:all .5s ease; white-space:nowrap;}
.bob-main-menu-group .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container li {height:38px; display:block;}
.bob-main-menu-group .wp-block-navigation__submenu-icon {font-size: inherit;	width: 0.5em;height: 0.5em;	margin-left: 0.25em;}
.bob-main-menu-group .wp-block-navigation__submenu-icon svg {display: inline-block;stroke: currentColor;	width: inherit;	height: inherit;margin-top: 0.075em;}

.bob-main-menu-group li:hover .wp-block-navigation__submenu-icon svg {stroke:var(--wp--preset--color--accent) !important;}
.bob-main-menu-group .wp-block-navigation li.wp-block-navigation-item.current-menu-item svg {stroke:var(--wp--preset--color--accent) !important;}

.is-position-sticky.is-pinned .bob-main-menu-group .wp-block-navigation > li.wp-block-navigation-item {padding-top:6px; padding-bottom:6px;}

.bob-main-menu-group .wp-block-navigation li.bob-menu-item-has-background {padding-left:15px; padding-right:15px; background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base) !important; border-radius:3px;}
.bob-main-menu-group .wp-block-navigation > li.bob-menu-item-has-background > a {color:var(--wp--preset--color--base);}
.bob-main-menu-group .wp-block-navigation > li.bob-menu-item-has-background ul li a {color:var(--wp--preset--color--contrast);}
.bob-main-menu-group .wp-block-navigation > li.bob-menu-item-has-background:hover {border-bottom:2px solid transparent !important; }
.bob-main-menu-group .wp-block-navigation > li.bob-menu-item-has-background:hover {background:var(--wp--preset--color--accent);}
.bob-main-menu-group .wp-block-navigation > li.bob-menu-item-has-background:hover > a {color:var(--wp--preset--color--base);}
.bob-main-menu-group .wp-block-navigation li.bob-menu-item-has-background.wp-block-navigation-item.current-menu-item > a {color:var(--wp--preset--color--base);}

@media (min-width: 940px) and (max-width: 1100px) {.bob-main-menu-group .wp-block-navigation li {font-size:var(--wp--preset--font-size--small) !important;}}

@media screen and (max-width: 940px) { 
/* mobile menu button */
.wp-block-navigation__responsive-container-open  {display: block !important;}
/* full menu */
.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {display: none !important;}
.bob-main-menu-group .wp-block-navigation > li.wp-block-navigation-item {margin-top:0; margin-bottom:0; padding:0; padding-right:20px !important; border-bottom:1px dotted var(--wp--preset--color--contrast-3);min-width:300px;}
.bob-main-menu-group .wp-block-navigation li.wp-block-navigation-item a {display:block; padding:10px !important;}	
.bob-main-menu-group .wp-block-navigation .has-child .wp-block-navigation__submenu-container {display:none;width:100% !important;height:auto !important;opacity:1;margin-top:5px;visibility:visible; margin-right:-20px;margin-bottom:5px;padding-top:7px;padding-bottom:7px;padding:left:0 !important;padding-right:0 !important; border-radius:2px; }	
.bob-main-menu-group .wp-block-navigation .has-child .wp-block-navigation__submenu-container li.wp-block-navigation-item {height:32px; line-height:1em; margin:2px 0 !important; display:block;border-bottom:none;background:var(--wp--preset--color--base-2) !important; width:calc(100% - 15px) !important;min-width:calc(100% - 15px) !important; padding-left:15px !important}
.bob-main-menu-group ul.wp-block-navigation-submenu {display:block; text-align:left; }
.bob-main-menu-group .wp-block-navigation-submenu li {display:block; position:relative;}
.bob-main-menu-group .wp-block-navigation-submenu li:before {content:""; width:5px; height:5px; top:16px; left:5px; background:var(--wp--preset--color--contrast); position:absolute;}	

.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {display:block !important; position:absolute; top:16px; right:0;width:24px;height:16px; }
.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle svg {width:24px;height:16px;}	
button.wp-block-navigation__responsive-container-open {width:120px;padding-left: 60px; height:40px;}
.wp-block-navigation__responsive-container-open svg {width:40px; height:36px; fill:var(--wp--preset--color--base);}
.wp-block-navigation__responsive-container-open:hover svg {fill:var(--wp--preset--color--accent);}
}

@media screen and (max-width: 480px) {
.entry-content {padding-left:1rem !important;padding-right:1rem !important;}	
}

@media screen and (max-width: 420px) {
button.wp-block-navigation__responsive-container-open {width:80px;padding-left:40px; height:40px;}
.is-position-sticky {position:relative !important}
#stickyheader {top:0 !important;}
.wp-block-site-title {display:none;}	
}

/* theme patterns */

/* stretch group / object fit image */
.wp-block-group.bob-stretch-group {height: 100% !important; display:flex; align-items:center !important}
.wp-block-group.bob-stretch-image {width: 100%; height: 100%; position:relative;}
.bob-stretch-image figure {width: 100%; height: 100%; position:relative;}
.bob-stretch-image figure img { object-fit: cover; height: 100%; width:100%; position:absolute; top:0; left:0;}
@media screen and (max-width: 782px) {.bob-stretch-image figure {min-height:300px;}	 }

/* opacity group */
.wp-block-group.bob-opacity-group {opacity:.5 !important}
.wp-block-group.bob-opacity-group .wp-block-group {opacity:1 !important}

/* intro 2 */
@media screen and (max-width: 782px) {.bob-section-2-intro-group .wp-block-columns figure {min-height:200px;}}

/* imagebox */
.bob-imagebox figure {overflow:hidden; border-radius:6px 6px 0 0;}
.bob-imagebox img {transition: transform .3s;}
.bob-imagebox figure:hover img {transform: scale(1.1);}
.bob-imagebox figure a:focus {border:3px solid blue;}
.bob-image-has-button {position:relative;}
.bob-image-has-button .bob-button-group {position:absolute; bottom:0; left:0; right:0; margin:auto; }
.bob-image-has-button:hover .bob-button-group {visibility:visible;opacity:1; }

/* diagonal column border */
.bob-diagonal-column {position:relative;}
.bob-diagonal-column:before {content:""; position:absolute; top:0; bottom:0; left:0; margin-left:-150px; width:150px; height:100%; background:inherit; z-index:9; clip-path: polygon(100% 0%, 50% 100%, 100% 100%);}
.bob-diagonal-column .wp-block-group {position:relative; z-index:10}
.is-style-column--diagonal  {position:relative;}
.is-style-column--diagonal:before {content:""; position:absolute; top:0; bottom:0; left:0; margin-left:-150px; width:150px; height:100%; background:inherit; z-index:9; clip-path: polygon(100% 0%, 50% 100%, 100% 100%);}
.is-style-column--diagonal .wp-block-group {position:relative; z-index:10}

@media (max-width: 782px) { 
.bob-diagonal-column:before, .bob-intro-3-section .bob-diagonal-column:before, .is-style-column--diagonal:before, .bob-intro-3-section .is-style-column--diagonal:before {display:none;} 
}

/* triangle */
.is-style-group--bottom-triangle  {position:relative;overflow:visible !important}
.is-style-group--bottom-triangle:after {content:""; position:absolute;  bottom:-75px; left:0; right:0; margin:auto; width:100%; height:150px; background:inherit; z-index:9; clip-path: polygon(100% 50%, 0 50%, 50% 100%);}

.is-style-group--top-triangle  {position:relative;overflow:visible !important}
.is-style-group--top-triangle:before {content:""; position:absolute;  top:-50px; left:0; right:0; margin:auto; width:100%; height:100px; background:var(--wp--preset--color--back); z-index:9; clip-path: polygon(100% 50%, 0 50%, 50% 100%);}


/* contact data */
.bob-group-kontaktdaten .figcaption.wp-element-caption {display:inline-block !important;}
.bob-group-kontaktdaten .wp-block-group p.has-x-small-font-size {font-size:12px !important; margin-left:-4px !important}
.bob-group-kontaktdaten .wp-block-group .icon-container svg {width:16px !important}

/* team box */
.bob-is-team-box-name {position:relative;}
.bob-is-team-box-name:after {content:""; width:25%; height:2px; position:absolute; bottom:-5px; left:0; background:var(--wp--preset--color--accent);}
.bob-is-team-box-name.has-text-align-center:after {left:0; right:0; margin:auto;}
.bob-is-team-box-name.has-text-align-right:after {left:auto; right:0; margin:0;}

/* iconbox / iconbutton  */
.bob-iconbox .wp-block-group {width:100%;}
.bob-iconbox-no2-group .wp-block-heading { flex-basis:80%;}
.bob-iconbox-no2-group .wp-block-outermost-icon-block{flex-basis:20%;}

.bob-iconbutton-cover span {transition:background linear 300ms;}
.bob-iconbutton-cover:hover span {background:var(--wp--preset--color--contrast-2) !important;}
.bob-iconbutton-columns h2 {white-space:nowrap;}
.bob-iconbutton-columns h2 a:hover {text-decoration:none;}

@media (min-width: 600px) and (max-width: 1200px) {
.wp-block-columns.bob-iconbutton-columns {flex-wrap: wrap !important;}	
.wp-block-columns.bob-iconbutton-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    flex-basis: 45% !important;
}
}
@media (max-width: 600px) {
.wp-block-columns.bob-iconbutton-columns {flex-wrap: wrap !important;}	
.wp-block-columns.bob-iconbutton-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    flex-basis: 100% !important;
}
}

/* footer */
.bob-footer-contact-group p img {margin-right:7px; position: relative;  top: 3px}

/* misc */
main p:not(.wp-block-tag-cloud,.wp-block-post-excerpt__more-text) a {padding-bottom:1px; border-bottom:1px dotted var(--wp--preset--color--accent)}
main p:not(.wp-block-tag-cloud,.wp-block-post-excerpt__more-text) a:hover {border-bottom-style:solid}
footer {margin-top:0 !important}
strong {font-weight:500;}
h2 a:hover, h3 a:hover {text-decoration:underline;}
p {line-height:1.65em;}
aside ul li {margin:3px 0 !important; padding-bottom:5px !important;line-height:1.7em !important;}
aside ul li a {color:var(--wp--preset--color--base);}
aside ul li:hover a {color:var(--wp--preset--color--accent);}

ul.bob-inline-list {list-style:none;margin:0;}
ul.bob-inline-list li {display:inline-block; list-style:none;}

.wp-block-site-title a {text-decoration:none;}
.bob-contactdata-box p {white-space:nowrap;}
.wp-block-separator.is-style-dots:before{content:"...";font-size:1.2em;letter-spacing:1em;padding-left:0}
.wp-block-button a {transition:all linear 200ms;}
.wp-block-button:hover a {border-radius:0;opacity:.9;}
.wp-block-button.is-style-outline:hover a {border-radius:0;}
.wp-block-button.bob-button-icon {position:relative;}
.wp-block-button.bob-button-icon a {padding-right:30px;}
.wp-block-button.bob-button-icon-arrow-right:after {content:"\eaca";font-family:"Icofont";font-size:inherit; position:absolute;display:block;right:7px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);}
.bob-inline-block {display:inline-block !important; width:auto !important}
.bob-minus-margin-block {position:relative;z-index:3}
input.wp-block-search__input {background:var(--wp--preset--color--contrast-2) !important; color:var(--wp--preset--color--base) !important}

@media (max-width: 480px) {.wp-block-buttons .wp-block-button {width:100% !important}}

/* lists */ 
ul.is-style-list--is-checklist,ul.is-style-list--is-arrowlist,ul.is-style-list--is-trianglelist {padding-left:0; margin-left:0;}
ul.is-style-list--is-checklist li,ul.is-style-list--is-arrowlist li,ul.is-style-list--is-trianglelist li {list-style:none; padding-left:30px; position:relative;padding-top:3px;padding-bottom:3px;}
ul.is-style-list--is-checklist li:before, ul.is-style-list--is-arrowlist li:before, ul.is-style-list--is-trianglelist li:before {position:absolute; left:0; font-family:"Icofont"; font-size:15px;color:var(--wp--preset--color--accent)}
ul.is-style-list--is-checklist li:before {top:6px; content:"\f00e";}
ul.is-style-list--is-arrowlist li:before {top:6px; content:"\ea5d";}
ul.is-style-list--is-trianglelist li:before {top:6px; content:"\ea69";}

/* has max width */
.bob-has-max-width-90, .bob-has-max-width-80, .bob-has-max-width-70, .bob-has-max-width-60, .bob-has-max-width-50 {margin-left:auto;margin-right:auto; }
.bob-has-max-width-90 {max-width:90%;}
.bob-has-max-width-80 {max-width:80% ;}
.bob-has-max-width-70 {max-width:70%;}
.bob-has-max-width-60 {max-width:60%;}
.bob-has-max-width-50 {max-width:50%;}

/* animated blocks */
.bob-animated-block,.is-style-group--animated-down,.is-style-group--animated-up,.is-style-group--animated-left,.is-style-group--animated-right {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes fadeInUp {from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp {from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}}
.fadeInDown{-webkit-animation-name:fadeInDown; animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}to{opacity:1; -webkit-transform: translate3d(0,0,0); transform:translate3d(0,0,0)}}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform: translate3d(0,0,0); transform:translate3d(0,0,0)}}
.fadeInLeft{-webkit- animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform: translate3d(0,0,0); transform:translate3d(0,0,0)}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform: translate3d(0,0,0); transform:translate3d(0,0,0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

.bob-animated-group .bob-animated-block:nth-child(2) {animation-delay:200ms} 
.bob-animated-group .bob-animated-block:nth-child(3) {animation-delay:400ms} 
.bob-animated-group .bob-animated-block:nth-child(3) {animation-delay:600ms} 
.bob-animated-group .bob-animated-block:nth-child(4) {animation-delay:800ms} 
.bob-animated-group .bob-animated-block:nth-child(5) {animation-delay:1000ms} 
.bob-animated-group .bob-animated-block:nth-child(6) {animation-delay:1200ms} 

.hidden {opacity:0;}
.visible {opacity:1;}

/* separator button */ 
.wp-block-buttons.bob-separator-button {position:relative;}
.wp-block-buttons.bob-separator-button a:before {position:absolute; content:""; width:50%; top:calc(1.5rem + 2px); left:0; height:2px; background:inherit;z-index:-1}
.wp-block-buttons.bob-separator-button a:after {position:absolute; content:""; width:50%; top:calc(1.5rem + 2px); right:0; height:2px; background:inherit; z-index:-1}
.wp-block-buttons.bob-separator-button .wp-block-button {padding:0 15px !important; background:var(--wp--preset--color--contrast) !important}

/* underlined heading / faq heading */
.is-style-heading--underline {padding-bottom:15px;margin-bottom:15px;}
.is-style-heading--underline:after {content:""; background:var(--wp--preset--color--accent); height:2px;width:80px; position:absolute;bottom:0;left:0;}
.is-style-heading--underline.has-text-align-left:after {left:0;}
.is-style-heading--underline.has-text-align-right:after {left:auto;right:0;}
.is-style-heading--underline.has-text-align-center:after {left:calc(50% - 40px);}

.bob-faq-headline {margin:3px 0 0 0; padding:5px 10px;  position:relative; background:var(--wp--preset--color--base-2); cursor:pointer; }
.bob-faq-headline i {font-size:20px;position:absolute;top:20px;left:10px;  color:var(--wp--preset--color--accent); transition: 300ms ease-in-out; transition-delay:100ms;transform:rotate(360deg); }
.bob-faq-headline h2 {font-size:1.24rem; line-height:1.2em; font-weight:400; padding-left:40px;color:var(--wp--preset--color--accent)}
.bob-faq-answer {padding:15px; margin:0 0 15px 0; }
.bob-faq-headline.bob-active-headline i {transform:rotate(180deg);}

@media (max-width: 480px) {
.is-style-heading--underline:after {bottom:-5px;}
}

/* posts and pagination */
.wp-block-query-pagination-next,.wp-block-query-pagination-previous {padding:var(--wp--preset--spacing--10);text-transform:uppercase;}
a.wp-block-post-excerpt__more-link {font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--base); font-weight:400;position:relative; padding-right:20px;}
a.wp-block-post-excerpt__more-link:after {content:"\ea98";font-family:"Icofont"; position:absolute;top:1px; right:0;}
.wp-block-query-pagination a.wp-block-query-pagination-next, .wp-block-query-pagination a.wp-block-query-pagination-previous {color:var(--wp--preset--color--base);}

/* cf7 form */
.wpcf7-form {margin:0; padding:0;}
.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { border-radius:3px; padding:15px 5px; font-size:var(--wp--preset--font-size--medium); width:calc(100% - 22px); margin-bottom:15px; border-radius: 3px; border: 1px solid transparent; border-top: none; border-bottom: 1px solid #333; box-shadow: inset 0 1px 2px rgba(0,0,0,.15), 0 -1px 1px #333, 0 0 0 #333;background:rgba(255,255,255,.1);font-family:var(--wp--preset--font-family--body);color:#fff;}
.wpcf7 input:not([type="submit"]):focus, .wpcf7 textarea:focus, .wpcf7 select:focus {background:#ffffff;color:#333;}
.wpcf7 label {font-size:var(--wp--preset--font-size--small); display:block; margin:7px 0 0 0;}
.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"]  {width:auto;display:inline-block; margin:0 10px 5px 0;}
.wpcf7 input[type="radio"]:checked ~ * {color:#000;}
.wpcf7 input[type="date"] {color:#686466;}
.wpcf7 input[type="number"] {max-width:65px;}
.wpcf7 .wpcf7-submit {font-family:var(--wp--preset--font-family--body);font-size:var(--wp--preset--font-size--small); padding:15px;margin:10px 0; border-radius:5px; background:var(--wp--preset--color--accent);border:1px solid var(--wp--preset--color--accent); color:var(--wp--preset--color--base);text-transform:uppercase; width:auto; }
.wpcf7 .wpcf7-submit:hover {border-radius:1px;  }

.wpcf7 .wpcf7-acceptance {margin:5px 0 15px -10px; display:block; width:calc(100% - 10px);}
.wpcf7 .wpcf7-acceptance label {font-size:var(--wp--preset--font-size--small); line-height:1.4em; display:inline-block; }
.error { position:relative;}
.error {display:block; color:#ff3300;}
.wpcf7-form p {position:relative; margin:20px 0 5px 0; padding:0;font-size:var(--wp--preset--font-size--small);}

/* wp post loops */ 
@media (min-width:800px)
{
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {width:calc(50% - .625em)}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}
}
@media (max-width:800px){
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{ grid-template-columns:1fr}
}

/* sticky bottom line */ 
#is-sticky-bottom {position:sticky; bottom:-100px; -webkit-backface-visibility: hidden;  -webkit-perspective: 1000; transform: translateZ(0); -webkit-transform: translateZ(0);}

/* masonry gallery style  */
.is-style-gallery--is-masonry.columns-default { -webkit-columns: 3; -moz-columns: 3; columns: 3;}
.is-style-gallery--is-masonry{display:block !important;}
.is-style-gallery--is-masonry .wp-block-image{ width:100% !important; margin-bottom:var(--wp--style--unstable-gallery-gap) !important;}
.is-style-gallery--is-masonry.columns-1 {-webkit-columns: 1; -moz-columns: 1;columns: 1; }
.is-style-gallery--is-masonry.columns-2 {-webkit-columns: 2; -moz-columns: 2; columns: 2; }
.is-style-gallery--is-masonry.columns-3 {-webkit-columns: 3; -moz-columns: 3; columns: 3;}
.is-style-gallery--is-masonry.columns-4 {-webkit-columns: 4;-moz-columns: 4; columns: 4; }
.is-style-gallery--is-masonry.columns-5 {-webkit-columns: 5; -moz-columns: 5; columns: 5; }

@media only screen and (min-width : 768px) {
figure.wp-block-image.alignleft {margin-left: calc( ( 100% - var(--wp--style--global--content-size)) / 2 );}
figure.wp-block-image.alignright {margin-right: calc( ( 100% - var(--wp--style--global--content-size)) / 2 );}
}