html{
    max-width:100vw;
    overflow-x:hidden;

    scroll-behavior: smooth;

}
@media (prefers-reduced-motion) {
    html{scroll-behavior: auto;}
}

@media(min-width:992px){
    body.admin-bar header#masthead,
    body.admin-bar .rot-background-image,
    body.admin-bar .rot-background-image-blurry{margin-top:32px!important;}
}
*:focus{outline:none!important;}

.btn,
.site-header *{
    -webkit-transition:background-color 0.5s ease, opacity 0.5s ease, background-position 0.5s ease,
    color 0.5s ease;
    -o-transition:background-color 0.5s ease, opacity 0.5s ease,
    background-position 0.5s ease, color 0.5s ease;
    transition:background-color 0.5s ease, opacity 0.5s ease,
    background-position 0.5s ease, color 0.5s ease;
}
body {
    overflow:hidden;
    font-family:"Commissioner", Sans-Serif;
    font-size:14px;
}

.site-header{border-bottom:none;}

#page{
    display:flex;
    flex-direction:column;
    min-height:100vh;
}
footer#colophon{
    margin-top:auto!important;
}


body .dropdown-menu{
    right: 0;
    left: auto;
}
a,
a:hover,
body a:focus,
body a:visited{
    text-decoration:none;
}
body a{color: var(--secondary-darkened);}
body a:hover{color: var(--secondary);}

.linking-bark{cursor:pointer;}

h1.rot-title{font-weight:400; margin-top:1rem;position:relative;}

body .mb-4{margin-bottom:2rem!important;}
body ul{margin-bottom:2rem;}

.mb-1r{
    margin-bottom:1rem;
}

@media(max-width:566px){.hidden-xs-down{display:none!important;}}
@media(max-width:767px){.hidden-sm-down{display:none!important;}}
@media(max-width:991px){.hidden-md-down{display:none!important;}}
@media(max-width:1199px){.hidden-lg-down{display:none!important;}}
@media(min-width:567px){.hidden-sm-up{display:none!important;}}
@media(min-width:768px){.hidden-md-up{display:none!important;}}
@media(min-width:992px){.hidden-lg-up{display:none!important;}}
@media(min-width:1200px){.hidden-xl-up{display:none!important;}}

.editor-styles-wrapper .has-large-font-size, .has-large-font-size{
    font-size: 24px;
    line-height: normal;
    /* padding-bottom: 1rem; */
}
@media(min-width:992px){
    .has-large-font-size{
        font-size: 24px;
    }
}

.has-medium-font-size{
    font-size:16px;
}
@media(min-width:1200px){
    body{font-size:14px;}
    .has-medium-font-size{font-size:20px;}
}


h1, .h1{font-size:1.65rem;}
@media(min-width:576px){h1, .h1{font-size:1.8rem;}}
@media(min-width:768px){h1, .h1{font-size:2.1rem;}}
@media(min-width:992px){h1, .h1{font-size:2.3rem;}}
@media(min-width:1200px){h1, .h1{font-size:2.4rem;}}
h2, .h2{font-size:1.65rem;}
@media(min-width:576px){h1, .h1{font-size:1.8rem;}}
@media(min-width:768px){h1, .h1{font-size:2.1rem;}}
@media(min-width:992px){h1, .h1{font-size:2.3rem;}}
@media(min-width:1200px){h1, .h1{font-size:2.4rem;}}
h3, .h3{font-size:1.35rem;}
@media(min-width:576px){h3, .h3{font-size:1.45rem;}}
@media(min-width:768px){h3, .h3{font-size:1.45rem;}}
@media(min-width:992px){h3, .h3{font-size:1.75rem;}}
@media(min-width:1200px){h3, .h3{font-size:1.85rem;}}
h4, .h4{font-size:1.25rem; font-weight:500;}
@media(min-width:576px){h4, .h4{font-size:1.25rem;}}
@media(min-width:768px){h4, .h4{font-size:1.4rem;}}
@media(min-width:992px){h4, .h4{font-size:1.45rem;}}
@media(min-width:1200px){h4, .h4{font-size:1.55rem;}}
body h4{margin-bottom:1rem;}
.rot-content-row ul{font-size:17px; margin-top:0.75rem;}
.rot-content-row ul li{margin-bottom:0.5rem;}
h4.color-primary,.h4.color-primary,
h4.color-secondary,.h4.color-secodary{
    font-weight:400;
}


h3~p.has-medium-font-size{
    margin-top:0.7em;
}
.lead{font-family:"Advent Pro", sans-serif; font-weight: 300; font-size:1.35em; margin-top: 0;}
.jumbolead{font-family:"Advent Pro", sans-serif; font-size:1.35em; padding:1.5rem; margin-top: 0;}
@media(min-width:576px){.lead{font-size:1.35em;}}
@media(min-width:992px){.lead{font-size:1.45em;}.jumbolead{font-size:1.65em}}
@media(min-width:1200px){.jumbolead{font-size:1.85em}}

h2.rot-heading-responsive{
    font-size:180%; padding:0.7rem 1.5rem;
}
@media(min-width:992px){
    h2.rot-heading-responsive{
        font-size:1.75rem; padding:0.8rem 1.8rem;
    }
}
@media(min-width:1600px){
    h2.rot-heading-responsive{
        font-size:1.9rem; padding:1rem 2rem;
    }
}

form textarea{margin-bottom:0.8rem;}
form h4, form .h4{font-size:1.25rem; margin-top:0.8rem; margin-bottom:0.5rem}
@media(min-width:576px){form h4, form .h4{font-size:1.25rem;}}
@media(min-width:768px){form h4, form .h4{font-size:1.25rem;}}
@media(min-width:992px){form h4, form .h4{font-size:1.35rem;}}
@media(min-width:1200px){form h4, form .h4{font-size:1.35rem;}}

.btn{
    font:var(--display);
    letter-spacing:0.55px;
    font-weight:400;
}
.btn:focus, btn.focus{box-shadow:none!important;}


.rot-card{
    margin:1em 0;
}
div[class*="col-"]>:last-child{margin-bottom:0!important;}
div[class*="col-"]>:first-child{margin-top:0!important;}
[class*="col-"]{margin-bottom:1rem;}

.btn{
    border-radius:0;
}

.button-row{
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.button-row .wp-bootstrap-blocks-button:not(:last-child){
    margin-right:0.5rem;
    margin-bottom:0.5rem;
}

.btn-primary, input[type="button"], input[type="reset"], input[type="submit"], .sp-services-section .sp-single-service .sp-service-icon, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"]{
    border-color: var(--primary);
    background-color: var(--primary);
}
.btn-primary:hover{
    border-color: var(--primary-darkened);
    background-color: var(--primary-darkened);
}
.btn-white07, input[type="button"], input[type="reset"], input[type="submit"], .sp-services-section .sp-single-service .sp-service-icon, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"]{
    border-color: var(--white07);
    background-color: var(--white07);
    color: var(--text);
}
.btn-white07:hover{
    border-color: var(--primary-darkened);
    background-color: var(--primary-darkened);
    color:var(--white);
}
.btn-info, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: inherit;
    background-color: var(--info);
    border-color: var(--info);
}
.btn-info:hover {
    color: #fff;
    background-color: var(--info-darkened);
    border-color: var(--info-darkened);
}
.btn-warning, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: white;
    background-color: var(--warning);
    border-color: var(--warning);
}
.btn-warning:hover {
    color: #fff;
    background-color: var(--warning-darkened);
    border-color: var(--warning-darkened);
}

.btn-secondary:focus,
.btn-secondary {
    color:var(--text);
    background-color:var(--secondary-darkened)!important;
    border-color:var(--secondary-darkened)!important;
    font-weight:500;
}
.btn-secondary:active,
.btn-secondary:hover {
    color:var(--text);
    background-color:var(--secondary)!important;
    border-color:var(--secondary)!important;
    animation: ping2 0.7s linear;

}
.btn-primary:focus,
.btn-primary {
    color:white;
    background-color:var(--primary)!important;
    border-color:var(--primary)!important;
}
.btn-primary:active,
.btn-primary:hover {
    color:white;
    background-color:var(--primary-darkened)!important;
    border-color:var(--primary-darkened)!important;
    animation: ping2 0.7s linear;

}
.btn-grey07:focus,
.btn-grey07 {
    color:white;
    background-color:var(--grey07)!important;
    border-color:var(--grey07)!important;
}
.btn-grey07:active,
.btn-grey07:hover {
    color:white;
    background-color:var(--grey09)!important;
    border-color:var(--grey09)!important;
    animation: ping2 0.7s linear;

}


.btn-phone:before{
    content:"\f095";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right:0.5em;
}
.btn-mail:before{
    content:"\f0e0";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right:0.5em;
}


.rot-hidden{display:block;height:0; opacity:0;}






@media(min-width:768px) and (max-width:991px){
    .px-up-lg-0{
        padding-left:0!important;
        padding-right:0!important;
    }
}

.min-h-15{min-height:15rem;}

@media(min-width:576px){body .h-sm-50{height:50%!important;}}
@media(min-width:768px){body .h-md-50{height:50%!important;}}
@media(min-width:992px){body .h-lg-50{height:50%!important;}}
@media(min-width:1200px){body .h-xl-50{height:50%!important;}}

@media(min-width:576px){body .h-sm-100{height:100%!important;}}
@media(min-width:768px){body .h-md-100{height:100%!important;}}
@media(min-width:992px){body .h-lg-100{height:100%!important;}}
@media(min-width:1200px){body .h-xl-100{height:100%!important;}}

.h3-medium{font-weight:400!important;}




.fa-info-link:before{
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    margin: 0 1rem 0 0;
    color: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f05a";
}

.fa-adress-link:before{
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    margin: 0 1rem 0 0;
    color: inherit;
    content: "\f041";
    font: normal normal normal 14px/1 FontAwesome;

}
.fa-tel-link:before{
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    margin: 0 1rem 0 0;
    color: inherit;
    content:"\f095";
    font: normal normal normal 14px/1 FontAwesome;

}
.fa-mail-link:before{
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    margin: 0 1rem 0 0;
    color: inherit;
    content:"\f0e0";
    font: normal normal normal 14px/1 FontAwesome;

}
.rot-page-thumbnail{
    max-width:100%;
    margin-top: 2rem;
    margin-bottom:1.5rem;
    position: relative;

}

.rot-page-thumbnail .post-thumbnail{
    margin-top: 0;
    overflow: hidden;
    height: 1px;
    padding-bottom: 63%;
    position:relative;
    width:100%;
    display:block;
}
.rot-page-thumbnail.lowthumb{max-width:70%;}
.has-low-thumb .lowthumb .post-thumbnail{padding-bottom:38%;}
.has-low-thumb .lowthumb .post-thumbnail img{object-fit:contain;}
.rot-page-thumbnail .post-thumbnail img{
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}


@media(min-width:576px){
    .rot-page-thumbnail{max-width:100%;}
    .rot-page-thumbnail .post-thumbnail{padding-bottom: 32%;}
    .rot-page-thumbnail .post-thumbnail img{height:auto; object-fit:cover; object-position:center; top:50%; transform:translateY(-52%);}
    .lowthumb.rot-page-thumbnail{max-width:50%;}
}
@media(min-width:768px){
    .rot-page-thumbnail{max-width:88%;}
    .rot-page-thumbnail .post-thumbnail{padding-bottom: 60%;}
    .lowthumb.rot-page-thumbnail{max-width:48%;margin-bottom:0;}
    .has-low-thumb .entry-content{margin-top:0;}

}
@media(min-width:992px){
    .rot-page-thumbnail{max-width:75%;}
    .rot-page-thumbnail .post-thumbnail{padding-bottom: 64%;}
    .has-low-thumb .rot-page-thumbnail{max-width:38%;}
}
@media(min-width:1200px){
    .rot-page-thumbnail{max-width:55%;}
    .rot-page-thumbnail .post-thumbnail{padding-bottom: 100%;}
    .has-low-thumb .rot-page-thumbnail{max-width:36%;}
}

.rot-toast{
    padding: 4rem;
    min-height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-52%, -50%);
    min-width: 21rem;
    max-width: 26rem;
    position:absolute;
}
.toast-vater{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.6);
    z-index:101;

}
.closeable{transition:all 0.8s;}


/*ACCORDION*/

.c-accordion__item,
.c-accordion__item *{
    -webkit-transition:background-color 0.5s ease;
    -o-transition:background-color 0.5s ease;
    transition:background-color 0.5s ease;
}
.c-accordion__item{

    background-color: var(--light);
    color:inherit;
    font-size:inherit;
    border-radius: 2px;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 1rem;
}
.c-accordion__title{
    display: block;
    background-color: var(--info);
    padding: 0.6rem 3rem 0.6rem 1rem;
    /* color: white!important; */
    line-height: 1 /* 0.55;*/;
    font-weight: 300;
    font-size: 1.125rem;
    margin-bottom:0!important;
}
.c-accordion__title:hover{background-color:var(--info-darkened);}
.c-accordion__title:after{
    /* color: white; */
    display: inline-block;
    line-height: 0.48;
    font-weight: bold;
    position: absolute;
    font-family: FontAwesome;
    top: 50%;
    right: 1rem;
    content: "\f055";
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}
.is-open .c-accordion__title:after {
    content: "\f056";
}

.c-accordion__item:hover{
    background-color: white;
}
.c-accordion__content {
    /* display: none; */
    color: inherit;
    font-size: inherit;
    padding-top: 0.4rem;
    border-left:2px solid var(--info);
    margin-bottom:0;
}
.c-accordion__content figure {
    margin:0rem;
}
.c-accordion__content figure table{
    margin:0rem;
    font-size:0.9rem;
}
.c-accordion__content figure table th,
.c-accordion__content figure table td{
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}


@media(max-width:767px){
    .c-accordion__title{
        margin-bottom:0rem;
        font-size: 1rem!important;
        padding: 0.6rem 2.5rem 0.6rem 0.6rem;
    }
    .c-accordion__content figure table th,
    .c-accordion__content figure table td{
        padding: 0.5rem 0.5rem 0.5rem 0.6rem;
    }
}
.bg-lighter .c-accordion__title,
.bg-lighter .c-accordion__content{
    filter: brightness(1.08) saturate(0.6);
}
.bg-lighter figure{
    filter: brightness(0.92) saturate(1.4);
}

.bg-lightest .c-accordion__content,
.bg-lightest .c-accordion__title{
    filter: brightness(1.12) saturate(0.6);
}
.bg-lightest figure{
    filter: brightness(0.88) saturate(1.4);
}
.bordered-element>.rot-wrapper{
    padding: 1rem 1rem 0rem;
    border: 2px solid var(--secondary);
    border-radius: 2px;
}
@media(min-width:1200px){
    .bordered-element>.rot-wrapper{
        padding: 2rem 2rem 0rem;
    }
}
.single .post-navigation .nav-links a {
    color: var(--primary);
    margin-bottom: 2rem;
    display: inline-block;
    background: var(--light);
    padding: 2px 10px;
    border-radius: 2px;
}
.single .post-navigation .nav-links a:hover {
    background: var(--light-darkened);
    color: var(--primary-darkened);
}

.comments-area .comment-list > li,
.comments-area .wb-comment-form,
.comments-area .comments-title {
    padding: 0.5rem 0rem;
}

.has-rot-inline-pic,
.has-rot-inline-vid {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.rot-inline-pic,
.rot-inline-vid{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    border-radius:10px;
    overflow:hidden;

    min-height:300px;
}
.rot-inline-pic img,
.rot-inline-vid video{
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -o-object-position: center;
    object-position: center;
}
@media(min-width:576px){
    .rot-inline-pic,
    .rot-inline-vid{max-height:320px;}
}
@media(min-width:768px){
    .rot-inline-pic,
    .rot-inline-vid{max-height:360px;}
}
@media(min-width:992px){
    .rot-inline-pic,
    .rot-inline-vid{max-height:360px;}
}
@media(min-width:1200px){
    .rot-inline-pic,
    .rot-inline-vid{max-height:500px;}
}
.rot-buttons{width:100%;}
.rot-buttons>div a{width:100%;}
.rot-buttons>div{
    margin-right:0.5rem;
    margin-bottom:0.25rem;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.rot-buttons>div:last-child{
    margin-left:0;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.blocks-gallery-grid{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.rot-icon-col{
    position: relative;
    width: 100%!important;
    min-height: 1px;
    /* padding-right: 5px;
    padding-left: 5px; */
    margin:0!important;
    padding:5px;
    padding-bottom:0;
    flex: 0 0 20%;
    max-width: 20%;
}
@media(max-width:991px){
    .rot-icon-col{
        flex: 0 0 14.285%;
        max-width: 14.285%;
    }
}
@media(max-width:767px){
    .rot-icon-col{
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
@media(max-width:575px){
    .rot-icon-col{
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.icon-gal li.blocks-gallery-item figure{
    flex-direction:column;
    -ms-flex-direction: column;
}
.icon-gal li.blocks-gallery-item figcaption{
    position:relative;
    padding-top:0.2rem;
    background:none;
}
.icon-gal.bg-grey li.blocks-gallery-item figure{
    background-color:rgba(77,77,77,1);
    padding:4%;;
    border-radius: 500px;
}
.icon-gal.bg-white-70 li.blocks-gallery-item figure{
    background-color:rgba(255,255,255,0.7);
    padding:4%;
    /* border-radius: 500px; */
}
p.has-normal-font-size, p.has-regular-font-size {
    font-size: 16px;
}


.features p{
    display: inline-block;
    background-color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    color: var(--text);
    margin-right: 0.5em;
    font-family: "Advent Pro", sans-serif!important;
    font-weight: 500;

    font-size: 1.25rem; padding: 0.125em 0.65em; letter-spacing: 0.55px;
}
.rpbar-name:before,
.features p:before{
    content: "\f00c";
    display: inline-block;
    color: var(--text);
    font-family: 'FontAwesome';
    font-size: 0.7em;
    margin-right: 0.5em;
    bottom: 0.125em;
    position: relative;
    color: var(--secondary);
}
.rot-container-light .rpbar-name:before,
.rot-container-light .features p:before{
    color: var(--secondary-darkened);
}

@media(min-width:768px){

}
@media(min-width:992px){
    .rpbar-name,
    .features p{font-size: 1.1rem; padding: 0.125em 0.65em; letter-spacing: 0.75px;}
}
.rot-media-sm{
    max-height:330px;
    min-height:190px;
    max-width:100%;
}
@media(min-width:768px){.rot-media-sm{min-height:260px;max-height:100%;}}
@media(min-width:1200px){.rot-media-sm{min-height:260px;max-height:360px;}}
.rot-media-sm img{
    max-width: none;
    width: 160%;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.l-35 img{left:35%;}
.l-65 img{left:65%;}


/*SIDEBAR*/
aside#secondary{
    background-color:transparent;
    border:none;
}
aside#secondary>section{
    padding:0 0rem 1rem;
}

