@charset "utf-8";
/* Blog CSS Document */

.main #blog .infopage h1 { margin-bottom: 0;}
.main .infopage section.blog-form-top { padding: 0 0 5vh 0; margin-top: 8vh;}
.blog-form-top .form-floating > label { padding-top:.75rem;}
.blog-form-top .form-select { padding: 1rem .75rem;}
.blog-form-top .form-floating, .blog-form-top .form-select { margin-bottom: 1em;}

.fs-7{font-size:.875rem!important}.mb-9{margin-bottom:5rem!important}.mb-auto{margin-bottom:auto!important}@media(min-width:576px){.mb-sm-9{margin-bottom:5rem!important}.mb-sm-auto{margin-bottom:auto!important}}@media(min-width:768px){.mb-md-9{margin-bottom:5rem!important}.mb-md-auto{margin-bottom:auto!important}}@media(min-width:992px){.mb-lg-9{margin-bottom:5rem!important}.mb-lg-auto{margin-bottom:auto!important}}@media(min-width:1200px){.mb-xl-9{margin-bottom:5rem!important}.mb-xl-auto{margin-bottom:auto!important}}@media(min-width:1400px){.mb-xxl-9{margin-bottom:5rem!important}.mb-xxl-auto{margin-bottom:auto!important}}.bsb-animated{--bsb-animation-duration:1s;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both}@keyframes bsb-fadeIn{0%{opacity:0}to{opacity:1}}.bsb-fadeIn{animation-name:bsb-fadeIn}@keyframes bsb-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInUp{animation-name:bsb-fadeInUp}@keyframes bsb-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInDown{animation-name:bsb-fadeInDown}@keyframes bsb-fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInLeft{animation-name:bsb-fadeInLeft}@keyframes bsb-fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInRight{animation-name:bsb-fadeInRight}@keyframes bsb-fadeOut{0%{opacity:1}to{opacity:0}}.bsb-fadeOut{animation-name:bsb-fadeOut}@keyframes bsb-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.bsb-fadeOutUp{animation-name:bsb-fadeOutUp}@keyframes bsb-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.bsb-fadeOutDown{animation-name:bsb-fadeOutDown}@keyframes bsb-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.bsb-fadeOutLeft{animation-name:bsb-fadeOutLeft}@keyframes bsb-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.bsb-fadeOutRight{animation-name:bsb-fadeOutRight}@keyframes bsb-zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bsb-zoomIn{animation-name:bsb-zoomIn}.bsb-overlay{--bsb-overlay-opacity:0.5;--bsb-overlay-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay:after{background-color:rgba(var(--bsb-overlay-bg-color),var(--bsb-overlay-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:0}.bsb-overlay>*{position:relative;z-index:1}.bsb-overlay-figure{--bsb-overlay-figure-opacity:0.5;--bsb-overlay-figure-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-figure:after{background-color:rgba(var(--bsb-overlay-figure-bg-color),var(--bsb-overlay-figure-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.bsb-overlay-hover{--bsb-overlay-hover-opacity:0.5;--bsb-overlay-hover-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-hover>a{bottom:0;display:block;left:0;position:relative;right:0;top:0}.bsb-overlay-hover>a>img.bsb-scale{--bsb-scale:1}.bsb-overlay-hover>a>img.bsb-scale,.bsb-overlay-hover>a>img.bsb-scale-up{transform:scale3d(var(--bsb-scale),var(--bsb-scale),var(--bsb-scale));transform-style:preserve-3d;transition:transform .5s}.bsb-overlay-hover>a>img.bsb-scale-up{--bsb-scale:1.2}.bsb-overlay-hover>a:after{background-color:rgba(var(--bsb-overlay-hover-bg-color),var(--bsb-overlay-hover-opacity));content:"";cursor:pointer!important;display:block;z-index:0}.bsb-overlay-hover>a:after,.bsb-overlay-hover>figcaption{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.bsb-overlay-hover>figcaption{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:1}.bsb-overlay-hover>figcaption>*{opacity:0}.bsb-overlay-hover:hover>a>img.bsb-hover-scale{--bsb-scale-hover:1;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a>img.bsb-hover-scale-up{--bsb-scale-hover:1.2;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a:after{opacity:1;transition:opacity .15s linear}.bsb-overlay-hover:hover>figcaption{opacity:1;transition:opacity .15s linear .1s}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeIn}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInUp{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInUp}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInDown{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInDown}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInLeft{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInLeft}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInRight{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInRight}.bsb-overlay-hover:hover>figcaption>.bsb-hover-zoomIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-zoomIn}

.card-footer { margin-bottom: 1.5em;}
.card-img-top img { border-bottom-left-radius:0; border-bottom-right-radius:0;}
.card-title {font-family: /*century-gothic, sans-serif;*/"Mulish", sans-serif; font-weight: bold;}

.bi-eye { font-size: 2rem; width: 32px; height: 32px;}
.entry-meta a { color: #2b296c;}

.cat-header { text-align: center; margin-top: .75em;}
.cat-header h3 { margin: 0 auto; display: inline-block; font-weight:200; padding: .5em 1em; border:1px solid #ccc; border-radius: 5px;}

.pagination { margin-top: 2em;}
.pagination ul { padding: 0; margin: 0 auto;}
.pagination ul li { display: inline-block; margin-bottom: 4px; font-weight: 400;}
.pagination ul li a, .pagination ul li span {
	color: #666; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid transparent;
}
.pagination ul li.active a, .pagination ul li.active span {
	background: #2b296c; color: #fff;}
.pagination ul li a:hover {border: 1px solid #2b296c;}

.entry-thumbnail img {border-radius: 0; height: 80vh; object-fit: cover;}
article .entry-title { width: 70%; margin: 0 auto; background: #fff; border-bottom: 1px solid #ccc; padding: 3em 4em; text-align: center; margin-top:-9em; z-index: 10; position:relative;}
article .entry-title div { margin-top:1em;}

.entry-footer { padding-top: 2em;}
.tags-links a { font-size: .75em; padding: .5em 1em; border-radius: 5px; border:1px solid #ccc; color:#666; margin-right: .25em; }

.post-navigation { border-top:1px solid #ccc; font-size: .75em;}
.nav-previous { margin-left: 3em;}
.nav-next { margin-right: 3em;}
.nav-previous div, .nav-next div { margin: .75em 0;}

.relatedPosts { padding:4em 0;}
.relatedPosts h3 { margin-bottom:1.5em;}
.rpost img { border-radius:2px; margin-bottom: 1em;}
.rpost a.title { color:#000;}
.rpost p { font-size:.75em;}

@media only screen and (max-width: 768px) {
	article .entry-title { width: 80%; padding: 3em;}
	article .entry-title h1 { font-size: 2em;}
}

@media only screen and (max-width: 420px) {
	article .entry-title { width: 90%; padding: 3em 1em;}
}