/*Codemirror self css overide [jh] - sadly ignores itself*/
.wpacc_editor_container{max-width:1200px;}
.CodeMirror{max-width: 100%; min-height:560px; resize: both;}
/*----------*/
.icon-lg {
    font-size: 25px;
    background: #0198cd;
    padding: 13px;
    border-radius: 50%;
    color: white !important;
    opacity: 1 !important;
}




.bg-dark .social-list a, .image-bg .social-list a {
    color: #fff;
    opacity: 1;
}




.fade-on-hover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}




.bg-dark {
    background: #D9D9D9;
}




.widget .title, .widgettitle {
    font-weight: 400;
    text-transform: uppercase;
    font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
    color: #404040;
}




.textwidget { color: #404040;
}




.bg-dark .widget .twitter-feed .slides li:before {
    color: #404040;
}




footer.bg-dark a {
    color: #404040;
}




.bg-dark p, .bg-dark span, .bg-dark li, nav.bg-dark p, nav.bg-dark span, nav.bg-dark li, footer.bg-dark p, footer.bg-dark span, footer.bg-dark li, .bg-primary p, .bg-primary span, .bg-primary li {
    color: #404040;
}




.bg-dark .back-to-top {
    border-color: #404040;
    color: #404040 !important;
}




.signupformsubmit { border: 2px solid #0198cd !important;
    background: #0198cd !important; 
}




.map-holder iframe {
    border: none;
    position: absolute;
    width: 100%;
    height: 120%;
    top: -40%;
    left: 0;
    z-index: 1;
}




.footer-address { font-weight: 700;
    line-height: 18px;
    margin-bottom: 18px;
}




.nav-utility i {
    position: relative;
    top: 1px;
    font-size: 17px;
}




.sub {
    font-size: 14px;
}


div.nav-bar .module-group.right{float: left !important;}

.menu li a {
    font-size: 10pt;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 1px;
    color: #292929;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}




.menu > li ul {
    width: 200px;
    padding: 8px 0;
    background: #404040; 
}




.widget-handle .function {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    cursor: default;
    width: 200px;
    background: #0198cd; }




.menu > li {
    margin-right: 28px;
    float: left;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}




.widget_recent_entries { margin-top: 0;
    clear: both;
    position: relative;
}




.icon-lg {
    font-size: 25px;
    background: #0198cd;
    padding: 13px;
    border-radius: 50%;
    color: white !important;
    opacity: 1 !important;
    margin-bottom: 18px !important;
}




.signupformsubmit1 { color: #666666 !important; }




.widget .title, .widgettitle {
    color: #0198cd; }




.widget hr {
    margin-bottom: 12px;
    display: none;
}


.module.left, .module-group.left {
    float: right;
}


@media (min-width: 992px) {
    .nav-bar .module, .nav-bar .module-group {
        height: 71px;
        float: left !important;
    }

}




.module-group.right { float: right !important; }




@media (max-width: 991px) {
    .module.widget-handle {
        border-left: none;
        border-top: 1px solid #ccc;
        line-height: 40px;
        min-height: 40px;
        float: right !important;
    }
    .module.widget-handle.mobile-toggle {
        line-height: 69px;
        max-height: 71px;
        float: right !important;
    }
    .module.left, .module-group.left {
        float: left;
    }
}


.contactus-menu a { color: #0198cd !important; }


.phone-nav { color: #505050; }


.free-pricing { background: #0198cd;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}


.free-pricing a { color: white !important; }

.module-group.right .module.left:first-child {
    padding-right: 0px;
}

.menu > li {
    margin-right: 13px;
    float: left;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}




.free-pricing {     height: 40px; top: 13px;
}




.free-pricing a {     top: -14px;
    position: relative;
}


.module.widget-handle { border-left: none; 
padding: 0 19px;
}


a:hover {color: #0198cd !important; }


.signupformname::-webkit-input-placeholder {
text-transform : capitalize !important;
}
.signupformname:-moz-placeholder { /* Firefox 18- */
text-transform : capitalize !important;
}
.signupformname::-moz-placeholder {  /* Firefox 19+ */ 
text-transform : capitalize !important;
}
.signupformname:-ms-input-placeholder {  
text-transform : capitalize !important;
}




.signupformemail::-webkit-input-placeholder {
   text-transform : capitalize !important;
}
.signupformemail:-moz-placeholder { /* Firefox 18- */
text-transform : capitalize !important;
}
.signupformemail::-moz-placeholder {  /* Firefox 19+ */
text-transform : capitalize !important;
}
.signupformemail:-ms-input-placeholder {  
text-transform : capitalize !important;
}




.signupformcompany::-webkit-input-placeholder {
text-transform : capitalize !important;
}
.signupformcompany:-moz-placeholder { /* Firefox 18- */
text-transform : capitalize !important;
}
.signupformcompany::-moz-placeholder {  /* Firefox 19+ */
text-transform : capitalize !important;
}
.signupformcompany:-ms-input-placeholder {  
text-transform : capitalize !important;
}




.signupformtel::-webkit-input-placeholder {
text-transform : capitalize !important;
}
.signupformtel:-moz-placeholder { /* Firefox 18- */
text-transform : capitalize !important;
}
.signupformtel::-moz-placeholder {  /* Firefox 19+ */
text-transform : capitalize !important;
}
.signupformtel:-ms-input-placeholder {  
text-transform : capitalize !important;
}




.phone0-nav { font-weight: 700; 
}




@media (max-width: 991px) {
.free-pricing {
    height: 40px;
    top: 1px;
}
.free-pricing a {
    top: 2px;
    position: relative;
}

}




.module {
    display: inline-block;
    padding: 0 13px;
}




.button-4 { margin-top : 83px !important; }




#recent-posts-2 a { color : #0198cd; }




#recent-comments-2 a { color : #0198cd; }




#archives-2 a { color : #0198cd; }




#categories-2 a { color : #0198cd; }




#meta-2 a { color : #0198cd; }




.post-title .label { background: #0198cd; }




a {
    font-weight: 600;
    color: #0198cd;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: poitner;
}



.btn:visited {
    color: #0198cd;
}




.btn { font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #0198cd;
    padding: 0 26px;
    height: 40px;
    min-width: 150px;
    line-height: 36px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    color: #0198cd;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    margin-right: 8px;
    margin-bottom: 24px;
    background: none;
}




.btn:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.added_to_cart:hover, .tickera_checkout:hover, .cart_form:hover { background: #ffffff;
}





.pagination li a:hover, .pagination li.active a, .pagination li.active:hover a {
    background: #0198cd;
    color: #ffffff !important;
    border-color: #0198cd;
}




.spread-children-large * {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: left;
}


.icon-lg {
    font-size: 25px;
    background: #0198cd;
    padding: 13px;
    border-radius: 50%;
    color: white !important;
    opacity: 1 !important;
}




.bg-dark .social-list a, .image-bg .social-list a {
    color: #fff;
    opacity: 1;
}




i.icon {
    display: inline-block;
    width: 47px;
    height: 47px;
    line-height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
}




.row .image-slider {
    margin-bottom: 55px;
}




.wpb_gmaps_widget, .vc_map_responsive {     width: 283px !important; }




.menu li a {
    font-size: 10pt;
    line-height: 14pt;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 1px;
    color: #292929;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}




.menu > li ul {
    width: 200px;
    padding: 8px 0px;
    margin-top: -10px;
    background: #404040;
}


@media (max-width: 991px) {
.menu > li ul {
    width: 200px;
    padding: 8px 0px;
    margin-top: 0px;
    background: #404040;
}

}




.text-ico { position: relative;
    margin-top: 14px;
    margin-left: -23px;
}




.icon-text { width : 50px; margin-bottom: 14px; }



.icon-text-1 { width : 50px; margin-bottom: 8px !important; }




.row-minus { margin-bottom : -6px !important; }




.some-list { list-style: none !important; }




.some-list:before {
    content: "'\00b7";
    font-weight: bold;
    background: #78cd6e;
    color: transparent;
    font-size: 8px;
    padding-left: 7px;
    width: 17px;
    border-radius: 50%;
    line-height: 9px;
    position: relative;
    top: -0.2em;
    margin-right: 10px;
    margin-left: 0px;
}




.wpb_text_column ul {
    list-style: square;
    list-style-position: inside;
    /* margin-left: 0px; */
}
.wpb_text_column ul li {
list-style: square;
}



.wpb_text_column ul ul {
    margin: 0 0 0 0px;
}




.h2-table-title-page { font-size: 19px;
    font-weight: bold;
    color: #3e3e3e !important;
    border: 3px solid #3e3e3e;
    background: #d7d7d7;
    padding-top: 4px;
    padding-bottom: 4px;
}




.module-group.right {
    float: right !important;
    margin-left: -1px;
}


.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:hover {
    color: #ffffff !important;
    border-color: #383838 !important;
    background-color: #383838 !important;
}


.sub-button { height: 50px;
    line-height: 48px;
    border: 2px solid #0198cd !important;
    background: #0198cd !important;
    color: #fff;
    width: 100px !important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0 !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px !important;
}


.testimonials-button:hover {    margin-top: 13px; background: #383838 !important; }


.testimonials-button {    margin-top: 13px !important; }


.free-pricing a:hover { color : white !important; }


 .signupformsubmit:hover { border: 2px solid #383838 !important;
    background: #383838 !important;
}




 .signupformsubmit1:hover { border: 2px solid #383838 !important;
    background: #383838 !important;
}




.sub-button:hover { border: 2px solid #383838 !important;
    background: #383838 !important;
}





i.icon {
    display: inline-block;
    width: 48px !important;
    height: 48px !important;
    line-height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
}




.title-slider-home {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px !important;
    padding-top: 19px;
    color: #0198cd !important;
    text-align: left;
    padding-left: 3%;
}




@media (max-width: 991px) {
.has-dropdown:after {
    position: absolute;
    top: 0;
    left: 137px;
    font-size: 11px;
    content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    width: 100%;
}

}




.comments input[type="submit"] { border: 2px solid #0198cd;
    background: #0198cd; color : white; }

.bdp_blog_template.media-grid h1.entry-title {
  font-size: 23px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  line-height: 1.5;
}

.single h2 {
font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.single h3,
.single h4,
.single h5,
.single h6 {
font-size: 13px;
font-weight: 400;
line-height: 24px;
}

/*JH added*/
body.home section.hero-header h2{
    font-size: 1.8em;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow:1px 1px 10px #000000;
}
body.home section.hero-header h1{text-shadow:1px 1px 10px #000000; margin-bottom:12px;}
.homepage-blog-title h4{font-size:1.4em;}
.wpb_single_image .vc_figure-caption{text-align: center; font-size: 0.9em; margin-top: 0px; }

.pagesidecol{
    background: #f7f7f7;
    border-radius: 12px;
    font-size: 0.9em;
    padding: 24px;
}

.pagesidecol p{font-size:1em;}
.pagesidecol h2, .pagesidecol h3{margin-bottom: 4px; margin-top: 0px;}


.wpb_wrapper blockquote{ margin-bottom: 0px !important;}

.wpb_wrapper blockquote p{margin-bottom: 0px !important}

/* === JH added styles ====================================== */

/*New Blue Page Title Bar Styles [jh]*/

html body{overflow-x: visible !important;}
body{overflow: visible !important;}
div.main-container{overflow:visible;}

.page-title.page-title-4.bg-secondary,.page-title.page-title-3.bg-secondary{
    margin-left: -20px;
    color: #fff;
    background: #0198cd;
    z-index: 10;
    margin-right: -20px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);   
    min-height: 80px !important;
}

.page-title-4{min-height: 80px; height: auto;}

@media (max-width: 991px) {
    .page-title.page-title-4.bg-secondary,.page-title.page-title-3.bg-secondary{
        margin-right: 0px;
        margin-left: 0px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
        border-top: 1px solid #83c2d8;
        border-bottom: 2px solid #333;
    }

    section.page-title .container h1{font-size: 26px !important; ; line-height: 28px !important;}
    div.wpb_text_column.wpb_content_element  {padding-right: 20px;}
}





@media (max-width: 767px){
    section.type-page{padding-top: 20px;}
    section.light-wrapper.normal-padding {padding-top: 20px;}
    section.page-title .container h1{font-size: 20px !important; line-height: 24px !important;}

}

.page-title .container{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    padding-bottom: 16px;

}

.page-title .container .col-md-6{ 
    width: 100% !important;
}

.page-title h1{ margin-top: 20px; max-width: 800px; }

.page-title.page-title-4.bg-secondary h1{color: #fff;}
.page-title.page-title-4.bg-secondary ol.breadcrumb, .page-title.page-title-4.bg-secondary ol.breadcrumb a{color: #ddd;}
.breadcrumb.breadcrumb-2>li.active{color: #bcd4a4 !important;} 
ol.breadcrumb.breadcrumb-2 li a:hover{color:#bcd4a4 !important; text-decoration: underline;}


@media (max-width: 990px) {
    .page-title-4 .breadcrumb, .page-title-2 .breadcrumb {
        margin-top: 16px;
    }
}


/*JH added*/
/*Hide the language things*/
nav .nav-utility.jon .module:nth-of-type(2) {
    display:none;
}


nav div.nav-bar .module-group.right{margin-right: 16px;}


/* main blue colour: #0198cd */
/*JH homepage banner tweaks*/

.homepage-banner-text{
    color: #fff;
    margin-top: 25%;
    background: rgba(0,0,0,0.5);
    padding: 16px 0 8px 0;
   /* border-top: 1px solid #777;
    border-bottom: 1px solid #777;*/
}

.homepage-banner .background-image-holder{background-position:center !important;}
.homepage-banner-text h1,.homepage-banner-text h2{color: #fff;}
.homepage-quote{font-size: 1.6em; margin-top:-24px;:}
.homepage-banner section.cover{margin-bottom:0px !important;}

/*[jh] getting rid of the blue*/
/*
brand dark grey: #404040
*/

body.boxed-layout{background: #0099cc url(/wp-content/uploads/2024/10/hexes-back-fade.png);
        background-position: left bottom !important;
    background-attachment: fixed !important;
    /* background-size: cover; */
    background-size: 100vw auto;
    background-repeat: no-repeat;
}
body.page .wpb_content_element h2{color:#404040;}
body.page .wpb_content_element h3{color:#404040;}

.fourhoverbox{min-height:}
.vc-hoverbox-back-inner h2{color:#404040;}
.vc-hoverbox-front-inner h2{color:#fff !important;}

.hometriple{ border-radius: 24px;}
.hometriple h2{font-size: 1.4em !important; color: #fff !important;}
.hometriple .wpb_single_image .vc_single_image-wrapper{display: block !important;}
.hometriple .wpb_single_image .vc_figure{width: 100%; border-bottom: 2px solid #888;}
.hometriple .vc_column-inner{background: #061619; border: 1px solid #fff; border-radius: 24px; box-shadow: inset 0 0 0 #fff; -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
        transition: background 1s; /* For modern browsers */}
.hometriple .vc_column-inner:hover{  box-shadow: inset 0 0 10px #fff; background: #25272a;}
.hometriple img{height:340px; width: 100%; border-radius: 24px 24px 0px 0px;}
.hometriple .vc_column-inner .wpb_text_column.wpb_content_element { padding: 0 24px; color: #fff;}
.hometriple .wpb_wrapper{margin-bottom: 0px; padding-bottom: 0px;}
.hometriple .vc_btn3-color-grey{color: #fff !important; background:#0198cd !important;  -webkit-transition: background 1s !important;; /* For Safari 3.0 to 6.0 */
        transition: background 1s !important;}
.hometriple .vc_btn3-color-grey:hover{background:#077196; color: #fff !important;}


.home-over-boxes-title-area{margin-bottom: -40px; font-size: 1.2em;}
.home-over-boxes-title-area p{font-size:1.4em;}
#home .vc_separator{margin-top:2px; margin-bottom: 2px;}
.triple-boxes{margin-top: -20px; background: #000205 url(/wp-content/uploads/2024/09/dark-hexes.jpg) repeat-x !important; 
background-position: left bottom !important; }

.testimonials p{background:none !important; border:1px solid #ddd !important; border-radius: 24px;}
.row .image-slider {
    border-bottom: 2px solid #000000;
}

.home-optimise .homepage-text-strip{border-radius: 24px; border:1px solid #aaa;     background-image: url(/wp-content/uploads/2024/09/logos-fade.png?id=10305) !important;
    background-position: bottom right;}
.home-optimise .homepage-text-strip h2{
 padding: 24px 24px;
    color: #0198cd !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 24px;
    max-width: 50%;
    text-align: left !important;
    line-height: 1.4em;
    margin-bottom: 0px;}

.home-optimise .homepage-text-strip p{font-size: 1.4em;
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 50%;
    text-align: left !important;
    padding: 0 24px;
    font-weight: bold;}


/*recipe pages*/
/*[jh] using the id page-10337  - change this if the page is different*/

body.page-id-10337 h1{font-size:1.8em !important;}

#page-10337 .post-content h2{
    background: #0198cd;
    color: #fff !important;
    font-size: 1.8em;
    padding: 2px 48px 6px 24px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    display: inline-block;
    margin-bottom: 12px;
  min-width: 33%
}

#page-10337 .post-content h3{
    background: #eee;
    color: #0198cd;
    font-size: 1.6em;
    padding: 2px 48px 6px 24px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    display: inline-block;
    margin-bottom: 12px;
    min-width: 33%
}

#page-10337 .post-content strong{color: #0198cd;}

#page-10337 .post-content .wp-block-media-text{
margin-bottom: 24px;
}

#page-10337 .post-content .wp-block-media-text.recipeleft{
 //background: url('/wp-content/uploads/2024/10/jonholland_a_pale_blue_paisly_pattern_swirl_sketch_on_a_white_50cc9fbb-6d7e-4dbb-94e9-4714bded94e2_2-1.png') bottom left no-repeat; 
  background: url('/wp-content/uploads/2024/10/small-blue-swirl2bfade.png') bottom left no-repeat; 
  background-size:  40% 40%;
}

#page-10337 .post-content .wp-block-media-text.reciperight {
 background: url('/wp-content/uploads/2024/10/small-blue-swirl2b.png') bottom right no-repeat; 
 background-size:   40% 40%;

}


#page-10337 .post-content .wp-block-media-text.recipleft img{
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px; 
}

#page-10337 .post-content .wp-block-media-text.reciperight img{
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px; 
}

.twirlysep{margin: 48px 0 48px 0 !important; text-align: center;}
.twirlysep figure{ margin: 0 auto;}

.integrate-cookbook h3{line-height: 1em;}
/*blue 0198cd*/

.ebor-page-wrapper > .wpb_row.four-main-options{padding-top: 0px !important; margin-top: -24px !important;}
.four-main-options h3{background: #000205; border-radius: 24px; font-weight: bold; 
  padding: 12px 0px; box-shadow: inset 0 0 0 #000205; -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
        transition: background 1s; }
.four-main-options h3:hover{ box-shadow: inset 0 0 10px #fff; background: #0198cd; }
.four-main-options h3 a{ -webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
  transition: color 1s;}
.four-main-options a{color: #fff;}
.four-main-options h3 a:hover{color: #fff !important;}
.four-main-options a:hover{color: #fff !important;}

.tools-text-row{}


.tools-text-row .vc_column_container {}
.tools-text-row .vc_column-inner p{font-weight: bold; font-size: 1.4em;}

.home-intro{background:#000205; color: #fff}
.home-intro{background: radial-gradient( at top, rgba(28,152,207,1) 0%, rgba(0,2,5,1) 73%);}
.home-intro h2{color: #fff !important;}

.home-h2-heading{text-align: left; font-size: 1.6em;}

/* *** Rounding things off (curved corners) [jh] *** */
/* blog page images round */
.bdp_blog_template img.wp-post-image{border-radius:16px;} 
div.wpb_text_column.wpb_content_element img{border-radius: 16px;}
footer a.back-to-top{border-radius: 16px;}
.footer-address iframe{border-radius: 24px;}
.vc_btn3, .vc_btn3-shape-square{border-radius: 16px;}
.vc_single_image-wrapper  img{border-radius: 16px;}


.home-h2-heading-contact{margin-bottom:0px;}
.home-contact-us-text{}
.home-call-us p{font-size:1.6em; margin-top:-12px;}