/* esetBlog mini-framework — only the Bootstrap-compatible classes this theme uses.
   Self-hosted (no CDN). Breakpoints: md=768px, lg=992px. */

*,*::before,*::after{box-sizing:border-box}

.container{width:100%;margin-inline:auto;padding-inline:15px}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1240px}}

.row{display:flex;flex-wrap:wrap;margin-inline:-12px}
.row>*{padding-inline:12px}
.g-0{margin-inline:0}.g-0>*{padding-inline:0}

.col{flex:1 0 0%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.3333%}
.col-8{flex:0 0 auto;width:66.6667%}
.col-9{flex:0 0 auto;width:75%}
.col-12{flex:0 0 auto;width:100%}
.row-cols-1>*{flex:0 0 auto;width:100%}
@media(min-width:768px){
 .col-md-4{flex:0 0 auto;width:33.3333%}
 .col-md-8{flex:0 0 auto;width:66.6667%}
 .col-md-12{flex:0 0 auto;width:100%}
 .row-cols-md-2>*{flex:0 0 auto;width:50%}
}
@media(min-width:992px){
 .col-lg-4{flex:0 0 auto;width:33.3333%}
 .col-lg-8{flex:0 0 auto;width:66.6667%}
 .row-cols-lg-2>*{flex:0 0 auto;width:50%}
}

/* display */
.d-none{display:none!important}.d-flex{display:flex!important}
@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}
@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}

/* flex helpers */
.flex-column{flex-direction:column!important}
.flex-column-reverse{flex-direction:column-reverse!important}
@media(min-width:768px){.flex-md-row{flex-direction:row!important}}
.align-items-center{align-items:center!important}
@media(min-width:768px){.align-items-md-end{align-items:flex-end!important}}
.justify-content-between{justify-content:space-between!important}
.justify-content-center{justify-content:center!important}

/* sizing */
.w-100{width:100%!important}.h-100{height:100%!important}

/* spacing scale: 0,.25,.5,1,1.5,3rem */
.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}
.mt-1{margin-top:.25rem!important}.mt-5{margin-top:3rem!important}
.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}
.p-0{padding:0!important}.px-0{padding-left:0!important;padding-right:0!important}
.pt-4{padding-top:1.5rem!important}.pe-3{padding-right:1rem!important}
.pb-1{padding-bottom:.25rem!important}.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}
@media(min-width:768px){
 .mt-md-0{margin-top:0!important}
 .pb-md-0{padding-bottom:0!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}
}
@media(min-width:992px){.mt-lg-0{margin-top:0!important}.ms-lg-auto{margin-left:auto!important}}

.text-capitalize{text-transform:capitalize!important}
.list-unstyled{list-style:none;padding-left:0;margin:0}

/* buttons / forms */
.btn{display:inline-block;font-weight:500;text-align:center;border:1px solid transparent;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;line-height:1.5}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#212529;background:#fff;border:1px solid #ced4da;border-radius:.375rem}
.form-control-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.form-control:focus{outline:0;border-color:var(--eset-teal-light);box-shadow:0 0 0 .2rem rgba(0,150,161,.18)}

/* navbar (expand at lg) */
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.navbar-nav{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
.navbar-toggler{padding:.25rem .55rem;background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:.375rem;cursor:pointer;line-height:1}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(66,77,86,0.85)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 background-repeat:no-repeat;background-position:center;background-size:100%}
.collapse:not(.show){display:none}
@media(min-width:992px){
 .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}
 .navbar-expand-lg .navbar-nav{flex-direction:row}
 .navbar-expand-lg .navbar-toggler{display:none}
 .navbar-expand-lg .collapse:not(.show){display:flex!important}
}

/* carousel */
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden}
.carousel-item.active{display:block}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin:0 0 1.25rem;list-style:none}
.carousel-indicators [type=button]{box-sizing:content-box;width:12px;height:12px;padding:0;margin:0 6px;border:0;border-radius:50%;background:#fff;opacity:.5;cursor:pointer;transition:opacity .3s ease}
.carousel-indicators .active{opacity:1}
