

.qbutton.big_large {
    font-size: 28px;
    font-weight: 300;
    height: 58px;
    line-height: 63px;
    padding: 0 22px;
}

h6, .h6, h6 a {
    margin-top: 7px;
}
.masonry_gallery_item.rectangle_portrait h3 {
    color: #ffffff;
    font-size: 24px !important;
    font-style: normal;
    font-weight: bold !important;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}


.masonry_gallery_item.square_small h3 {
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}
.masonry_gallery_item.rectangle_landscape h3 {
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}
.masonry_gallery_item_content h3 {
    padding: 11px 0 7px;
    text-transform: uppercase;
}
.masonry_gallery_item.standard .masonry_gallery_item_inner {
    background-color: rgba(240, 139, 49, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
}

.title.title_size_large h1 {
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 44px;
}
.title.title_size_medium h1 {
    color: #e72231;
    font-family: "Sacramento",cursive;
    font-size: 72px;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 65px;
    text-transform: none;
    margin-bottom: 40px !important;
}

.page-id-853 .portfolio_title a {
    font-family: "Sacramento",cursive;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 27px !important;
    text-transform: none;
}

.projects_holder article .portfolio_description .portfolio_title {
    color: #f5b231 !important;
    display: block;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 23px;
    margin: 0 0 10px;
}


.q_social_icon_holder .fa-stack i:last-child, .q_social_icon_holder .fa-stack span {
    display: block;
    font-size: 1.2em;
    line-height: inherit;
}
.footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span {
    color: #818181;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    word-wrap: break-word;
}


@media only screen and (min-width: 1000px) {
    header.sticky .q_logo a {
        height: 93px !important;
        display:block;
    }
    header.sticky .header_inner_left {
        display: inline-block !important;
        width: 20% !important;
    }
    .header_bottom .container_inner {
        font-size: 0;
    }
    header.sticky.stick_with_left_right_menu nav.main_menu.right_side,
    header.sticky.stick_with_left_right_menu nav.main_menu.left_side {
        width: 40% !important;
    }
    header.sticky.centered_logo.sticky .q_logo img {
        top: -62% !important;
    }
}

.qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .post-password-form input[type="submit"], input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:not([disabled]), .woocommerce table.cart td.actions input[type="submit"], .woocommerce input#place_order, .woocommerce-page input[type="submit"], .woocommerce .button {
    padding-top: 3px;
    font-family: 'Josefin Sans';
}


header.sticky .logo_wrapper {
    width: 100% !important;
}

img.sticky {
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}

.wpb_wrapper .vc_column-inner,
.owl-ca-wrapper .vc_column-inner {
    text-align: center;
}

.cp {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/panang-narrow.jpg");
    background-size: 1130px 190px !important;
}

.chicken-panang-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/panang-narrow.jpg");
    background-size: 1130px 190px !important;
}


.vietmanese-pho-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2017/10/viet_soup.jpg?id=389");
    background-size: 1130px 190px !important;
}

.sri-lankan-curry-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/sri-lankan-narrow.jpg");
    background-size: 1130px 190px !important;
}

.gumbo-stew-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2017/10/gumbo.jpg?id=1589");
    background-size: 1130px 190px !important;
}

.huli-huli-chicken-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2017/10/Recipe_HuliHuli_NEW_cropped.jpg?id=1576");
    background-size: 1130px 190px !important;
}

.chicken-chorizo-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/paella-narrow.jpg");
    background-size: 1130px 190px !important;
}

.lamb-tagine-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/ras-narrow.jpg");
    background-size: 1130px 190px !important;
}

.harissa-chicken-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2019/07/harissa-narrow.jpg");
    background-size: 1130px 190px !important;
}

.sumac-salmon-recipie-banner {
    background-image: url("http://creativecook.chapterserver1.co.uk/wp-content/uploads/2017/10/Recipe_SumacSalmon_NEW_cropped.jpg?id=1578");
    background-size: 1130px 190px !important;
}

.owl-item:nth-child(odd),
.owl-ca-item:nth-child(odd) {
    background: #f7f7f7;
}

.owl-ca-carousel {
    max-width: 1130px;
    width: 94%;
    margin: auto;
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div {
    left: -3%;
}
.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {
    left: auto;
    right: -3%;
}

.title.title_size_large h1 {
    margin-bottom: 40px;
}

.subtitle {
    color: #ffffff;
    display: block;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    padding-left: 100px;
    padding-right: 100px;
    text-transform: none;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    background-color: #efefef;
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    color: #000000;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    margin: 5px 0 0;
    outline: 0 none;
    padding: 15px;
    resize: none;
}

.qbutton.large {
    font-size: 16px;
    height: 47px;
    line-height: 47px;
    padding: 0 2px;
}

.project_description {
    font-size: 14px;
    line-height: 1.6em;
    padding: 0 20px;
    margin-top: 10px;
}

.project_excerpt {
    line-height: 23px;
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    margin: 0 0 5.4%;
    width: 28%;
}

nav.main_menu ul li.active a span.underline_dash, nav.main_menu ul li:hover a span.underline_dash, nav.vertical_menu ul li.active a span.underline_dash, nav.vertical_menu ul li:hover a span.underline_dash {
    opacity: 1;
}
nav.main_menu ul li a span.underline_dash, nav.vertical_menu ul li a span.underline_dash {
    background-color: #f5b231 !important;
    height: 2px;
    width: 50px;
}

min-height: 3em;
}
ol.circles-list > li:before {
    position: absolute;
    top: 0;
    left: -1.33em;
    width: 1.2em;
    height: 1.2em;

    font-size: 2.5em;
    line-height: 1.2;
    text-align: center;
    color: #f5f5f5;

    border: 3px solid #c5c5c5;
    border-radius: 50%;
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

.custom-counter {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size:13px;
    line-height:23px;
}

.custom-counter li::before {
    background-color: #ffffff;
    border: 2px solid #84c59a;
    border-radius: 20px;
    color: #84c59a;
    content: counter(step-counter, decimal);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-right: 16px;
    padding: 5px 10px;
}
.custom-counter li {
    counter-increment: step-counter;
    margin-bottom: 20px;
}


h5, .h5, h5 a, .q_icon_with_title .icon_text_holder h5.icon_title {
    color: #7f8b00;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 22px !important;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}
.ingredients {
    color: #0a0a0a;
    display: block;
    font-size: 25px;
    font-weight: 500;
    line-height: 1px;
    margin-bottom: 10px !important;
    text-transform: none;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"], span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
    position: relative;
    top: 0;
}

.custom-counter li:before {
    line-height: 100% !important;
    width: 20px !important;
    height: 15px !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 5px 0 0 0 !important;
    font-weight: bold !important;
    position: absolute;
    left: 16px;
}

.custom-counter li {
    padding-left: 45px !important;
}

.masonry_gallery_item.standard .masonry_gallery_item_inner {
    margin-top: 60%;
    height: 40%;
}

.masonry_gallery_item.standard.rectangle_landscape .masonry_gallery_item_inner {
    margin-top: 30%;
}

.masonry_gallery_item.standard.rectangle_portrait .masonry_gallery_item_inner {
    margin-top: 120%;
}

.masonry_gallery_item.rectangle_portrait h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
}

.masonry_gallery_item.square_big .masonry_gallery_item_inner .masonry_gallery_item_content,
.masonry_gallery_item.square_small .masonry_gallery_item_inner .masonry_gallery_item_content,
.masonry_gallery_item.rectangle_portrait .masonry_gallery_item_inner .masonry_gallery_item_content,
.masonry_gallery_item.rectangle_landscape .masonry_gallery_item_inner .masonry_gallery_item_content {
    text-align: left;
    color: #fff;
}

.masonry_gallery_item.standard .masonry_gallery_item_inner .masonry_gallery_item_content .make-this:after {
    content: url(http://www.emailtestserver.co.uk/creativecook/wp-content/themes/cc/img/arrow.png);
    padding-left: 10px;
}

.projects_holder article span.text_holder {
    margin-top: 60%;
    height: 40%;
}

.projects_holder article:hover span.text_holder {
    height: 40% !important;
}

@media (max-width: 1000px) {
    [style*="padding-top:240px"] {
        padding-top: 20px !important;
    }
}

@media (max-width :850px) {

    .title img {
        display: none;
        width: 100%;
    }

    .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
        width: 90% !important;
        display: block !important;
        margin:auto !important;
    }

    .image.not_responsive {
        display: none !important;
    }

    .title_outer .has_background.title .title_holder, .title_outer .has_fixed_background.title .title_holder, .title_outer.with_image .title .title_holder {
        position: relative !important;
        background: black !important;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .title_holder .subtitle {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .masonry_gallery_item.square_small .masonry_gallery_item_text {
        color: #ffffff;
        display: none;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 20px;
        text-transform: uppercase;
    }
}

.product-intro {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px !important;
    text-transform: none;
    letter-spacing: 0.5px
}

/* Carousel blank images fix */
.owl-item.cloned .element_from_fade>div {
    opacity: 1;
}





.overlay-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display:  none;
}

.overlay-popup.open {
    display:block;
}

.overlay-popup__outer {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top:  0;
    left: 0;
    right:  0;
    bottom:  0;
    opacity: 0;
    transition: opacity 0.35s;
}

.overlay-popup.open .overlay-popup__outer {
    opacity: 1;
}

.overlay-popup__inner {
    position:  absolute;
    top:  50%;
    left:  50%;
    margin-right:-50%;
    margin-bottom:-50%;
    transform:  translate3d(-50%,-50%,0);
}
.close-popup {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 110px;
}
.remove-padding-below-lg {
    padding-top: 0 !important;
    background-color: #1c0e0b!important;
}
.remove-padding-below-lg .subtitle {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
@media (min-width: 1000px) {
    .remove-padding-below-lg {
        padding-top: 210px !important;
    }
    .logo_wrapper {
        width: 310px !important;
    }
}

nav.main_menu {
    font-family: 'Josefin Sans';
}

nav.main_menu ul li a {
    font-weight:600;
}

.wpb_wrapper p {
    font-size:13px;
}

.masonry_gallery_item.standard .masonry_gallery_item_inner .masonry_gallery_item_content .make-this {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}

.title_subtitle_holder_inner h1 span {
    font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    font-weight:bold;
}