/*
Theme Name: Hopmans theme
Theme URI: https://www.hopmans.nl
Author: Goes & Roos
Author URI: https://www.goesenroos.nl
Description: Goes & Roos starter theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hopmans
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* Colors */
:root {
    --base: #b21f33; /* Red */
    --primary: #2e403a; /* Dark green */
    --secondary: #cfcec5; /* Sand */
    --tertiary: #eae9e4; /* Sand light */
    --quaternary: #fff; /* White */
}

body {
    background-color: var(--quaternary);
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    color: var(--primary);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6  {
    line-height: 1.2;
    color: var(--primary);
    font-weight: 600;
}

h2 {
    margin-bottom: 2rem;
    font-size: 2.75rem;
}

h3 {
    font-size: 2rem;
    font-weight: 400;
}

a {
    color: var(--primary);
    text-decoration: none;
    text-decoration-thickness: 1px;
}

a:hover,
a:focus {
    color: var(--primary);
}

::-moz-selection {
    background: var(--primary);
    color: var(--quaternary);
}

::selection {
    background: var(--primary);
    color: var(--quaternary);
}

.container {
    max-width: 1320px;
}

p,
li {
    line-height: 1.8;
}

/* Default */
.wp-block-group {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.wp-block-group .wp-block-group__inner-container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.wp-block-group .wp-block-columns {
    margin-bottom: 0;
}

.wp-block-image,
.wp-block-video {
    position: relative;
    border-radius: 1rem;
}

.wp-block-image img,
.wp-block-video video {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    object-fit: cover;
}

.wp-block-image-top img {
    object-position: top;
}

.wp-block-image-bottom img {
    object-position: bottom;
}

.wp-block-group-background {
    background-color: var(--secondary);
}

.wp-block-group-background-medium {
    background-color: var(--quinary);
}

.wp-block-group-background-light {
    background-color: var(--quaternary);
}









/* Backdrop */
html:before,
html:after,
body:before,
body:after,
.wp-site-blocks:after {
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 0;
    content: '';
}

html:before {
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 40%, transparent 60%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 40%, transparent 60%);
    backdrop-filter: blur(0.083rem);
    -webkit-backdrop-filter: blur(0.083rem);
    z-index: 1000;
}

html:after {
    mask-image: linear-gradient(to bottom, transparent 20%, black 40%, black 60%, transparent 80%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 40%, black 60%, transparent 80%);
    backdrop-filter: blur(0.166rem);
    -webkit-backdrop-filter: blur(0.166rem);
    z-index: 1001;
}

body:before {
    mask-image: linear-gradient(to bottom, transparent 40%, black 60%, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 40%, black 60%, black 80%, transparent 100%);
    backdrop-filter: blur(0.377rem);
    -webkit-backdrop-filter: blur(0.377rem);
    z-index: 1002;
}

body:after {
    mask-image: linear-gradient(to bottom, transparent 60%, black 80%, black 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 60%, black 80%, black 100%);
    backdrop-filter: blur(0.749rem);
    -webkit-backdrop-filter: blur(0.749rem);
    z-index: 1003;
}

.page-main:after {
    mask-image: linear-gradient(to bottom, transparent 80%, black 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 80%, black 100%);
    backdrop-filter: blur(1.000rem);
    -webkit-backdrop-filter: blur(1.000rem);
    z-index: 1003;
}

/* Slider */
.page-slider {
    height: 750px;
}

.page-slider .container {
    max-width: 1640px;
}

.page-slider .carousel .img-cover-top {
    object-position: top;
}

.page-slider .carousel .img-cover-center {
    object-position: center;
}

.page-slider .carousel .img-cover-bottom {
    object-position: bottom;
}

.page-slider .carousel .carousel-item img {
    border-radius: 1rem;
    object-fit: cover;
}

.page-slider .page-slider-info {
    top: 0;
    left: 0;
    z-index: 3;
}

.page-slider .page-slider-info p:nth-of-type(1) {
    position: relative;
    padding: .25rem 1rem .25rem calc(1.2rem + 14px);
    background-color: var(--tertiary);
    border-radius: 50px;
    font-size: .8rem;
    display: table;
}

.page-slider .page-slider-info p:nth-of-type(1):before {
    width: 10px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: .5rem;
    background-color: var(--base);
    border-radius: 0 50px 50px 50px;
    display: inline-block;
    content: '';
}

.page-slider .page-slider-info p:nth-of-type(3) a {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--tertiary);
}

.page-slider .page-slider-info p:nth-of-type(3) a:last-of-type {
    border-bottom: 0;
}

.page-slider .page-slider-info p:nth-of-type(3) a:after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%232e403a' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%232e403a' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.page-slider .page-slider-info p:nth-of-type(3) a:hover,
.page-slider .page-slider-info p:nth-of-type(3) a:focus {
    color: var(--base);
}

@media (max-width: 767.98px) {

}



/* Services */
.wp-block-group.wp-block-group-services .wp-block-group__inner-container {
    max-width: none;
}

.wp-block-group.wp-block-group-services .wp-block-group__inner-container > h2 {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group.wp-block-group-services .wp-block-columns {
    gap: 1em;
}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column {
    position: relative;
}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image,
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-video {
    height: 550px;
    margin-bottom: 0;
}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-group {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 1rem;
    display: flex;
	flex-direction: column;
	justify-content: end;
}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container {
    padding-left: 0;
    padding-right: 0;
    
}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: #00fff0;
    border-radius: 1rem;
    

}

.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type a {
    width: 100%;
    height: 100%;
    display: flex;
	flex-direction: column;
	justify-content: end;
}




/* Content */
.wp-block-group.wp-block-group-content > .wp-block-group__inner-container {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wp-block-group.wp-block-group-content > .wp-block-group__inner-container > p:nth-of-type(1) {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem 1rem .25rem calc(1.2rem + 14px);
    background-color: var(--tertiary);
    border-radius: 50px;
    font-size: .8rem;
    display: table;
}

.wp-block-group.wp-block-group-content > .wp-block-group__inner-container > p:nth-of-type(1):before {
    width: 10px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: .5rem;
    background-color: var(--base);
    border-radius: 0 50px 50px 50px;
    display: inline-block;
    content: '';
}


/* Photo */
.wp-block-group.wp-block-group-photo {
    height: 700px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.wp-block-group.wp-block-group-photo .wp-block-image img {
    width: 100%;
    height: 700px;
    display: block;
    transform-origin: top center;
}

/* Stats */
.wp-block-group.wp-block-group-stats .wp-block-columns .wp-block-column h3 {
    font-size: 3rem;
    font-weight: 600;
}

/* Objects */
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(1) p:first-of-type {
    position: relative;
    padding: .25rem 1rem .25rem calc(1.2rem + 14px);
    background-color: var(--tertiary);
    border-radius: 50px;
    font-size: .8rem;
    display: table;
}

.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(1) p:first-of-type:before {
    width: 10px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: .5rem;
    background-color: var(--base);
    border-radius: 0 50px 50px 50px;
    display: inline-block;
    content: '';
}





/* Properties / specials */
.properties-title .facetwp-counts,
.properties-filter-v-1 .fs-wrap.multiple .fs-option.selected .fs-checkbox i,
.properties-filter-v-search .fs-wrap.multiple .fs-option.selected .fs-checkbox i,
.properties-filter-v-1 .fs-wrap.multiple .fs-option.selected .fssearchcheckbox i,
.properties-filter-v-search .fs-wrap.multiple .fs-option.selected .fssearchcheckbox i,
.properties-filter-selections .facetwp-selections .facetwp-selection-value:before,
.properties-filter-more-close a {
    background-color: var(--primary);
}

.properties-filter .facetwp-checkbox.checked:before,
.properties-filter .facetwp-radio.checked:before {
    background-color: var(--primary);
    border-color: var(--primary);
}

.properties-filter-extra {
    margin-top: 2.5rem;
}

.properties-filter-extra .properties-filter-show,
.properties-filter-extra .facetwp-sort .facetwp-sort-select,
.properties-filter-extra .facetwp-per-page .facetwp-per-page-select {
    background-color: var(--secondary);
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tertiary);
    text-transform: uppercase;
}

.properties-filter-extra .facetwp-sort:before,
.properties-filter-v-search .facetwp-sort:before,
.properties-filter-extra .facetwp-per-page:before,
.properties-filter-extra .facetwp-sort:after,
.properties-filter-v-search .facetwp-sort:after,
.properties-filter-extra .facetwp-per-page:after {
    background-color: var(--tertiary);
}

.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-search {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0;
}

.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-dropdown {
    border-radius: 50px;
}

.properties-title .facetwp-counts {
    width: 30px;
    height: 30px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
}

.properties-filter-v-1 {
    background-color: var(--quaternary);
}

.properties-filter-v-1 .fs-label-wrap,
.properties-filter .properties-filter-range-list {
    border-radius: 50px;
}

.properties-filter-v-1 .fs-label-wrap .fs-label {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .properties-filter-extra .col-12.col-md-4,
    .properties-filter-extra .col-12.col-md-8 {
        width: 50%;
    }
}

.properties-title .facetwp-counts {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
}

.properties .facetwp-template > .col-12 {
    margin-bottom: 1.5rem;
}

.properties-special .carousel {
    overflow: hidden;
}

.properties-special .object,
.properties .object {
    height: 100%;
    background-color: var(--quaternary);
    border-radius: 1rem;
}

.properties-special .object .object-image,
.properties .object .object-image {
    border-radius: 1rem;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
}

.properties-special .object .object-image img {
    height: 650px;
    border-radius: 1rem;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.properties-special .object .object-image a:before {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-color: var(--quaternary);
    border-radius: 50%;
    content: '';
    z-index: 2;
    opacity: 0;
}

.properties-special .object .object-image a:after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3.5 12H20.33' stroke='%23222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    z-index: 3;
    opacity: 0;
}

.properties .object .object-image img {
    border-radius: 1rem;
}

.properties .object .object-image div.object-status,
.properties-special .object .object-image div.object-status,
.properties-item .object-detail-photo div.object-status {
    background-color: var(--quinary);
    border-radius: 50px;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 600;
}

.properties-special .object .object-info,
.properties .object .object-info {
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
}

.properties-special .object .object-info,
.properties .object .object-info {
    display: flex;
    flex-wrap: wrap;
}

.properties-special .object .object-address,
.properties .object .object-address {
    width: 50%;
    min-height: 57px;
    order: 1;
}

.properties-special .object .object-features,
.properties .object .object-features {
    width: 100%;
    order: 2;
}

.properties-special .object .object-price,
.properties .object .object-price {
    width: 50%;
    order: 3;
}

.properties-special .object .object-view,
.properties .object .object-view {
    width: 100%;
    order: 4;
}

.properties-special .object .object-address .object-address-line,
.properties .object .object-address .object-address-line {
    float: left;
}

.properties-special .object .object-address .object-street,
.properties .object .object-address .object-street,
.properties-special .object .object-address .object-housenumber,
.properties .object .object-address .object-housenumber,
.properties-special .object .object-address .object-housenumber-addition,
.properties .object .object-address .object-housenumber-addition {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary);
}

.properties-special .object .object-address .object-place,
.properties .object .object-address .object-place {
    padding-left: .35rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary);
}

.properties-special .object .object-price,
.properties .object .object-price {
    color: var(--primary);
    font-weight: 600;
    text-align: right;
}

.properties-special .object .object-features,
.properties .object .object-features {
    width: 100%;
    margin-bottom: 0!important;
    padding-bottom: 1rem;
    display: table;
}

.properties-special .object .object-feature,
.properties .object .object-feature {
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .5rem;
    background-color: var(--base);
    border-radius: .5rem;
    font-size: .8rem;
    color: var(--primary);
    float: left;
}

.properties-special .object .object-feature > .row > .col-3,
.properties .object .object-feature > .row > .col-5 {
    display: none;
}

.properties-special .object .object-feature > .row > .col-9,
.properties .object .object-feature > .row > .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.properties-special .object-features .object-feature .object-feature-info:before,
.properties .object-features .object-feature .object-feature-info:before {
    width: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: auto 16px;
    display: table;
    float: left;
    content: "";
}

.properties-special .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before,
.properties .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before {
    background-image: url(images/perceel-oppervlakte.svg);
}

.properties-special .object-features .object-feature-woonoppervlakte .object-feature-info:before,
.properties .object-features .object-feature-woonoppervlakte .object-feature-info:before {
    background-image: url(images/woon-oppervlakte.svg);
}

.properties-special .object-features .object-feature-aantalkamers .object-feature-info:before,
.properties .object-features .object-feature-aantalkamers .object-feature-info:before {
    background-image: url(images/aantal-kamers.svg);
}

.properties-special .object-features .object-features-energy .object-feature-info:before,
.properties .object-features .object-features-energy .object-feature-info:before {
    width: 18px;
    background-image: url(images/energy.svg);
}

.properties-special .object-features .object-feature-bouwjaar .object-feature-info:before,
.properties .object-features .object-feature-bouwjaar .object-feature-info:before {
    background-image: url(images/bouwjaar.svg);
}

.properties-special .object .object-view,
.properties .object .object-view {
    width: auto;
    position: relative;
    display: table;
}

.properties-special .object .object-view:before,
.properties .object .object-view:before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: var(--quinary);
    border-radius: 50px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    content: '';
    z-index: 0;
}

.properties-special .object .object-view a,
.properties .object .object-view a {
    position: relative;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
    font-size: .9rem;
    color: var(--secondary);
    border: 0;
}

.properties-special .object .object-view a:hover,
.properties .object .object-view a:hover {
    background-color: transparent;
}

.properties-special .object .object-view:hover:before,
.properties .object .object-view:hover:before {
    width: 100%;
}


.properties-special .object:hover .object-image img {
    scale: 1.1;
    filter: blur(3px);
}

.properties-special .object:hover .object-image a:before {
    opacity: 1;
}

.properties-special .object:hover .object-image a:after {
    opacity: 1;
}




.properties-pagination .facetwp-pager a.facetwp-page:first-of-type {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.properties-pagination .facetwp-pager a.facetwp-page:last-of-type {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

@media (max-width: 767.98px) {
    .properties-filter-show svg {
        fill: var(--tertiary);
    }

    .properties-filter-v-1 .properties-filter-header {
        background-color: transparent;
    }

    .properties-filter .properties-filter-header,
    .properties-filter-more-options,
    .properties-filter-more-close {
        background-color: var(--quaternary);
    }

    .properties-filter-more-close a {
        border-radius: 50px;
    }

    .properties-filter-extra .facetwp-per-page {
        margin-bottom: 1rem;
    }

    .properties-special > .row > .col-12 {
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .properties-special .object .object-image img {
        height: 200px;
    }
}













/* Announcement */
.announcement {
    max-width: 300px;
    bottom: 0;
    left: 1rem;
    z-index: 9999;
}

.announcement .collapse {
    max-width: 300px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.announcement .well {
    background-color: #fff!important;
    box-shadow: none;
}

.announcement .announcement-image img {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
}

.announcement h4 {
    line-height: 1.2;
    font-size: 1.3rem;
}

.announcement a.btn {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.announcement .btn-announcement-close {
    width: 30px;
    height: 30px;
    background-color: #3a404a;
    position: absolute;
    top: -15px;
    right: -15px;
}

.announcement .btn-announcement-close:before,
.announcement .btn-announcement-close:after {
    width: 13px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    content: '';
}

.announcement .btn-announcement-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.announcement .btn-announcement-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

@media (max-width: 767.98px) {
    .announcement {
        max-width: 160px;
        bottom: 0;
        left: 0;
		font-size: 13px;
    }

    .announcement h4 {
        font-size: 1rem;
    }

    .announcement .announcement-image img {
        max-height: 70px;
    }
	
	.announcement a.btn {
		padding: .75rem 0.25rem;
		border-radius: .25rem;
		font-size: .7rem;
		color: #fff;
	}
	
	.announcement-info.p-3 {
		padding: 0.5rem !important;
	}
	
	.announcement-info p {
		line-height:1.2 !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .announcement {
        max-width: 310px;
        bottom: 0;
        left: 0;
    }

    .announcement .announcement-image img {
        max-height: 150px;
    }
}




/* TEMP */
.navbar,
.page-slider,
.wp-block-group-content,
.wp-block-group-photo,
.wp-block-group-stats,
.wp-block-group-objects,
.footer,
.footer-copyright {
    display: none;
}