/* Custom section background colours */
.section.has-background-custom1 {
    background: #ffda10;
}

section.has-background-custom2 {
    background: #F1647A;
}

/* Box custom background colour */
.block.box.has-background-custom-1 {
    background: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width:1088px) {

    section.has-background-custom3,
    section.has-background-custom4 {
        position: relative;
    }

    section.has-background-custom3:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        display: block;
        clear: none;
        backdrop-filter: blur(15px);
    }

    section.has-background-custom4:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgba(255, 255, 255, 0.1);
        display: block;
        clear: none;
        backdrop-filter: blur(5px);
    }

    .block.box.has-background-custom-2 {
        background: none;
    }
}

@media screen and (max-width:1087px) {
    .block.box.has-background-custom-2 {
        z-index: 1;
        background: none;
        position: relative
    }

    .block.box.has-background-custom-2:before {
        z-index: -1;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.1);
        display: block;
        clear: none;
    }

    .section.has-background-custom3 .block.box.has-background-custom-2:before {
        backdrop-filter: blur(10px);
    }

    .section.has-background-custom4 .block.box.has-background-custom-2:before {
        backdrop-filter: blur(5px);
    }
}

.navbar-dropdown a.navbar-item,
.navbar-dropdown a.navbar-item,
a.navbar-item,
.navbar-link {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

@media screen and (min-width:1088px) {

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        color: #F1647A;
    }

    .homePageCategories .listItem .image img {
        transform: scale(1);
        transition: 0.3s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .homePageCategories .listItem:hover .image img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

a.navbar-item:hover,
.navbar-link:hover {
    color: #F1647A;
}

.navigationmenu ul li.active>a {
    background-color: #F1647A;
}

.input:hover,
.input.is-hovered,
.catfish-input:hover,
.catfish-input.is-hovered,
.catfish-select:hover,
.catfish-select.is-hovered,
.textarea:hover,
.textarea.is-hovered,
.catfish-textarea:hover,
.catfish-textarea.is-hovered {
    border-color: #F1647A;
}