/* typography */
    
    :root {
        --settings_colour_1: #d21140;
        --settings_colour_2: #303034;
        --settings_colour_3: #333946;
        --border-radius-mobile: 11px;
        --border-radius-desktop: 11px;
    }

    html {
        background-color: ;
        color: #000000;
    }

    body { font-family: 'Lato', sans-serif; }
    .primary-font { font-family: 'Lato', sans-serif; }

    .secondary-font { font-family: 'Lato', sans-serif; }

    p, li, input, textarea, .u-paragraph, .c-contact-form .wpcf7-response-output {
        font-size: 16px;
        line-height: 1.6;
        font-weight: 300;
    }

    .u-btn, .u-btn svg g g  {
        color: #333946;
        stroke: #333946;
    }

    .u-btn  {
        border-color: #333946;
    }

    .u-btn:hover,.u-btn:hover svg g g {
        color: #ffffff;
        stroke: #ffffff;
    }

    h1, .u-h1 {
        font-size: 32px;
        line-height: 1.15;
        color: ;
        font-weight: 600;
    }

    h2, .u-h2 {
        font-size: 28px;
        line-height: 1.15;
        color: ;
        font-weight: 600;
    }

    h3, .u-h3 {
        font-size: 18px;
        line-height: 1;
        color: ;
        font-weight: 600;
    }

    h4, .u-h4 {
        font-size: 16px;
        line-height: 1.15;
        color: ;
        font-weight: 800;
    }

    h5, .u-h5 {
        font-size: 16px;
        line-height: 1.15;
        color: ;
        font-weight: 400;
    }

    @media ( max-width: 739px ) {
        h1, .u-h1 {
            font-size: 28px;
        }
        h2, .u-h2 {
            font-size: 20px;
        }
        h3, .u-h3 {
            font-size: 18px;
        }
        h4, .u-h4 {
            font-size: 16px;
        }

        h5, .u-h5 {
            font-size: 16px;
        }
    }
    
    /* Nav */
    .font-highlight-1 { color: #d21140; }
    .font-color-1 { color: #333946; }

    .font-color-body {
        color: $body_text_colour
    }

    .alt-colour {
        color: #fff;
        color: #ffffff    }
    
    .bg-color-1 { background-color: #d21140; }
    .bg-color-2 { background-color: #303034; }
    .bg-color-3 { background-color: #333946; }

    .stroke-color-2 { stroke: #303034; }

    .c-btn--primary {
        background-color: #7ac1d0;
        color: #ffffff;
        background-color: #d21140;
    }

    .c-btn--primary:hover {
        background-color: #020a2b;
        background-color: #303034;
    }

    .c-btn--secondary {
        color: #ffffff;
        background-color: #020a2b;
        background-color: #303034;
    }

    .c-btn--secondary:hover {
        background-color: #7ac1d0;
        background-color: #d21140;
    }

    .c-btn--alt {
        background-color: #fff;
        background-color: #ffffff;
        color: #d21140;
    }

    .c-btn--alt svg path,.c-btn--alt svg g {
        fill: #d21140;
        stroke: #d21140;
    }

    .c-btn--alt:hover {
        background-color: #7ac1d0;
        background-color: #303034;
        color: #fff;
        color: #ffffff;
    }

    .c-btn--alt:hover svg path,.c-btn--alt:hover svg g {
        fill: #ffffff;
        stroke: #ffffff;
    }

    .border-color-1, .c-nav__menu ul > li.current-menu-item a:after { 
        border-color: #d21140;
        border-top-width: 4px;
    }

    @media ( min-width: 980px ) {
        .border-color-1, .c-nav__menu ul > li.current-menu-item a:after { 
            border-top-width: 9px;
        }
    }

    /* border radius */
    .u-border-radius {
        border-radius: 11px;
    }

    .u-border-radius--2 {
        border-radius: 7px;
    }

    .c-page-services-grid__grid-item-img-wrapper, .u-border-radius-top {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    @media ( min-width: 980px ) {
        .u-border-radius {
            border-radius: 11px;
        }

        .u-border-radius--2 {
            border-radius: 7px;
        }

        .c-page-services-grid__grid-item-img-wrapper {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }
    }

    .border-color-2 { border-color: #303034; }
    .border-color-3 { border-color: #333946; }

    .border-color-1 { border-color: #d21140; }

    a { color: #d21140; }
    a:hover { border-color: #d21140; }
    a:focus { border-color: #d21140; }
    .c-btn--more:hover { background-color: #d21140; }
    .c-btn--more:focus { background-color: #d21140; }

    .gradient-color, .c-contact-form input[type="submit"] {
                        background: #d21140;
        background: -moz-linear-gradient(-45deg, #d21140 24%, #d21140 89%);
        background: -webkit-linear-gradient(-45deg, #d21140 24%,#d21140 89%);
        background: linear-gradient(135deg, #d21140 24%,#d21140 89%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21140', endColorstr='#d21140',GradientType=1 );
    }

        
    .c-btn.gradient-color {
        background: #d21140;
        border-radius: 11px;
    }
    .c-btn.gradient-color:hover,.c-btn.gradient-color:hover {
        background:  !important;
        
    }

    .c-nav__menu ul > li .sub-menu li a:hover {
        color: #d21140;
    }

    
        .c-btn.gradient-color, .c-contact-form input[type="submit"] {
            background: ;
            color: #ffffff;
            font-size: px;
                    }

        .c-page-call-to-action .c-btn:hover, .c-hero-services-grid .c-hero-services-grid__cta-block .c-btn:hover, .c-btn.gradient-color:hover, .c-contact-form input[type="submit"]:hover {
            background: ;
            color: ;
        }

        .c-page-call-to-action .c-btn a, .c-hero-services-grid .c-hero-services-grid__cta-block .c-btn a, .c-btn.gradient-color a {
            color: ;
        }

        
        .c-btn--more {
            background: ;
            color: ;
            font-size: px;
                        border-color: ;
        }

        .c-btn--more:hover {
            background: ;
            color: ;
            border-color: ;
        }

        
                    .c-page-services-grid__grid-item-img-grad {
                        opacity: 0.5;
                    }

                
            
            
        

            @media ( min-width:  ) {
                
            }

            @media ( min-width: 965px ) {
                .c-nav__menu ul > li a {
                    font-size: px;
                    text-transform: uppercase;
                    font-weight: bold;
                }
            }

            @media ( min-width: 1185px ) {
                .c-nav__menu ul > li a {
                    font-size: px;
                }
            }