/*
Theme Name: Whalley Catering WordPress Theme
Theme URI: www.whalleycatering.co.uk
Description: Bespoke WordPress Theme
Version: 1.0
Author: Scott Brown (icansee)
Author URI: http://www.icansee.co.uk
*/

/* = reset document ----------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav#main, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* =  HTML5 display-role reset for older browsers ----------------------- */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav#main, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: 'open-quote'; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

.container { width: 1170px!important; margin: 0 auto; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 {	width: 66.66666667%; }
.col-md-7 {	width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 {	width: 8.33333333%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666667%; }
.col-md-pull-10 {	right: 83.33333333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666667%; }
.col-md-pull-7 { right: 58.33333333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666667%; }
.col-md-pull-4 { right: 33.33333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.66666667%; }
.col-md-pull-1 { right: 8.33333333%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666667%; }
.col-md-push-10 { left: 83.33333333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666667%; }
.col-md-push-7 { left: 58.33333333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666667%; }
.col-md-push-4 { left: 33.33333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.66666667%; }
.col-md-push-1 { left: 8.33333333%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0; }

/* = structure ----------------------- */
html, body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif!important; font-size: 16px!important; color: #393939!important; }
header { width: 100%; height: auto; padding: 12px 0; margin-bottom: 10px; }
header .phone { margin: 20px 0 0; font-size: 18px; float: right; }
header .enquiry { display: block; margin: 10px 0; padding: 9px 12px; background: #DE5257; color: #fff; float: right; }
header .contact { display: block; margin: 10px 0; padding: 8px 14px; border: 1px solid #DE5257; font-weight: 700; color: #454546; float: right; }

.mainBG { width: 100%; min-height: 395px; margin-bottom: 20px; background:url(assets/images/mainBG.jpg); }
.mainBG .content-wrapper { margin-top: 50px; background:rgba(255, 255, 255, 0.7); padding: 6px; }
.mainBG .content-wrapper .content h2 { margin-bottom: 0px!important; font-size: 25px!important; font-weight: 700!important; color: #fff!important; }
.mainBG .content-wrapper .content { padding: 10px 25px 30px; background:rgba(214, 15, 21, 0.7); font-size: 36px; color: #fff; }

.pageBG { height: 130px; position: relative; }
.pageBG .content { position: absolute; top: 24px; left: 24px; padding: 10px 25px; background: #de5257; border: 5px solid #fff; font-size: 34px; font-weight: 700; color: #fff; text-transform: uppercase; }

.services { position: relative; margin-bottom: 40px; }
.services .overlay { position: absolute; width: 359px; padding: 8px; bottom: 0; left: 0; background:url(assets/images/overlayBG.png) no-repeat right 13px #3B3A3A; font-size: 18px; font-weight: 700; color: #fff; }

.areas { padding: 10px 23px 25px; background: #DBE3E6; font-size: 18px; font-weight: 700; margin-bottom: 30px; }
.areas img { float: left; margin-right: 25px; }

footer { width: 100%; padding: 15px 0; border-top: 5px solid #C4393C; }
footer .logo { margin-bottom: 20px; }
footer a { color: #393939!important; }


/* = typography ----------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px!important; font-weight: 700!important; }
h1 { font-size: 28px!important; }
h2 { font-size: 20px!important; color: #454546!important; }
h3 { font-size: 18px!important; }
h4 { font-size: 16px!important; font-weight: 800; text-transform: uppercase; }
h5 { }

p { line-height: 1.4!important; margin-bottom: 20px!important; }
strong { font-weight: 700; }
strong a { color: #393939!important; }

blockquote { font-family: Georgia,Times,Times New Roman,serif; font-weight: 800; }
cite { display: block; margin: 15px 0 40px; font-size: 12px; }
em { font-style: italic; }

.buttons { display: inline-block; width: 155px; padding: 10px; background:url(assets/images/buttonBG.png) no-repeat right 18px #3B3A3A; font-size: 14px; font-weight: 700; color: #fff; text-align: left; }
.button { display: inline-block; padding: 10px 30px; background: #3B3A3A; font-size: 14px; font-weight: 700; color: #fff; text-align: center; }
.red { background: #DE5257!important; }
a.button { color: #fff!important; }
a.buttons { color: #fff!important; }
a:hover, a:focus { cursor: pointer!important; text-decoration: underline!important; opacity: 0.6; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }

ul { line-height: 1.8; margin: 10px 35px 25px!important; }
ul li { list-style-type: square; color: #C4393C; }
ul li span { color: #3A3939!important; }

/* = navigation ----------------------- */
nav.primary ul { display: inline-block; float: right; margin: 10px 0!important; line-height: 1; }
nav.primary li { display: inline-block; font-size: 20px; font-weight: 700; color: #454546; text-transform: uppercase; }
nav.primary li a { padding-left: 20px; color: #454546; }
nav.primary li:first-child a { padding-left: 0!important; }

nav.secondary ul { margin: 0 15px!important; line-height: 1.4; }
nav.secondary li { color: #C4393C; }
nav.secondary li a { color: #3A3939; }

/* = flexslider ----------------------- */
.flexslider { width: 100%; min-height: 395px!important; position: relative; overflow: hidden; margin-bottom: -45px; }
.flexslider ul { margin: 0!important; }
.flexslider .content-wrapper { margin-top: 50px; background:rgba(255, 255, 255, 0.7); padding: 6px; }
.flexslider .content-wrapper .content h2 { margin-bottom: 0px!important; font-size: 25px!important; font-weight: 700!important; color: #fff!important; }
.flexslider .content-wrapper .content { padding: 10px 25px 30px; background:rgba(214, 15, 21, 0.7); font-size: 36px; color: #fff; }
.flexslider .flex-direction-nav .flex-prev { left: 150px; }
.flexslider .flex-direction-nav .flex-next { right: 150px; }

/* = forms ----------------------- */
.form-wrapper { padding: 10px; border: 1px solid #f0f0f0; }
.form-wrapper .inner { padding: 10px 18px; background: #f4f4f4; }
.form-wrapper .ninja-forms-required-items { font-size: 12px!important; margin-bottom: 10px; color: #A14B6E!important; }
.form-wrapper .field-wrap, #ninja_forms_required_items { margin-bottom: 10px; }
.form-wrapper .label-above label { font-size: 12px; margin-bottom: 5px; color: #667785!important; }
.form-wrapper .ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea { width: 100%!important; padding: 8px 5px; margin-bottom: 5px; background: #fff; border: 1px solid #f0f0f0; }
.form-wrapper .ninja-forms-form-wrap .textarea-wrap textarea { height: auto; }
.form-wrapper .ninja-forms-form-wrap input[type="submit"] { width: 140px!important; float: right; background: #de5257; border: 0; color: #fff; text-transform: uppercase; }

.form-wrapper .ninja-forms-error input, .ninja-forms-error select { border: 1px solid red!important; margin-bottom: 5px!important; }
.form-wrapper .form-wrapper .inner .ninja-forms-field-error p { font-size: 13px; color: red; margin: 5px 0px; }
.form-wrapper .form-wrapper .inner .ninja-forms-error-msg { background-color: #f2dede; border: 1px solid red; color: red; padding: 15px; margin-bottom: 15px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

#googlemap { width: 100%; height: 378px; }

/* = common ----------------------- */
.clearfix { clear: both; }
img { max-width: 100%; }
.clearfix { clear: both; }
.aligncenter, .alignleft, .alignright { display: block; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.alignleft { margin: 10px 10px 0 0; }
img.alignright { margin: 0 0 10px 10px; }

.nopadding { padding: 0px!important; }
.nopaddingleft { padding-left: 0px!important; }
.nopaddingright { padding-right: 0px!important; }
.nomarginbottom { margin-bottom: 0!important; }

.marginbottom { margin-bottom: 40px; }

.paddingtop { padding-top: 15px; }

.bg-newsLetter-blue {
    background-color: #0292CC;
    padding: 20px 0px;
    color: white;
    margin-bottom: 40px;
    overflow: hidden;
}

.bg-newsLetter-blue .container {
    padding: 0px 15px;
}

.text-white{
    color: white!important;
}

.flex-direction-nav {
    display: none; 
}

.d-flex {
    display: flex;
}

.d-lg-flex {
    display: flex;
}
@media (max-width: 992px) {
    .d-lg-flex{
        display: block
    }
}

.w-100{
    width: 100%;
}

.bg-newsLetter-blue {
    max-width: 100vw;
}

.position-relative {
    position: relative;
}

.blue-placeholder::placeholder{
    font-weight: 600;
    font-size: 19.08px;
    color: #006B96;
    letter-spacing: -0.05px;
    line-height: 28.62px;
}

.blue-placeholder{
    font-weight: 600;
    font-size: 19.08px;
    color: #006B96;
    letter-spacing: -0.05px;
    line-height: 28.62px;
}

.bg-newsLetter-blue .nf-cell {
    padding: 0px 0px;
}

.bg-newsLetter-blue .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea {
    padding: 15px 10px;
    width: 100%;
    border-color: transparent;
}

.bg-newsLetter-blue .field-wrap input[type=button] {
    background-color: #ACD8FA;
    width: 6em;
    color: #006B96;
    font-weight: 600;
    height: 62px;
}

@media (max-width: 640px) {
    .bg-newsLetter-blue .field-wrap input[type=button] { 
        width: 100%;    
    }
}

.bg-newsLetter-blue .nf-multi-cell .nf-cell {
    padding: 0px !important;
}

#nf-form-title-2 {
    display: none;
}

#nf-form-2-cont {
    margin-top: 2.5em;
    width: fit-content;
    margin-left: auto;
}

@media (max-width: 992px) {
    #nf-form-2-cont {
    margin-right: auto;
    }
}

#nf-field-5-container{
    width: 20em;
}
@media (max-width: 640px) {
    #nf-field-5-container {
        width: 100%;
    }
}

.bg-newsLetter-blue .nf-field-element {
    justify-content: end;
    display: flex;
}

.paper-plane1 {
    height: 7em;
    margin-left: -5em;
    width: auto;
    display: block;
    position: absolute;
    bottom: 0;
}

@media (max-width: 1280px) {
    .paper-plane1 {
        margin-left: -8em;
    }
}

@media (max-width: 1024px) {
    .paper-plane1 {
        margin-left: -17em;
    }
}

@media (max-width: 992px) {
    .paper-plane1 {
        margin-left: -8em;
    }
}

@media (max-width: 768px) {
    .paper-plane1 {
        height: 5em;
    }
}

@media (max-width: 400px) {
    .paper-plane1 {
        display: none;
    }
}


.paper-plane2{
    height: 3em;
    margin-top: auto;
    margin-left: 2em;
    margin-bottom: -20px;
    display: block;
}

@media (max-width: 992px) {
    .paper-plane2{
        height: 3em;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: block;
        position:absolute;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 768px) {
    .paper-plane2 {
        right: -4em;
    }
}

@media (max-width: 400px) {
    .paper-plane2 {
        display: none;
    }
}


.newsletter-text {
    width: fit-content;
    margin-left: auto;
}
@media (max-width: 992px) {
    .newsletter-text {
        margin-right: auto;
        width: 448px;
    }
    .newsletter-text p {
        margin-bottom: 0px!important;
    }
}
@media (max-width: 640px) {
    .newsletter-text {
        width: 260px;
    }
}

.news-letter-container{
    width: 100%;
}

.newsletter-title{
    margin-bottom: 7px!important;
    margin-top: 26px; 
    font-size: 26px!important;
}



@media (min-width: 640px) {
    .news-letter-container{
        max-width: 640px;
        margin-left: auto; 
        margin-right: auto;
    }
}


@media (min-width: 768px) {
    .news-letter-container{
        max-width: 768px;
        margin-left: auto; 
        margin-right: auto;
    }
}


@media (min-width: 1024px) {
    .news-letter-container{
        max-width: 1024px;
        margin-left: auto; 
        margin-right: auto;
    }
}


@media (min-width: 1280px) {
    .news-letter-container{
        max-width: 1170px!important;
        margin-left: auto; 
        margin-right: auto;
        padding-right: 15px;
    }
}


@media (max-width: 992px) {
    .newletter-left-col {
        margin-top: -19px;
    }
}

.bg-newsLetter-blue .nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field {
    border: 2px solid transparent!important;
}