/* TYPEOGRAPHY */
.montserrat-light{
     font-family: 'Montserrat-Light' !important;   
}
.arrus-bt-roman {
    font-family: "Arrus BT Roman" !important;
}
h2 {
    font-size: 2.9rem !important;
    line-height: 1.2 !important;
    font-family: "Arrus BT Roman" !important;
}
h3 {
    font-size: 2.2rem !important;
    letter-spacing: .2rem !important;
}
h4 {
    font-size: 2rem !important;
    line-height: 1.4 !important;
}
p {
    font-size: 1.8rem !important;
}
.panel-title {
    text-transform: math-auto !important;
}
.panel-body p{ 
    font-size: 1.4rem !important;
}
@media screen and (max-width: 800px){
    .accordian.fusion-accordian {
        margin-bottom: 20rem;
    }
    h2 br{
        display: none;
    }
}

/* FOOTER */
.custom-footer {
    padding-top: 5rem !important;
}
.small-print {
    font-size: 1.4rem !important
}
@media screen and (max-width: 640px){
    .custom-footer .fusion-builder-row .fusion-column-wrapper {
        flex-direction: column !important;
        text-align: center;
    }
    .custom-footer .fusion-image-element {
        order: -1;
    }
}

/* HEADER */
.main-header {
    padding-block: 5rem !important;
    padding-bottom: 11rem !important;
}
	.header-title h2{
		font-size: 6rem !important;
	}

@media screen and (max-width: 1600px){
    h1 {
        font-size: 7rem !important;
    }
    .header-title h2{
		font-size: 3.8rem !important;
	}
}
@media screen and (max-width: 1350px){
    h1 {
        font-size: 6rem !important;
    }
}
@media screen and (max-width: 1100px){
    .header-logo {
        width: 60%;
    }
    .header-title h1.fusion-responsive-typography-calculated {
        font-size: 5rem !important;
    }
}
@media screen and (max-width: 800px){
    .main-header{
        text-align: center;
    }
}
@media screen and (max-width: 640px){
    .header-logo {
        width: 80%;
        margin-bottom: 3rem;
    }
    .header-title h1.fusion-responsive-typography-calculated {
        font-size: 4rem !important;
    }
    .header-title h2.fusion-responsive-typography-calculated{
		font-size: 2rem !important;
	}
}
@media screen and (max-width: 450px){
    .header-title h1.fusion-responsive-typography-calculated {
        font-size: 3rem !important;
    }
    .header-title h2.fusion-responsive-typography-calculated{
		font-size: 1.8rem !important;
	}
}

.lower-header {
    margin: auto;
    margin-inline: 3rem !important;
    margin-top: -6rem !important;
}
.lower-header .fusion-builder-row {
    background: #313130 !important;
    color: white;
    width: fit-content;
    margin: auto;
}
@media screen and (max-width: 800px){
    .lower-header {
        padding-inline: 0 !important;
        margin-inline: 0 !important;
    }
}
	.lower-header .fusion-layout-column{
		margin-bottom: 0rem;
	}
    .lower-header .fusion-layout-column p{
		text-transform: uppercase;
        font-size: 3.2rem !important;
	}
    @media screen and (max-width: 1600px){
        .lower-header .fusion-layout-column p {
            font-size: 2.8rem !important;
        }
    }
    @media screen and (max-width: 800px){
        .lower-header .fusion-builder-row {
            padding-inline: 3rem;
        }
    }
    @media screen and (max-width: 600px){
        .lower-header .fusion-layout-column p {
            font-size: 1.8rem !important;
        }
    }

/* PAGE CONTENT */
main#main, section#content {
    padding-bottom: 0px !important;
    margin-bottom: 0 !important;
}
#main {
    padding-inline: 0 !important;
}
    #main > .fusion-row {
        max-width: 100% !important;
    }

.post-content{
    margin-bottom: 0rem !important;
}

#main .fusion-fullwidth{
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-inline: 3rem !important;
}

.feature-box-row .fusion-column-wrapper{
    column-gap: 5rem !important;
    row-gap: 5rem !important;
    margin-top: 3rem;
}
    .feature-box {
        background: #cccccc;
        padding: 2rem;
        width: 20% !important;
        display: flex;
        justify-content: center;
        align-items: center;   
    }
        @media screen and (max-width: 1200px){
            .feature-box {
                width: 25% !important;
            }
        }
        @media screen and (max-width: 800px){
            .feature-box-row .fusion-column-wrapper {
                margin-bottom: 3rem;
            }
        }
        .feature-box p{
            font-family: "Arrus BT Roman";
            color: #313130;
            text-transform: uppercase; 
            margin-bottom: 0 !important;
        }
    
    .feature-box--red {
        background: #ea022a;
        width: calc(20% - 5rem) !important;
    }
        .feature-box--red p{
            font-size: 1.5rem !important;
            color: white;
        }
    @media screen and (max-width: 1600px){
        .feature-box--red {
            width: calc(33.3333% - 5rem) !important;
        }
    }
    @media screen and (max-width: 1100px){
        .feature-box-row .fusion-column-wrapper{
            column-gap: 3rem !important;
            row-gap: 3rem !important;
        }
        .feature-box, .feature-box--red {
            width: calc(33.3333% - 2rem) !important;
        }
    }
    @media screen and (max-width: 640px){
        .feature-box, .feature-box--red {
            width: 100% !important;
        }
    }

.full-seemless-container{
    padding-block: 0 !important;
}
.seemless-container{
    padding-bottom: 0 !important;
}
    .seemless-container .fusion-layout-column{
        margin-bottom: 0;
    }

.upper-layer {
    padding-bottom: 10rem !important;
    z-index: 1 !important;
}
#main .center-layer{
    padding-block: 0 !important;
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
    background: #cccccc;
}
.lower-layer{
    padding-top: 14rem !important;
    padding-bottom: 3rem !important;
    z-index: 0 !important;
}
    @media screen and (max-width: 1470px){
        #main .center-layer{
            margin-bottom: -13rem !important;
        }
    }
    @media screen and (max-width: 640px){
        .upper-layer {
            padding-bottom: 3rem !important;
            z-index: 1 !important;
        }
        #main .center-layer {
            margin-top: 0rem !important;
        }
    }
.background-horse:before {
    content: '';
    background: url(https://crewesaddlery.co.uk/wp-content/uploads/2026/02/horse-bg-img-2.png);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
}
@media screen and (max-width: 800px){
    .background-horse:before {
        background-size: 100%;
    }
}