/* Global */
.title,
.subtitle {
    font-weight: bold;
}

section.is-very-large {
    padding-top: 9rem;
    padding-bottom: 9rem;
}


.fab {
    font-family: "Font Awesome 5 Brands";
}

section.has-no-top-padding {
    padding-top: 0 !important;
}

section.has-no-bottom-padding {
    padding-bottom: 0 !important;
}

/* Ribbon default colours */
section.has-ribbon-colour-light::after {
    background: #F5F9FB;
}

#homeFeaturedProductsTitleRow {
    display: none;
}

section.has-ribbon-colour-dark::after {
    background: #3D4D57;
}

/*section.has-ribbon-colour-custom-1::after {*/
/*    background: #59dabc;*/
/*}*/

section.has-ribbon-colour-custom-2::after {
    background: #94dcfe;
}

section.has-ribbon-colour-custom-3::after {
    background: #ec0073;
}

section.has-ribbon-colour-custom-4::after {
    background: #b084dc;
}

section.has-ribbon-colour-custom-5::after {
    background: #f7e400;
}

/* Navbar */
@media screen and (min-width:1216px) and (max-width:1407px) {
    a.navbar-item {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-link:not(.is-arrowless) {
        padding-right: 2rem;
        padding-left: 0.5rem;
    }

    .navbar-link:not(.is-arrowless)::after {
        right: 0.5rem;
    }

}

@media screen and (min-width:1216px) {
    .navbar-start {
        margin-left: auto;
        margin-right: 0;
    }

    .navbar-end {
        margin-left: 0;
    }
}

@media screen and (max-width:1215px) {
    #main-navbar .navbar-item .button {
        min-width: 5rem;
    }
}

/* Section ribbon */

section.has-ribbon {
    overflow: hidden;
}

section.has-ribbon::after {
    content: "";
    display: block;
    position: relative;
    transform: rotate(45deg);
    width: 50vw;
    height: 50vw;
    margin-left: -35vw;
    margin-bottom: calc(-25vw - 9rem);
}

@media screen and (min-width:768px) {
    section.has-ribbon::after {
        margin-left: -32vw;
    }
}

@media screen and (min-width:1216px) {
    section.has-ribbon::after {
        margin-left: -765px;
        width: 1400px;
        height: 900px;
        margin-bottom: calc(-680px - 9rem);
    }
}

@media screen and (min-width:1400px) {
    section.has-ribbon::after {
        margin-left: -445px;
        width: 700px;
        height: 690px;
        margin-bottom: calc(-450px - 9rem);
    }
}

@media screen and (min-width:1408px) {
    section.has-ribbon::after {
        margin-left: -445px;
        width: 700px;
        height: 690px;
        margin-bottom: calc(-450px - 9rem);
    }
}

.has-ribbon p {
    text-shadow: 2px 2px 15px #ffffff;
}


.fullheight-columns.column,
.fullheight-columns.column .columns,
.fullheight-columns.column .columns .image-column {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

.section.fullheight-banner .container>.columns {
    margin: 0;
}

.fullheight-columns>.columns {
    display: flex;
    align-items: center;
}

.fullheight-columns .columns .content-column {
    padding: 2rem !important;
}

@media screen and (max-width:979px) {
    .fullheight-banner .fullheight-columns>.columns .image-column {
        order: 0;
    }

    .fullheight-banner .fullheight-columns>.columns .content-column {
        order: 1;
    }

    .fullheight-banner>.container {
        padding: 0;
    }

    .fullheight-columns .columns>.column {
        width: 100%;
        max-width: 100%;
    }
}

/* Homepage products */
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices {
    display: none !important;
}

/* Columns */
.columns.has-no-vertical-gap .column {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.columns.has-no-vertical-gap {
    margin-top: 0;
    margin-bottom: 0;
}

.columns.has-no-vertical-gap:last-child {
    margin-bottom: 0;
}

/* Footer */
.catfish-footer {
    background: black;
    color: white;
}

.catfish-footer a,
.catfish-footer li,
.catfish-footer li a,
.catfish-footer i {
    color: white;
}

.catfish-footer .footerinner .column h3 {
    display: none;
    margin: 0;
}

.catfish-footer .footer-section-container img {
    height: 4rem;
}

.catfish-footer .footer-section-container.link-list ul li:not(:first-of-type) {
    margin-top: 0.5rem;
}

.social-media-icons i {
    font-size: 2rem;
}

/* Needed as there is no FA twitter icon with the circle around it */
i.fab.fa-twitter {
    color: black;
    background: white;
    border-radius: 30px;
    font-size: 1.45rem !important;
    padding: 0.3rem;
}

/**/

.social-media-icons>a {
    transform: scale(1);
    transition: 0.2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.social-media-icons>a:hover {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

.catfish-footer ul a:hover {
    color: white;
    text-decoration: underline;
}

@media screen and (max-width:1407px) {
    .catfish-footer .footerinner .column {
        width: 100%;
        text-align: center;
    }

    .catfish-footer .footerinner .column:not(:first-child) {
        margin-top: 1rem;
    }
}

@media screen and (max-width:767px) {

    .homepage-content-banner>.container,
    .homepage-content-banner>.catfish-container {
        padding: 0;
    }

    .homepage-content-banner .columns .column>div:not(.image),
    .homepage-content-banner .columns .column>h3,
    .homepage-content-banner .columns .column>h2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .homepage-content-banner .columns .column.is-8 {
        padding: 0.75rem;
        order: 1
    }

    .homepage-content-banner .columns .column.is-4 {
        order: 0
    }

    .homepage-content-banner .container .columns {
        display: flex;
        flex-direction: column;
    }
}

/* Contact Columns */
img.is-icon {
    max-width: 3rem;
}

.contact-columns .contact-column img.is-icon {
    margin: 0 auto;
}

.contact-columns .contact-column .image {
    margin-bottom: 1.5rem;
}

.contact-columns .contact-column a:hover {
    text-decoration: underline;
}

.contact-columns .social-media-icons i {
    color: white;
}

.contact-columns .social-media-icons i.fa-twitter {
    color: #7f2940;
}

.contact-columns.column .contact-columns-paragraph {
    margin-bottom: 4rem;
}


/* Accordion */
.accordion-item .accordion-content {
    max-height: 0px;
    opacity: 0;
    transition: 0.3s;
}

.accordion-item.is-active .accordion-content {
    opacity: 1;
    max-height: 6000px;
    border: 1px solid black;
    margin-bottom: 1rem;
}

.button.accordion-button {
    width: 100%;
    font-weight: bold;
}

.button.accordion-button i.fa-minus {
    display: none;
}

.accordion-item.is-active .button.accordion-button i.fa-minus {
    display: block;
}

.accordion-item.is-active .button.accordion-button i.fa-plus {
    display: none;
}

.accordion-item .accordion-content {
    padding: 0.5rem;
}

.accordion-item:last-child .accordion-content {
    padding-bottom: 0;
}

.button.accordion-button {
    display: flex;
    justify-content: space-between;
}

.accordion-button .accordion-spacer,
.accordion-button .accordion-arrow {
    width: 0.75rem;
    height: 0.75rem;
}

.accordion-button .accordion-arrow {
    margin-top: 0.325rem;
    border-top: solid 2px grey;
    border-right: solid 2px grey;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.accordion-item.is-active .accordion-button .accordion-arrow {
    margin-top: -0.325rem;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

/* Custom category */
@media screen and (max-width:767px) {
    section.mobile-image-support .columns {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    section.mobile-image-support .columns .is-4 {
        order: 0;
    }

    section.mobile-image-support .columns .is-8 {
        order: 1;
    }
}

/* Product landing page */
.arone-product-landing-page .column.details-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* News articles */

.news-article{
    max-width:100%;
}

.newsLetterSmallWrapper__section .title {
    display: none;
}

.newsLetterSmallWrapper__section {
    padding: 0;
}
.page-dynamicproduct-editor .catfish-button.is-small, .page-dynamicproduct-editor .button.is-small {
    padding: 0.5rem;
}

.button.white {
    color: white;
    border-color: white;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__summaryShortDescription, .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .description,
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info {
    display:none!important;
}

.homeFeaturedProductsWrapper {
    display: inline-block;
}

#phTopic #phTitle {
    display: none;
}

.header-section-class {
    min-height: 400px;
}

.contact-details .social-media-icons {
    width: 80%;
    margin: 0 auto;
    padding: 4rem 0px 0px;
}

.contact-details > .container > .columns {
    padding: 3rem;
}

.catfish-footer {
    padding: 3rem 0px;
}

@media only screen and (min-width: 986px){
    .header-section-class {
        min-height: 590px;
    }
    .contact-details .social-media-icons {
        width: 40%;
    }
    section.homepage-banner-container {
        min-height: 730px;
    }

    .footerinner .grid_3{
        width: 33%;
    }

    .footerinner .grid_3:last-of-type{
        width: 100%;
        padding: 2rem 25% 0px;
        border-top: 2px solid white;
        margin-top: 3rem;
    }
}

.page-dynamicproduct-editor .ModeSelectDialog .modal-card-head,
.page-dynamicproduct-editor .ModeSelectDialog .modal-card-foot {
    display: none;
}

.page-dynamicproduct-editor .ModeSelectDialog .layout-set-select-button {
    border: solid 1px black!important;
}

.page-dynamicproduct-editor .ModeSelectDialog  i.fal {
    color: #872941;
}

.page-dynamicproduct-editor .editorTop.pane,
.page-dynamicproduct-editor .editorLeft #leftPaneTabs .ui-tabs-panel{
    background: #872941;
}

.page-dynamicproduct-editor .editorLeft {
    background: #5a1d2e;
}

.page-dynamicproduct-editor .tabs a {
    color: white;
}

.page-dynamicproduct-editor .editorTop a, .editorTop button, .editorTop .previewButton {
    background-color: transparent!important;
    color: white!important;
}

.page-dynamicproduct-editor .editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name {
    background-color: transparent;
    max-width: 100%;
}

div#loadingScreen {
    background-image: url(/534980994/Handler/CSSOverride/GetImage/2/LoadingBG3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.ME_loading_hints {
    background: white;
}

.addtoBasketScreen .fa-cog, .addtoBasketScreen .fa-spinner, #loadingArea .fa-cog, #loadingArea .fa-spinner, .loadingArea .fa-cog, .loadingArea .fa-spinner, .loadingScreen .fa-cog, .loadingScreen .fa-spinner {
    border: .1875rem solid #b1b2b3;
    border-right-color: #872941;
}

.addtoBasketScreen .ME_loading_hints, #loadingArea .ME_loading_hints, .loadingArea .ME_loading_hints, .loadingScreen .ME_loading_hints {
    margin: 4.5rem auto 0;
}

.loadScreenStepIndicator {
   display: none;
}

.loadingLogo {
    position: relative;
}

.editorLeft #leftPaneTabs #leftPaneList .lhTab.ui-state-active.ui-state-hover a, .editorLeft #leftPaneTabs #leftPaneList .lhTab.ui-state-active a {
    background: #872941!important;
}

.login__wrapper .returning-wrapper .returning-wrapper__inner {
    color: white;
    background: #872941;
}

.login__wrapper .returning-wrapper .buttons .catfish-button,
.forgot-password a {
    color: white;
}

.cart--deleteitem input {
    background-color: #872941!important;
}

.name_Unwind_orientation .attribute-value-item {
    position: relative;
    flex-basis: auto;
    width: 25%;
}

.name_Unwind_orientation.attribute label.button {
    background: transparent!important;
    height: auto!important;
    display: flex!important;
    align-items: flex-start!important;
    border: none!important;
    flex-direction: column;
    padding: 0px!important;
}

.name_Unwind_orientation .attributeValueInfo {
    height: auto;
    width: 100%;
    display: inline;
}

.name_Unwind_orientation  .attribute-value-item span.text {
    width: 100%;
    background-color: transparent;
    padding: 10px;
    color: black;
    border: 1px solid;
}

.name_Unwind_orientation.attribute input:checked+label span.text {
    background-color: black;
    color: white;
}

.name_Unwind_orientation.attribute input:checked+label.button {
    padding: 0px!important;
}

.attributeDescription .box {
    background-color: #EDEDED;
}

.catfish-select,
.input, .catfish-input, .catfish-select, .textarea, .catfish-textarea{
    border-color: black;
}

.homebanners {
    display:inline-block;
    width: 100%;
}

.topicpage-body ul {
    list-style: disc;
}

.topicpage-body ul li {
    margin-left: 1.25rem;
}

.accordion-item {
    overflow: hidden;
}

.accordion-item.is-active {
    overflow: visible;
}

.accordion-item .accordion-content {
    height: 0px;
}

.accordion-item.is-active .accordion-content {
    height: auto;
}