/*
Theme Name: Flash Pro Child
Theme URI: https://themegrill.com/themes/flash
Template: flash-pro
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash Pro is the pro version of Flash Free theme with more than 20 widgets, video background, animation, 6 header layouts and multiple new styles in each widgets.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 2.1.16.187
Updated: 2018-03-05 12:36:11
*/
/**
 * @license
 * MyFonts Webfont Build ID 3537885, 2018-03-08T11:44:49-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: VAGRoundedLTPro-Black by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/black/
 *
 * Webfont: VAGRoundedLTPro-Thin by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/thin/
 *
 * Webfont: VAGRoundedLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/bold/
 *
 * Webfont: VAGRoundedLTPro-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/light/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3537885
 * Licensed pageviews: 15
 * Webfonts copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 *
 * © 2018 MyFonts Inc
*/

@media (min-width: 900px) {
div.dekstopdisplaynone {
display:none;
}
}

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
font-weight: initial !important;
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
#colophon {
height: auto !important;
padding:0 0 90px 0;
}}

@media only screen and (min-width: 320px) and (max-width: 600px) {
#top-footer .textwidget {
width: 100%;
}
#top-footer div {
width: 99.5% !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
.blog-1 #top-footer #text-10 {
padding-top: 100px;
}

@media only screen and (max-width: 450px) {
#text-10 .textwidget .n2-section-smartslider {
min-height: 74px;
}
}

@media only screen and (min-width: 450px) and (max-width: 900px) {
#text-10 .textwidget .n2-section-smartslider {
min-height: 85px;
}
}





@media only screen and (max-width: 768px) {
#cookie-law-info-bar {
margin-bottom: 92px;
}
#cookie-law-info-again {
    font-size: 9pt;
    margin: 0;
    padding: 2px 4px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
    box-shadow: #16161687 2px 2px 5px 2px;
    bottom: 70px!important;
    left: 0!important;
	right: auto!important;
	}
}
}

@media screen and (max-width: 480px)
#meet_team_details h1 {
    font-size: 27px!important;
    color: #000!important;
    align-items:center!important;
}

@media only screen and (max-width: 460px) {
#meet_team_details {
    align-items: center!important;
}
}

.hide-btn-on-desk {
    line-height: 40px;
    height: 40px;
    background: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    color: #FFF !important;
    border-radius: 20px;
    font-family: 'VAG Rounded Family'!important;
    font-size: 15px!important;
}

.dataTables_filter {
    float: right;
    white-space: nowrap;
    display: none!important;
}

.dataTables_length {
    float: left;
    white-space: nowrap;
    display: none!important;
}

.dataTables_info {
    clear: both;
    float: left;
    margin: 4px 0 0;
    display: none!important;
}

.dataTables_paginate {
    float: right;
    margin: 4px 0 0;
    display: none!important;
}

.ui-widget.ui-widget-content {
    border: 0px solid #fff!important;
}

@media only screen and (max-width: 460px) {
.book-button-for-mobile span.tg-button__label {
padding: 0 30px;
}
}

#tab-0 { 
margin-left:0px!important;
}

/*move logo up in header*/
div.logo-header-component-container div.logo {
    top: -10px !important;
    position: relative;
}

/* CSS to make menu smaller on mobile and padding to the content so yu can see the green bar*/
@media only screen and (max-width: 768px) {
    body {
        padding-top: 65px;
    }
	div#content.site-content {
    margin-top: 0px !important;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
#pg-17-0> .panel-row-style {
    margin-top: 0px!important;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.header-top, .header-bottom {
    background-color: #fcea23 !important;
    height: auto!important;
}
}

@media only screen and (min-width: 1025px) {
    .mobile_slider_image_six_months,
    .mobile_text_six_months {
        display: none !important;
    }

    .mobile_slider_image_two_three_years,
    .mobile_text_two_three_years {
        display: none !important;
    }

    .mobile_slider_image_three_years_school,
    .mobile_text_three_years_school {
        display: none !important;
    }

    .mobile_slider_image_gymbobs,
    .mobile_text_gymbobs {
        display: none !important;
    }

     .mobile_slider_text_circuit_fun {
        display: none !important;
    }

    .mobile_text_walking_two_years {
        display: none !important;
    }
}




@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.entry-content .siteorigin-panels-stretch.panel-row-style:first-child {
margin-top: 0px !important;
}
}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    #homepageid #masthead .header-bottom {
        margin-top: -15px !important;
    }
}
@media only screen and (max-width: 960px) {
    #site-navigation > .ubermenu-responsive-toggle {
    margin-top: -86px;
    }
}
*/

@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    div#content.site-content {
        margin-top: 0px !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    #contacticonsmob .widget_media_image {
        text-align: center;
    }

    #contacticonsmob .widget_text .textwidget {
        font-size: 24px;
    }
}

@media screen and (max-width: 480px) {
    #desktop_tablet {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    div#desktop_tablet .custom-img-anim img {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    input#sl_postcodeSearchInput {
        display: inline-block;
        width: 62% !important;
        border-radius: 10px;
        font-family: 'VAG Rounded Family L' !important;
        font-size: 16px;
        margin-left: 10px;
    }

    .sl_result_addr {
        float: none !important;
    }

    #sl_postcode_lookup_results {
        max-width: 100% !important;

    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    #show_on_mob_mem_offers {
        display: none;
    }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
    .about_slider_tablet {
        padding-top: 0px !important;
        margin-top: -12px !important;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 480px) {
    #masthead .center-content {
        top: 30px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
    footer#colophon {
        height: auto;
    }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
    #top-footer .widget ul li a:before {
        font-size: 25px;
    }

    #colophon p#footer-margin {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
    ul#menu-social-menu-1 {
        margin-top: 20px !important;
    }
}



@media screen and (min-width: 480px) {
    #show_on_mobile {
        display: none;
    }
}
@media screen and (min-width: 481px) and (max-width: 991px) {
    #show_on_mobile.show_on_landscape {
        display: -webkit-flex;
        display: flex;
    }
}

@media screen and (max-width: 900px) {
    #sl_postcodeLookup:not(.mobileonly) {
        display: none !important;
    }
}

#sl_postcodeLookup:not(.mobileonly) .sl_postcodeSearchInput-detached {
    width: 70% !important;
}

@media screen and (max-width: 991px) and (orientation: landscape) {
    #sl_postcodeLookup.mobileonly .sl_postcodeSearchInput-detached {
        width: 50% !important;
        margin-left: 10px;
    }
}

@media screen and (max-width: 320px) and (orientation: portrait) {
    #sl_postcodeLookup.mobileonly .sl_postcodeSearchInput-detached {
        width: 70% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 480px) {
    #homepageid .center-content {
        top: 30px !important;
    }
}

/* Header spacing on tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header#masthead {
        top: -17px !important;
    }

    .header-bottom {
        padding-top: 17px;
    }
}

/* Logo slider spacing on tablet */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .lgx-logo-slider-wp .owl-carousel {
        width: 660px !important;
    }
}


/*@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .custom-img-anim img {
        display: none;
    }
} */


/* Characters align center our programme page on tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .characters_align_center_tab {
        text-align: center;
    }
}

/* Header css for tablet to show text */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .center-content {
        z-index: 9999999 !important;
        left: -21% !important;
    }

    .center-content h5 {
        display: block !important;
    }

    header#masthead {
        width: 100% !important;
    }
}


/* News article tabs font size on tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #flash-tabs .tab-list ul.nav-tab li a {
        text-align: center;
        font-size: 14px !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    #masthead .header-bottom {
        margin-top: -80px !important;
    }
}

@media only screen and (max-width: 460px) {

    #news_title {
        padding-left: 20px;
    }

    #date {
        padding-left: 20px;
    }

    #subtitle {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .news_tabs .lcp_excerpt {
        min-height: 72px;
    }
}


p#date {
    color: #000000 !important;
}

@media screen and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu-responsive {
        max-height: 570px;
    }
}

@media screen and (max-width: 959px) {
    #site-navigation ul > li a {
        line-height: 28px;
    }
}


/*  Css to remove the duplicate image on Gloucester news articles */
.closures .entry-thumbnail {
    display: none;
}

.offers .entry-thumbnail {
    display: none;
}

.vacancies .entry-thumbnail {
    display: none;
}

.competitions .entry-thumbnail {
    display: none;
}

/*  Css to remove the duplicate image on Gloucester news articles end */

.panel-grid-cell .so-panel img, {
    position: relative;
    z-index: 999;
    /*    width: 100px;*/
}

#contact_box img {
    width: 175px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 620px) {

    #contact_box img {
        width: 72px !important;
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 992px) {
    .font_size_mobile_book h3 {
        font-size: 18px;
    }

    .font_size_mobile_book p {
        font-size: 13px;
    }
}


.request_bar a {
    color: white !important;
    background-color: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 21px !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
    margin: auto;
}


.request_bar {
    background-color: #fdec00;
}

/* +/- showing on top of go button on book page on mobile */
@media screen and (max-width: 992px) {

    .leaflet-bottom.leaflet-right {
        z-index: 1;
    }
}

/* Fields on cf7 on mobile to be full width */
@media screen and (max-width: 992px) {
    .fullwidth_field {
        width: 100% !important;
    }
}

/* Membership page css */
#membership_terms_text_size {
    font-size: 14px;
}

#font_smaller_memtable {
    font-size: 16px;
}

/*  */
@media only screen and (max-width: 900px) {
    div#book_bar_mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fcea23;
        z-index: 9999;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #book_bar_mobile .widget_themegrill_flash_button {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 900px) {
    #book_bar_mobile {
        display: none;
    }
}


/* News article templates featured image css */
#singleposttemplate {
    display: block;
    overflow: hidden;
}

#singleposttemplate .singleposttemplate_img {
    float: left;
    width: 400px;
    margin: 55px 0 0 0;
}

#singleposttemplate .singleposttemplate_desc {
    float: right;
    width: 350px;
}

@media all and (min-width: 320px) and (max-width: 768px) {
    #singleposttemplate {
        display: block;
        overflow: hidden;
        margin: 0 20px;
    }

    #singleposttemplate .singleposttemplate_img {
        float: none;
        width: auto;
        text-align: center;
    }

    #singleposttemplate .singleposttemplate_img img {
        float: none;
        margin: 0 auto;
    }

    #singleposttemplate .singleposttemplate_desc {
        float: none;
        width: auto;
    }
}

#singleposttemplate_news {
    display: block;
    overflow: hidden;
}

#singleposttemplate_news .singleposttemplate_img_news {
    float: left;
    width: 300px;
    margin: 55px 0 0 0;
}

#singleposttemplate_news .singleposttemplate_desc_news {
    float: right;
    width: 350px;
}

@media all and (min-width: 320px) and (max-width: 768px) {
    #singleposttemplate_news {
        display: block;
        overflow: hidden;
        margin: 0 20px;
    }

    #singleposttemplate_news .singleposttemplate_img_news {
        float: none;
        width: auto;
        text-align: center;
    }

    #singleposttemplate_news .singleposttemplate_img_news img {
        float: none;
        margin: 0 auto;
    }

    #singleposttemplate_news .singleposttemplate_desc_news {
        float: none;
        width: auto;
    }
}

#singleposttemplate_news {
    margin-top: -60px;
}

#singleposttemplate_news .singleposttemplate_img_news {
    margin-right: 20px;
    margin-bottom: 10px;
}

#singleposttemplate_news .singleposttemplate_desc_news {
    float: none;
    width: auto;
}

#singleposttemplate_news .singleposttemplate_desc_news .entry-content-block {
    overflow: unset;
}

/* News article templates featured image css END*/


#wpmtst-submission-form #wpmtst_submit_testimonial {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-weight: bold !important;
}


/* Review on fb button goes smaller when clicked on */
@media only screen and (max-width: 1100px) and (min-width: 320px) {
    .reveiw_on_facebook_button a.tg-button.tg-button--round.tg-button--small:hover {
        padding: 0px 32px 0px 32px !important;
    }
}

#wpmtst-form .field-please_confirm_you {
    font-size: 14px !important;
    clear: left;
}

#wpmtst-form .field-please_confirm_you label {
    font-size: 14px !important;
}

/* Iphone 7+ */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

    #sl_postcodeLookup {

        bottom: 10% !important;
    }

    #text-10 > div > p:nth-child(5) {
        margin-bottom: 25%;
    }

}

@media screen and (min-width: 992px) {
    #sl_postcodeLookup {
        position: relative;
        bottom: 0px;
    }
}

.area_covering .panel-grid-cell {
    width: 100% !important;
}


@media only screen and (max-width: 1024x) {
    .show-on-mobile {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    div.area_covering .textwidget h2 {
        font-size: 10px !important;

    }
}

button.hide-btn-on-desk {
    display: none;
}

.show-bio-on-desk {
    display: block;
}

@media screen and (max-width: 480px) {
    button.hide-btn-on-desk {
        display: block;
    }

    .show-bio-on-desk {
        display: none;
    }
}

/* Change spacing between social media icons on footer and text below for small screen sizes - added by Violeta WPMU DEV */

@media only screen and (max-width: 600px) {
    #top-footer .widget ul li {
        padding: 0 !important;
    }
}


@media only screen and (max-width: 600px) {
    .n2-ss-align {
        margin-top: -10px;
    }
}

/* Testimonial slider on homepage on mobile */
@media only screen and (max-width: 460px) {
    .strong-view.default h3.testimonial-heading {
        background: none;
    }

    h3.testimonial-heading:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 8px;
        vertical-align: text-top;
        margin-right: 5px;
        background: url(https://www.tumbletots.com/wp-content/uploads/2018/11/quotes-mobile.png);
    }
}

@media only screen and (max-width: 460px) {
    h3.testimonial-heading:after {
        content: "" !important;
        background: url(https://www.tumbletots.com/wp-content/uploads/2018/11/quotes-mobile.png);
        width: 10px;
        height: 8px;
        vertical-align: text-top;
        margin-left: 5px !important;
    }
}

@media only screen and (max-width: 460px) {
    h3.testimonial-heading {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 460px) {
    .wpmslider-viewport {
        height: 240px !important;
    }
}

@media only screen and (max-width: 460px) {
    .testimonial.t-slide {
        height: 240px !important;
    }
}


@media only screen and (max-width: 460px) {
    .wpmslider-pager.wpmslider-custom-pager {
        display: none !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 460px) {
    .testimonial-heading {
        font-size: 20px;
        margin-left: 0px;
    }
}


/* Homepage - franchise ops words on one line mobile*/
@media only screen and (max-width: 460px) {
    .franchise_ops_text_mobile h2 {
        font-size: 26px;
    }
}

/* Postcode searcher margin on main site homepage on mobile
@media only screen and (max-width : 460px) {
.siteorigin-panels-home #sl_postcodeLookup {
margin-left: -2px;
}
}*/

/* membership page with the circle image in centre on mobile */
@media only screen and (max-width: 460px) {
    .memcircles_plue_stand {
        margin: 0 auto;
    }
}

/* membership page removing the read more buttons on mobile */
@media screen and (max-width: 992px) {
    #pg-37-5 .read_more_text {
        display: none;
    }
}

/* Remove white space on left of the slider for small screen sizes - added by Violeta WPMU DEV */
@media only screen and (max-width: 600px) {
    .n2-ss-slider-2 {
        position: initial !important;
    }
}


/* error page sidebar with postcode position */
#pg-4848-0 #sl_postcodeLookup {
    top: -30px;
}

/* news page sidebar with postcode position */
aside#secondary #sl_postcodeLookup {
    top: 0px;
    position: unset;
}


#sl_postcode_lookup_results .sl_buttons a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 5px !important;
}


/* Css to stop template pages to scroll left and right */


body, html {
    overflow-x: hidden;
}

div#post90-content-6526 + p, div#post90-content-6526 + p + br {
    display: none;
}

.my-news-banner h1 {
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}

div#post90-link-6526 {
    background: #fcea23;
    margin-left: -500px;
    margin-right: -500px;
    padding: 20px;
    text-align: center;
}

div#post90-link-6526 a {
    background: #e2231a;
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
}

#location_box .location_box_in {
    float: left;
    width: 33%;
    text-align: center;
}


#contact_box .contact_box_in {
    float: left;
    width: 33%;
    text-align: center;
}

@media all and (min-width: 320px) and (max-width: 800px) {
    #contact_box .contact_box_in {
        width: 32% !important;
    }
}


@media only screen and (min-width: 900px) {
    .tg-column-wrapper .tg-column-3:nth-child(2) {
        width: 50% !important;
    }
}


.yellow_book_bar {
    background-color: #fcea23;
    padding-top: 10px;
    padding-bottom: 10px;
}

.green_header_bar {
    background-color: #96c93d;
    padding-top: 55px;
    padding-bottom: 5px;
    color: #ffffff !important;
    text-align: center !important;
}


.tab-list ul li.ui-tabs-active.ui-state-active {
    border-color: transparent !important;
}

#flash-tabs .tab-list ul.nav-tab li:first-child,
#flash-tabs .tab-list ul.nav-tab li:first-child a {
    border-radius: 10px 10px 10px 0 !important;
}

#flash-tabs .tab-list ul.nav-tab li:last-child,
#flash-tabs .tab-list ul.nav-tab li:last-child a {
    border-radius: 10px 10px 0 10px !important;
}

div#flash-tabs .tab-content {
    margin-left: 3px;
    margin-right: 3px;
}

@media only screen and (max-width: 767px) {
    .gdpr {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ttfunadventures {
        max-width: 40% !important;
        text-align: center;
    }
}


@media only screen and (max-width: 480px) {
    header#masthead .header-bottom .site-navigation-wrapper {
        margin-top: -10px;
    }
}


@media only screen and (max-width: 900px) {
    #sl_postcodeLookup {
        z-index: 1000;
    }
}

.nav-links .nav-previous a {
    padding-top: 8px !important;
}

.nav-next a > span {
    line-height: 0.9 !important;
}

.tt_popup_buttons button {
    font-family: 'VAG Rounded Family' !important;
}

.tab-list ul li.ui-tabs-active.ui-state-active {
    border-bottom: 0 !important;
}

div#masthead-sticky-wrapper {
    position: relative;
    z-index: 999999999 !important;
}

#sl_postcode_lookup_results {
    background: white;
    max-height: 485px !important;
    max-width: 300px;
    overflow-y: auto;
    display: none;
}

#read_more_text {
    color: #FFF !important;
    background-color: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 29px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 16px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

@media only screen and (max-width: 480px) {
    div#contacticonsmob img {
        width: 72px !important;
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 480px) {
    #sl_find_a_store {
        border-radius: 0px !important;
    }

    .widget-area #sl_find_a_store {
        position: fixed;
        bottom: 0;
    }
}

@media all and (min-width: 320px) and (max-width: 980px) {
    .header-bottom .tg-container::after {
        display: block;
        position: absolute;
        bottom: 0px;
        margin-top: 20px !important;
        width: 100%;
        height: 20px;
        background: url(https://www.tumbletots.com/wp-content/uploads/2018/10/Mobile-Colour-Banner.jpg) no-repeat;
        background-size: auto auto;
        background-size: 100% 100%;
    }
}


body.disable-mobile-sticky div#wp-custom-header img {
    display: none;
}

.events .my-news-banner {
    width: 100%;
}


/*#pgc-19-2-1 .contacticonsmob.panel-cell-style.panel-cell-style-for-19-2-1 {
    width: 77%;
    margin: auto;
}*/

@media only screen and (min-width: 1024px) {
    .show-on-mobile {
        display: none !important;
    }
}

/* House icon aligned on mobile */
@media only screen and (max-width: 767px) {
    .dashicons-admin-home {
        line-height: 1 !important;
    }
}

/* House icon aligned on mobile */


@media only screen and (max-width: 767px) {
    #homefirstsection {
        z-index: 11 !important;
    }
}


.lcp_post_type {
    color: #8e2be8 !important;
    float: none;
    font-weight: bold !important;
    font-size: 18px !important;
}

.map-inner {
    width: 100%;
    height: 600px !important;
}



@media (min-width: 768px) and (max-width: 1024px) {
    #show_on_mob_right_start.show_on_mob_medium {
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.tg-button {
    font-size: 21px !important;
}

/*.textwidget #post100-link-13 a {
    padding: 7px !important;
    padding-left: 40px!important;
    padding-right: 40px!important;
} */
p.sl_result_addr {
    color: #000 !important;
}

/* Subscribe page form css */
td input {
    box-shadow: none !important;
    border-radius: 8px !important;
    border: 1px solid #D3D3D3 !important;
    font-family: 'VAG Rounded Family L' !important;
    font-size: 18px !important;
    height: auto !important;
    padding: 15px 15px 15px 15px !important;
}

td {
    border: none !important;
}

/* Subscribe page form css */

/* News Page - Sidebar on mobile - making image fall on top of searcher */
@media only screen and (max-width: 768px) {
    section#themegrill_flash_image-3 .tg-image-block img {
        width: 80% !important;
        margin-bottom: -44px;
        padding-top: 10px !important;
    }
}

/* News Page - Sidebar on mobile - making image fall on top of searcher end */


/* News Page - Custom post type css mobile */
@media only screen and (max-width: 768px) {
    .closures main#main {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .vacancies main#main {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .news main#main {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .offers main#main {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .events main#main {
        padding: 20px;
    }
}

/* News Page - Custom post type css mobile end */


/* News Page css */
#back_to_all_news {
    background: #E2231A;
    color: #fff;
    border-radius: 20px;
    font-size: 20px !important;
    font-family: 'VAG Rounded Family' !important;
}

.navigation .nav-links .nav-previous a {
    background: #E2231A;
    color: #fff;
    font-size: 18px !important;
    padding-top: 11px !important;
}

.navigation .nav-links .nav-next a {
    background: #E2231A;
    color: #fff;
    font-size: 18px !important;
}

#content #secondary {
    background: #F5F6F5;
    width: 328px;
    padding-right: 30px;

}

@media all and (min-width: 320px) and (max-width: 950px) {
    #content #secondary {
        width: 100%;
    }
}

#content #secondary .post-date {
    color: #3EBEEF;
    font-size: 16px;
    font-weight: bold;
}

#content #secondary .widget_recent_entries li a {
    font-size: 16px;
}

/* News Page css end */

/* News Page css  custom post type image mobile */
@media screen and (max-width: 460px) {
    #my_custom_box #feautre_img {
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
    }
}

/* News Page css  custom post type image mobile end */

@media only screen and (max-width: 480px) {
    .my-news-banner {
        margin-top: 12px !important;
    }
}

/* News page on desktop - css to display the banner */
@media (min-width: 768px) {
    .my-news-banner h1 {
        background: #96c93d;
        /* padding-left: 20px; */
        margin-top: 43px;
        color: white;
        text-align: center;
    }
}

/* News page on desktop - css to display the banner end */


/* News page on mobile - articles clashed in the tabs */
@media only screen and (max-width: 480px) {
    .lcp_catlist li {
        height: auto !important;
    }
}

/* News page on mobile - articles clashed in the tabs end */

/* Gloucester homepage coloured squares on mobile and tablet
@media all and (max-width: 768px) {
    .custom-img-anim {
        display: none;
    }
}

@media all and (max-width: 500px) {
    .custom-img-anim {
        display: none;
    }
}*/

/* Gloucester homepage coloured squares on mobile and tablet end */

/* css to show the welcome back on mobile */
@media all and (max-width: 550px) {
    .tt_hover_bkgr_fricc > div {
        width: 90% !important
    }
}

@media only screen and (max-width: 768px) {
    h4.tt_popup_text button {
        margin-bottom: 10px !important;
    }
}

/* css to show the welcome back on mobile */


/* Tablet CSS - gap above the coloured squares and ribbon bar */

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .siteorigin-panels #wp-custom-header.wp-custom-header {
        top: -85px !important;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .siteorigin-panels-home div#panel-5-0-0-1 {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 980px) {
    header.wp-custom-header {
        top: -130px !important;
    }

    .siteorigin-panels-home div#pg-5-0 .siteorigin-panels-stretch:first-child {
        padding-bottom: 0 !important;
    }

    .mobile_social_menu {
        display: table !important;
    }

    .desktop_social_menu {
        display: none !important;
    }
}

/* Tablet CSS - gap above the coloured squares and ribbon bar end */


/* Tablet CSS - Orange social,physical etc section */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
    div#physoccog h1 {
        font-size: 24px !important;
    }

    div#physoccog img {
        width: 200px;
    }
}

/* Tablet CSS - Orange social,physical etc section */


/* Tablet CSS - Awards and partners */
.awards_slider {
    margin: auto;
    max-width: 620px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .lgx-logo-slider-wp .owl-carousel {
        width: 620px;
        margin: 0 auto;
    }
    .lgx-logo-slider-wp .owl-stage-outer {
        width: 620px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
    .lgx-logo-slider-wp .owl-carousel {
        width: 400px;
        margin: 0 auto;
    }
    .lgx-logo-slider-wp .owl-stage-outer {
        width: 400px !important;
    }
}

@media only screen and (max-width: 599px) {
    .lgx-logo-slider-wp .owl-carousel {
        width: 300px;
        margin: 0 auto;
    }
    .lgx-logo-slider-wp .owl-stage-outer {
        width: 300px !important;
    }
}

@media only screen and (max-width: 480px) {
    .our-awards .awards-slider {
        margin: auto;
        width: 300px !important;
    }
    .lgx-logo-slider-wp .owl-carousel {
        width: 300px !important;
        margin: 0 auto;
    }
    .lgx-logo-slider-wp .owl-stage-outer {
        width: 240px !important;
    }
}

/* Tablet CSS - Awards and partners end */


/* Tablet CSS - Footer */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    section#themegrill_flash_image-5 .tg-image-block img {
        display: none;
    }

    #top-footer #text-10 {
        margin-top: -9em !important;
        bottom: 0px !important;
    }

    #homepageid .n2-ss-slider-2.n2-ow {
        width: 100% !important;
        margin: 0 auto !important;
        left: auto;
    }

    #colophon p {
        font-size: 0.86em !important;
        line-height: 1.5;
    }

    #top-footer div#n2-ss-13 {
        float: none !important;
        margin: 0 auto !important;
        width: 600px !important;
    }

    #top-footer .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
        width: 600px !important;
        height: 85px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .tg-column-3.footer-block:first-child {
        display: none;
    }
    .tg-column-3.footer-block:nth-child(2) {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
    }
    .tg-column-3.footer-block:nth-child(3) {
        display: none;
    }
    div#colophon {
        height: auto !important;
    }
    
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
#colophon div#top-footer {

padding-top: 100px !important;

}
}

/* Tablet CSS - Footer end */


/* news page tab background colours */
#tab-0.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-1.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-2.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-3.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-4.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-5.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

.tab-list {
    border-bottom: #d4d4d447;
}

.tab-list ul li.ui-tabs-active.ui-state-active a {
    color: #000000 !important;
    background-color: #d4d4d447 !important;
}

/* news page tab background colours end*/

/* News Page - tabs design*/
#flash-tabs .tab-list ul.nav-tab li a {
    padding: 15px;
    border-radius: 10px;
}

/* Css to change the find your local centre positioning on mobile */
@media only screen and (max-width: 900px) {
    .sl_postcode_go_button {
        width: 73px;
    }
}

@media only screen and (max-width: 900px) {
    #sl_find_a_store {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 900px) {
    #sl_find_a_store {
        max-width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    #sl_postcodeLookup {
        position: fixed;
        width: 100vw;
        bottom: 0 !important;
        left: 0;
    }
}

@media only screen and (min-width: 900px) {
    #sl_postcodeLookup.mobileonly {
        bottom: 0 !important;
        transform: none !important;
        top: unset !important;
    }
}

/* Css to change the find your local centre positioning on mobile */


@media screen and (max-width: 667px) {
    .mobile_social_menu {
        display: table !important;
    }

    .desktop_social_menu {
        display: none !important;
    }

    .mobileonly {
        display: table !important;
    }
}

@media screen and (min-width: 959px) and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega {
        margin-left: 30px !important;
    }
}

/* Membership page mobile css */

@media only screen and (max-width: 480px) {

    div#show_on_desktop_mem_offers {
        display: none !important;
    }
}

@media only screen and (max-width: 480px) {
    div#show_on_desktop_right_start {
        display: none !important;
    }
}

div#members_handbook_mobile img {
    width: 40% !important;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

div#rightstart_mobile img {
    width: 40% !important;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {

    div#additional_mem_offers img {
        width: 75% !important;
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (min-width: 460px) {
    #additional_mem_offers .panel-grid-cell {
        /* width: 50% !important; */
        float: left;
    }

    #pl-37 .panel-grid.panel-has-style > .panel-row-style {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1024px) {


    div#show_on_mob_mem_offers {
        display: none;
    }

    div#show_on_mob_right_start {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    div#show_on_desktop_mem_offers {
        display: none;
    }

    div#show_on_desktop_right_start {
        display: none;
    }

}

@media only screen and (max-width: 568px) {
    #pg-5-7 .n2-ss-slide {
        height: 145px !important;
        width: 278px !important;
    }

    #pg-5-7 .n2-ss-slide .n2-ss-layers-container.n2-ow {
        height: 145px !important;
        width: 278px !important;
    }
}

/* Membership page mobile css end */

/* Homepage css mobile */
@media only screen and (min-width: 640px) {
    div#franchiseopsmob {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    div#franchiseopsdesktop {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    div#aboutprogrammemob {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    div#aboutprogrammedesktop {
        display: none;
    }
}

/* Homepage css mobile */

@media only screen and (max-width: 900px) {
    div#pgc-9-1-0.panel-grid-cell {
        margin-top: 0px !important;
    }
}

/* Contact icons css mobile */
@media screen and (max-width: 992px) {

    .contacticons {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .contacticonsmob {
        display: none;
    }
}

@media only screen and (max-width: 480px) {

    div#contacticonsmob img {
        width: 75% !important;
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }
}

/* Contact icons css mobile */

/* Meet the team page mobile css*/
@media only screen and (max-width: 480px) {

    div#meetteamimage img {
        width: 40% !important;
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }
}

/* Meet the team page mobile css*/


@media only screen and (max-width: 1024px) {
    .custom-img-anim img:hover {
        transform: none !important;
    }
}

/* Css to make the not display the desktop 6 months section on mobile */
@media only screen and (max-width: 640px) {
    .desktop_six_months {
        display: none !important;
    }
}

/* Css to make the not display the desktop 6 months section on mobile */

/* Css to make the squares on home and about bigger on mobile */
@media only screen and (max-width: 640px) {
    .widget_media_image img {
        width: 100% !important;
        left: 0 !important;
    }
}

/* Css to make the squares on home and about bigger on mobile */

/* Css to make the tabs vertical on news page */
@media only screen and (max-width: 767px) {
    #flash-tabs .tab-list ul.nav-tab li a {
        font-size: 14px;
        text-orientation: mixed;
        writing-mode: vertical-lr;
        white-space: nowrap;
        height: 140px;
    }
}

/* Css to make the tabs vertical on news page */


/* CSS to remove the image from testimonials on mobile and tablet */
@media only screen and (max-width: 900px) {
    .testimonial-image {
        display: none;
    }
}

/* CSS to remove the image from testimonials on mobile and tablet end */


.siteorigin-panels div#pg-1377-0 {
    margin-top: -15px;
}

.tab-list ul li.ui-tabs-active.ui-state-active {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

/* CSS to make the tabs on news page full width*/
.player .vp-player-layout {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
}

#flash-tabs .tab-list ul.nav-tab {
    font-size: 0;
}

#flash-tabs .tab-list ul.nav-tab li {
    display: inline-block;
    width: 16.66%;
    font-size: 14px;
    padding: 0;
}

#flash-tabs .tab-list ul.nav-tab li a {
    width: 100% !important;
    display: inline-block;
}

#flash-tabs .tab-list ul.nav-tab li a {
    text-align: center;
    font-size: 18px;
}

/* CSS to make the tabs on news page full width end*/

/*  Font across site */
@font-face {
    font-family: 'VAGRoundedLTPro-Black';
    src: url('webfonts/35FBDD_0_0.eot');
    src: url('webfonts/35FBDD_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/35FBDD_0_0.woff2') format('woff2'), url('webfonts/35FBDD_0_0.woff') format('woff'), url('webfonts/35FBDD_0_0.ttf') format('truetype');
}


@font-face {
    font-family: 'VAGRoundedLTPro-Thin';
    src: url('webfonts/35FBDD_1_0.eot');
    src: url('webfonts/35FBDD_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/35FBDD_1_0.woff2') format('woff2'), url('webfonts/35FBDD_1_0.woff') format('woff'), url('webfonts/35FBDD_1_0.ttf') format('truetype');
}


@font-face {
    font-family: 'VAGRoundedLTPro-Bold';
    src: url('webfonts/35FBDD_2_0.eot');
    src: url('webfonts/35FBDD_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/35FBDD_2_0.woff2') format('woff2'), url('webfonts/35FBDD_2_0.woff') format('woff'), url('webfonts/35FBDD_2_0.ttf') format('truetype');
}


@font-face {
    font-family: 'VAGRoundedLTPro-Light';
    src: url('webfonts/35FBDD_3_0.eot');
    src: url('webfonts/35FBDD_3_0.eot?#iefix') format('embedded-opentype'), url('webfonts/35FBDD_3_0.woff2') format('woff2'), url('webfonts/35FBDD_3_0.woff') format('woff'), url('webfonts/35FBDD_3_0.ttf') format('truetype');
}


@font-face {
    font-family: VAGRoundedLTPro;
    src: url(https://www.tumbletots.com/wp-content/themes/flash-pro-child/fonts/VAGRoundedLTPro.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'VAGRoundedLTPro';
    src: url('webfont.eot');
    /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */ url('webfont.woff2') format('woff2'),
        /* Super Modern Browsers */ url('webfont.woff') format('woff'),
        /* Pretty Modern Browsers */ url('webfont.ttf') format('truetype'),
        /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'VAG Round';
    src: url('fonts/VAGRoundedLTPro.woff2') format('woff2'),
    url('fonts/VAGRoundedLTPro.woff') format('woff'),
    url('fonts/VAGRoundedLTPro.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

body {
    font-family: 'VAG Round' !important;
}

p {
    font-family: 'VAG Round' !important;
}

h1 {
    font-family: 'VAG Round' !important;
}

h2 {
    font-family: 'VAG Round' !important;
}

h3 {
    font-family: 'VAG Round' !important;
}

h4 {
    font-family: 'VAG Round' !important;
}

h5 {
    font-family: 'VAG Round' !important;
}

h6 {
    font-family: 'VAG Round' !important;
}

/*  Font across site */

/* video 100% */
.video_container iframe,
.video_container object,
.video_container embed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video_container {
    position: relative;
    padding-bottom: 56% !important;
    overflow: hidden;
}

/* video end */
/* form start */
span.footer-signup-note,
.footer-signup-form-container,
#wpcf7-f1975-o1 label {
    float: left;
}

div#wpcf7-f1975-o1 input {
    padding: 0 !important;
    border: 1px solid;
    margin-left: 10px;
    height: 21px !important;
}

div#wpcf7-f1975-o1 a {
    margin-left: 20px;
    background-color: red !important;
    color: white;
    padding: 4px 10px;
}

.footer-signup-in-header-container {
    float: right !important;
    padding-right: 370px;
    position: relative;
    top: -20px;
}

.social-menu a {
    font-family: 'FontAwesome' !important;
}

/* to do */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    background-color: #fff !important;
    border: 1px solid #D3D3D3;
    width: 100%;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
input.wpcf7-form-control.wpcf7-submit {
    border-radius: 8px;
}

/* form end */
/* General css */
#pg-38-3 .textwidget {
    font-weight: normal;
}

nav#flash-breadcrumbs {
    display: none;
}

h3 {
    font-size: 35px;
    font-style: normal;
    line-height: 2.0;
}

#panel-5-4-0-0 > .panel-widget-style {
    z-index: 97;
}

.strong-form {
    text-align: left;
    font-weight: 400 !important;
    font-family: 'VAG Rounded Family L';
    font-size: 14px;
}


#pg-37-3 p img {
    margin-top: 12px;
}

#pg-37-3 .textwidget p em {
    font-size: 14px;
}

.page .flash-row-svg-wrapper .flash-bottom-svg-wrapper svg {
    bottom: -1px;
}

/* general end */
/* social icons */
.social-menu {
    list-style: none;
    /* Remove the bullet points */
}

.social-menu li a {
    background-color: #e2231a;
    color: #fff;
}

.social-menu li {
    padding-bottom: 0 !important;
}

/* Social Icons Hover effect (Set to the same as not hovering so the icons dont dissapear)*/
.social-menu li a:hover::before,
.social-menu li:hover a::before {
    background-color: #e2231a !important;
    color: #fff !important;
}

/* social icons end */
/*code for image pop on homepage*/
.custom-img-anim img:hover {
    transform: scale(1.1);
}

.custom-img-anim img {
    transition: all .2s ease-in-out;
}

/*code for image pop on homepage end*/
/*
body #masthead-sticky-wrapper.is-sticky ~ div#wp-custom-header, body #wp-custom-header {
top: 160px !important;
}
#wp-custom-header.wp-custom-header {
top: 160px !important;
}*/


@media (max-width: 980px) {
    .site-navigation-wrapper {
        position: relative;
        display: inline-block;
        background: none !important;
        margin-top: -40px;
    }
}

.site-navigation-wrapper {
    position: relative;
    display: inline-block;
    background-color: #3ebeef;
    margin-top: -40px;
}

.header-bottom .logo-header-components-wrapper {
    max-width: 1200px !important;
}

.header-bottom .tg-container {
    width: 100% !important;
    text-align: center;
    top: 0px !important;
}

#site-navigation {
    margin: 0 auto;
}

.left-logo-below-menu .is-sticky .logo-header-components-wrapper,
.center-logo-below-menu .is-sticky .logo-header-components-wrapper {
    display: inline-block;
    float: left;

}

.site-navigation-container {
    max-width: 1200px !important;
    margin: 0 auto;
}

.ubermenu .ubermenu-target {
    padding: 15px 20px 5px 20px !important;
}

/*move logo up in header end*/

/* find postcode button*/
.sl_postcode_go_button {
    float: right;
    color: #ffff;
    background: #96c93d;
}

#sl_find_a_store {
    background: #e2231a !important;
    border-radius: 10px;
    color: #000;
}

input.sl_postcodeSearchInput-detached {
    display: inline-block;
    width: 220px;
    border-radius: 10px;
}

input#sl_postcodeSearchInput {
    display: inline-block;
    width: 78%;
    border-radius: 10px;
    font-family: 'VAG Rounded Family L' !important;
}

.sl_postcode_go_button {
    height: 36px;
    border-radius: 10px;
}

/* find postcode button end*/

/* Space between job title and bio on meet the team page*/
.so-panel.widget.widget_text .flash_inherit_color .textwidget p {
    margin-bottom: 0 !important;
}

/* Space between job title and bio on meet the team page end*/

/* header*/
.center-content h1 {
    font-size: 2.6em;
    color: #e3241b;
}

.center-content h5,
a {
    color: #3ebeef;
    font-weight: bold;
}

.center-content {
    position: relative;
    top: 20px;
    width: fit-content;
    text-align: center;
    left: 8%;

}

.logo-image {
    position: relative;
    padding: 0 !important;
}

#site-navigation .ubermenu-nav li a:hover {
    color: #e3241b !important;
}

.left-logo-below-menu .is-sticky .logo-header-components-wrapper {
    right: 0;
}

.left-logo-below-menu .is-sticky .logo-header-component-container {
    display: block;
}

.left-logo-below-menu .header-bottom .site-navigation-container {
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
}

#masthead .header-bottom {
    margin-top: -70px;
}

/* CSS to make the ribbon stay on top of the blue mneu at all desktop screen sizes */
div#content.site-content {
    margin-top: 14px !important;
}

.site-navigation-wrapper {
    margin-top: 0;
    position: relative;
    top: 38px;
}

@media only screen and (max-width: 1440px) {
    div#content.site-content {
        margin-top: 0;
    }
}

#wp-custom-header.wp-custom-header {
    top: 281px !important;
}

.site-navigation-wrapper {
    top: 221px !important;
}

@media only screen and (min-width: 1500px) and (max-width: 1979px) {
    #wp-custom-header.wp-custom-header {
        top: 290px !important;
    }
}

@media only screen and (max-width: 1499px) {
    #wp-custom-header.wp-custom-header {
        top: 298px !important;
    }
}

@media only screen and (max-width: 1100px) {
    #wp-custom-header.wp-custom-header {
        top: 280px !important;
    }
}


/* CSS to remove the yellow bit of header */
#wp-custom-header.wp-custom-header {
    top: 231px !important;
}

.site-navigation-wrapper {
    top: 141px !important;
}

@media only screen and (min-width: 1500px) and (max-width: 1979px) {
    #wp-custom-header.wp-custom-header {
        top: 247px !important;
    }
}

@media only screen and (max-width: 1499px) {
    #wp-custom-header.wp-custom-header {
        top: 255px !important;
    }
}

@media only screen and (max-width: 1100px) {
    #wp-custom-header.wp-custom-header {
        top: 230px !important;
    }
}

.site-navigation-wrapper {
    z-index: 10;
}

header#masthead .header-top .center-content h5 a {
    position: relative;
    z-index: 999;
}

/* header end*/

/* Main menu look */
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega {
    width: 210px;
}

#site-navigation ul li {
    padding-right: 5px;
}

#site-navigation ul li ul li {
    padding: 10px 0;
    display: block;
    width: 100%;
}

#site-navigation ul li ul li a {
    padding: 0 20px;
}

#site-navigation .ubermenu-nav li a:hover {
    color: #fcea23 !important;
}

#site-navigation .ubermenu-nav li ul li a span:hover {
    color: #e3241b;
}

@media only screen and (min-width: 1500px) and (max-width: 1979px) {
    #wp-custom-header.wp-custom-header {
        top: 201px !important;
    }
}

.header-sticky .is-sticky .header-top,
.header-sticky .is-sticky .header-bottom {
    background-color: #fcea23 !important;
}

@media only screen and (min-width: 1500px) and (max-width: 1979px) {
    body.page-id-9 #wp-custom-header.wp-custom-header {
        top: 230px !important;
    }
}

@media only screen and (min-width: 980px) {
    .site-navigation-wrapper:before {
        content: '';
        width: 100%;
        height: 30px;
        position: relative;
        background: url(https://www.tumbletots.com/wp-content/uploads/2018/08/Multicolour-bar.jpg) no-repeat;
        display: block;
        background-size: 100% 100%;
    }

    #wp-custom-header.wp-custom-header {
        display: none !important;
    }
}

body.page-id-19 div#masthead-sticky-wrapper {
    height: 210px !important;
}

/* Main menu look end */

/* Video on homepage to have text on it and the find postcode section */
.titleOverlayVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    color: white;
    font-size: 3vw;
    width: 100%;
}

/* Video on homepage to have text on it and the find postcode section end */

/* CSS to make social icons show in header*/
.social-menu li a[href*='youtube.com']:before {
    content: '\f167';
}

.social-menu li a[href*='mailto:']:before {
    content: '\f0e0';
}

.social-menu li a[href*='tel:']:before {
    content: '\f095';
}

li#menu-item-143 a:before {
    content: '\f167';
}

li#menu-item-2016 a:before {
    content: '\f0e0';
}

li#menu-item-2017 a:before {
    content: '\f095';
}


/* CSS to make social icons show in header end*/

/* About section on homepage to scroll under menu*/
#panel-5-4-0-0 > .panel-widget-style {
    transform: none !important;
}

/* About section on homepage to scroll under menu end*/

/* Bottom floating bar not to show on desktop/tablet*/
@media only screen and (min-width: 1025px) {
    .advanced_floating_content {
        display: none;
    }

}

/* Bottom floating bar not to show on desktop/tablet end*/



/* Membership page - membership table to show image on mobile and text version on desktop end*/

/* News Page - tabs design*/
.tab-list ul li {
    padding: 14px 0px;
}

.tab-list ul li.ui-tabs-active.ui-state-active a {
    background-color: #d4d4d447;
}

.tab-list ul li.ui-tabs-active.ui-state-active {
    border-radius: 10px 10px 0 0;
}


/* News Page - tabs design end */


/* CSS to stop things going over header on scroll */
body #wp-custom-header {
    z-index: 9999 !important;
}

/* CSS to stop things going over header on scroll end */

/* Add close speech marks on testimonials page */
h3.testimonial-heading:after {
    content: url(https://www.tumbletots.com/wp-content/plugins/strong-testimonials/templates/default/img/quotes.png);
    margin-left: 10px;
    transform-box: border-box;
    transform: rotateZ(180deg);
    display: inline-block;
    position: relative;
    top: -5px;
}

/* Add close speech marks on testimonials page end */

/* Membership table design for desktop */
.tablepress td {
    text-align: center;
}

.tablepress td img {
    margin: 0 auto;
}

.tablepress th {
    text-align: center;
}

/* To make headings background orange.*/
.tablepress th {
    text-align: center !important;
    background: #FFA500 !important;
}

/* Membership table design for desktop end */

/* Button position and design on homepage video */
.tg-btn__container--btn-center {
    margin-top: 100px;
}

.tg-button {
    color: #fff;
    font-size: 24px;
    background: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 20px;
}

.tg-button:hover {
    color: #fff;
    font-size: 24px;
    background: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 20px;
}

a.tg-button.tg-button--round.tg-button--large {
    color: #fff !important;
}

/* Button position and design on homepage video end */

/* News page - css Making heading stay in middle */
body.page-id-11 #pg-11-0 .panel-row-style-for-11-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* News page - css Making heading stay in middle end */

/* Buton text white on about page */
div#pg-17-1 .siteorigin-panels-stretch.panel-row-style,
div#pg-17-6 .siteorigin-panels-stretch.panel-row-style {
    margin-top: 0;
}

#panel-17-4-1-2 a.tg-button.tg-button--round.tg-button--small {
    color: #FFF;
}

#panel-17-2-0-1 a.tg-button.tg-button--round.tg-button--small {
    color: #FFF;
}

#panel-17-3-0-2 a.tg-button.tg-button--round.tg-button--small {
    color: #FFF;
}

/* Buton text white on about page end */

/* home find your local centre to hover on video */
.home #sl_find_a_store {
    margin-top: -270px;
    position: absolute;
    margin-left: calc(50% - 150px);
    z-index: 98;
    border-radius: 20px;
}

/* home find your local centre to hover on video end */

/* News page - blogs to have line seperator underneath */
.lcp_catlist li {
    border-bottom: 1px solid #e1e2e1;
}

/* News page - blogs to have line seperator underneath end */

/* Menu, book page and our programme page changes */

body.page-id-9 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    z-index: 10 !important;
}

.page-id-9 #pg-9-1 .siteorigin-panels-stretch.panel-row-style {
    margin-top: 0px;
}

body.page-id-9 .site-navigation-wrapper {
    z-index: 999;
}

body.page-id-21 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    z-index: 10 !important;
}

/* Menu, book page and our programme page changes end*/

/* Meet the team whitespace issue */
.panel-widget-style-for-1377-1-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-2-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-3-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-4-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-5-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-6-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-7-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-8-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-9-1-0 p {
    margin-bottom: 0px !important;
}

.panel-widget-style-for-1377-10-1-0 p {
    margin-bottom: 0px !important;
}

/* Meet the team whitespace issue end */

/* H2 font size */
h2 {
    font-size: 40px;
}

/* H2 font size end */

/* CSS to move image on news page to the left */
.lcp_catlist li a,
.lcp_catlist li span {
    width: 100%;
}

.lcp_catlist li {
    list-style: none;
    margin-bottom: 15px;
}

.lcp_catlist li a.lcp_news_title {
    font-size: 22px;
    padding: 15px 0;
}

/* CSS to move image on news page to the left end */

/* Align the member benefits circles in the middle */
.hover-cols {
    margin-left: 0 !important;
}

.hover-cols .hover_effects_li {
    float: none;
    display: inline-block;
}

/* Align the member benefits circles in the middle end */

/* !!!!!!!!!!! CSS with no title from plugin so need to work out what this is for !!!!!!!!!!!! */
.right-content {
    z-index: 9999;
}

.tg-btn__container--btn-center {
    margin-top: 0 !important;
}

body.page-id-21 #panel-21-10-0-1 .tg-btn__container--btn-center a {
    color: #FFF;
}

.thumb {
    float: left;
}

.lcp_catlist li {
    clear: left;
}

.page-id-9 #content .tg-container {
    width: 100% !important;
}

.page-id-9 .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-9-0 {
    padding: 0 !important;
}

.page-id-39 .testimonial-inner {
    background-color: #f4f4f4
}

.page-id-19 .wpcf7-textarea {
    height: 120px;
}

/* !!!!!!!!!!! CSS with no title from plugin so need to work out what this is for !!!!!!!!!!!! END*/

/* Css to move things down - testimonials */
.entry-content,
.entry-summary {
    margin-top: 55px;
}

/* Css to move things down - testimonials END */

/* move things up */

#TTTitle {
    margin-top: 10px !important;
}

/* move things up */

/* CSS to make sure when a new button is added the font is white */
a.tg-button {
    color: #FFF !important;
}

/* CSS to make sure when a new button is added the font is white end*/

/* Membership page css to remove the space between yellow and orange section*/
#pg-37-7 .siteorigin-panels-stretch.panel-row-style {
    margin-top: 0;
}

/* Membership page css to remove the space between yellow and orange section End*/


/* Css to remove the gap below menu above the page titles on most pages */
article.page.type-page .entry-content {
    margin-top: 0px;
}

/* Css to remove the gap below menu above the page titles on most pages end */

/* meet the team page - when sections have white background the padding at the bottom is too much */

#pg-1377-0 .siteorigin-panels-stretch.panel-row-style {
    margin-top: 55px !important;
}

/* meet the team page - when sections have white background the padding at the bottom is too much end */

/* CSS to make the accordion on FaQs page to have rounded corners and padding and different colours*/
.tg-accordion .ui-accordion-header {
    border-radius: 15px;
    margin: 15px 0px;
}

.accordion-content {
    border-radius: 15px;
}

h3#accordion-0 {
    background: #3ebeef;
}

h3#accordion-1 {
    background: #96c93d;
}

h3#accordion-2 {
    background: #fcea23;
}

h3#accordion-3 {
    background: #e2231a;
}

h3#accordion-4 {
    background: #3ebeef;
}

h3#accordion-5 {
    background: #96c93d;
}

h3#accordion-6 {
    background: #fcea23;
}

h3#accordion-7 {
    background: #e2231a;
}

h3#accordion-8 {
    background: #3ebeef;
}

h3#accordion-9 {
    background: #96c93d;
}

h3#accordion-10 {
    background: #fcea23;
}

h3#accordion-11 {
    background: #e2231a;
}

h3#accordion-12 {
    background: #3ebeef;
}

h3#accordion-13 {
    background: #96c93d;
}

h3#accordion-14 {
    background: #fcea23;
}

h3#accordion-15 {
    background: #e2231a;
}

h3#accordion-16 {
    background: #3ebeef;
}

h3#accordion-17 {
    background: #96c93d;
}

/* CSS to make the accordion on FaQs page to have rounded corners and padding and different colours end*/

/* CSS to make menu go on top of sliding testimonial*/
.testimonial.t-slide {
    position: unset !important;
}

/* CSS to make menu go on top of sliding testimonial end*/
/* Menu on hover to be black*/
#site-navigation ul li:hover > a,
body.transparent.header-sticky #masthead-sticky-wrapper #masthead .header-bottom #site-navigation ul li:hover > a {
    color: #000 !important;
}

.ubermenu .ubermenu-submenu .ubermenu-target {
    padding: 0 !important;
}

.ubermenu-submenu span.ubermenu-target-title.ubermenu-target-text {
    display: block !important;
    padding: 15px 20px 20px 20px;
}

/* Menu on hover to be black end*/

.footermargin {
    margin-top: 0px !important;
}

/* CSS to make the arrows on sliding testimonial show*/
.strong-view.controls-style-buttons .wpmslider-prev:before,
.strong-view.controls-style-buttons .wpmslider-next:before {
    font-family: fontawesome;
}

/* CSS to make the arrows on sliding testimonial show end */


/* CSS from appearance bit on man site */
#wp-custom-header.wp-custom-header {
    top: 0px !important;
}

.site-navigation-wrapper {
    position: absolute;
    top: 220px;
}

#site-navigation ul li {
    padding-top: 1px;
    padding-bottom: 1px;
}

#sl_find_a_store > span {
    font-size: 2.0rem !important;
    font-family: 'VAG Rounded Family L' !important;
}

#site-navigation > .menu-toggle {
    display: none !important
}

/* MOBILE CSS*/
/*The coloured squares to be 2 a breast on mobile and tablet*/
@media only screen and (max-width: 1099px) {
    .custom-img-anim.panel-row-style.panel-row-style-for-5-1 {
        width: 100%;
        display: block;
    }

    #pgc-5-1-0,
    #pgc-5-1-1,
    #pgc-5-1-2,
    #pgc-5-1-3,
    #pgc-5-2-0,
    #pgc-5-2-1,
    #pgc-5-2-2,
    #pgc-5-2-3 {
        width: 50% !important;
        display: table-cell;
        float: left;
    }
}

@media only screen and (max-width: 1200px) {
    .custom-img-anim.panel-row-style.panel-row-style-for-5-2 {
        width: 100%;
        display: block;
    }

    #pgc-5-1-0,
    #pgc-5-1-1,
    #pgc-5-1-2,
    #pgc-5-1-3,
    #pgc-5-2-0,
    #pgc-5-2-1,
    #pgc-5-2-2,
    #pgc-5-2-3 {
        width: 50% !important;
        display: table-cell;
        float: left;
    }
}

/*text on video on mobile*/
@media only screen and (max-width: 1099px) {

    div#panel-5-0-0-1 {
        margin-top: 149px;
    }

    .tg-btn__container--btn-center {
        margin-top: 191px;
    }

    #textundervideo {
        position: relative;
        margin-top: -390px !important;
        padding-bottom: 192px !important;
    }
}

@media only screen and (max-width: 1099px) {
    h1 {
        font-size: 18px;
    }

    .tg-button {
        font-size: 20px;
        background: #e2231a;
        padding: 0px 22px;
        text-decoration: none;
        border-radius: 12px;
        height: 40px;
        line-height: 44px;
    }
}

@media only screen and (max-width: 1099px) {

    .tg-btn__container--btn-center {
        margin-top: 130px;
    }
}

#site-navigation .menu-toggle {
    display: none !important;
}

/* MOBILE CSS END*/
.news_tabs {
}

.tab-list ul li[aria-controls="tab-0"] a {
    background-color: #e2231a !important;
    color: white !important
}

.tab-list ul li[aria-controls="tab-1"] a {
    background-color: #FFA500 !important;
    color: white !important
}

.tab-list ul li[aria-controls="tab-2"] a {
    background-color: #fcea23 !important;
    color: white !important
}

.tab-list ul li[aria-controls="tab-3"] a {
    background-color: #96c93d !important;
    color: white !important
}

.tab-list ul li[aria-controls="tab-4"] a {
    background-color: #3ebeef !important;
    color: white !important
}

.tab-list ul li[aria-controls="tab-5"] a {
    background-color: #8e2be8 !important;
    color: white !important
}


div.textwidget div.n2-ss-margin {
    margin: 0 !important;
}

@media only screen and (min-width: 900px) {
    section#themegrill_flash_image-2 {
        width: 300px !important;
        position: relative;
        top: 30px;
    }
}

@media only screen and (min-width: 900px) {
    .tg-column-wrapper .tg-column-3 {
        width: 20%;
    }

    .tg-column-wrapper .tg-column-3:nth-child(2) {
        width: 40%;
    }
}

@media only screen and (min-width: 900px) {

    #themegrill_flash_image-3 {
        position: relative;
        top: 40px;
    }
}

/* Make the show/hide sections a button
.textwidget #post100-link-13 a {
    color: #FFF !important;
    background-color: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 45px;
    padding: 8px;
    font-size: 22px;
}*/


.ubermenu-submenu span.ubermenu-target-title.ubermenu-target-text {
    padding: 5px 20px 5px 20px !important;
}

div.textwidget div.n2-ss-margin {
    margin: 0 !important;
}

@media only screen and (min-width: 900px) {
    section#themegrill_flash_image-2 {
        width: 300px !important;
        position: relative;
        top: 90px;
    }
}

input.sl_postcodeSearchInput {
    display: inline-block;
    width: 220px;
    border-radius: 10px;
}

section#themegrill_flash_image-2 .tg-image-block a {
    display: inline-block;
    margin-top: -50px;
    position: relative;
    top: -25px;
}

#themegrill_flash_image-2 .tg-image-block a img,
#themegrill_flash_image-3 .tg-image-block a img {
    width: 80%;
    margin: 0 auto;
}

#themegrill_flash_image-2 .tg-image-block a img {
    width: 70%;
    padding-top: 10px;
}


@media only screen and (max-width: 980px) {
    #wp-custom-header.wp-custom-header {
    }
}

@media only screen and (max-width: 725px) {
    #masthead > div.header-bottom > div > div.logo-header-components-wrapper {
        width: 100%;
    }

    .logo-image {
        height: 85px
    }

    .menu-social-menu-container {
        width: 100% !important
    }

    #site-navigation {
        padding: 0;
    }

    #masthead .header-bottom {
        margin-top: -0px;
    }
}

/* Required field text to be red on contact forms*/
span.wpcf7-not-valid-tip {
    color: #FF0000 !important;
}

/* Required field text to be red end*/

/* Arrows on number field on contact forms to not display*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* Arrows on number field on contact forms to not display end*/

@media only screen and (max-width: 1100px) {
    .siteorigin-panels-stretch.panel-row-style {
        margin-left: -10px !important;
        margin-right: 10px !important;
        /*        padding-left: 233.16px !important;*/
    }
}

@media only screen and (max-width: 780px) {
    .siteorigin-panels-stretch.panel-row-style {
        margin-left: -10px !important;
        margin-right: 10px !important;
        padding-left: 0.16px !important;
    }
}

/* Booking page Map location styling*/
.sl_name {
    margin: 0;
    font-weight: bold !important;
    color: #e2231a;
    font-family: 'VAG Rounded Family L' !important;
    font-size: 1.5em;
}

.sl_distance span {
    color: #3ebeef !important;
}

.sl_tel,
.sl_email {
    color: black;
}

.sl_find_out_more a {
    background: #e2231a;
    color: #fff !important;
    padding: 0.3em 0.5em;
    border-radius: 10px;
    font-size: 15px;
}

.sl_find_out_more {
    text-align: center;
}

.sl_find_a_store,
.sl_postcodeSearchInput {
    font-family: 'VAG Rounded Family L' !important;
}

/* Booking page Map location styling end */

.wpmtp-column {
    min-width: 100px;
}

/* CF7 Font Colour and size and font */
.wpcf7-form input[type="submit"] {
    font-family: 'VAG Rounded Family L' !important;
    font-size: 20px !important;
    color: #fff !important;
    height: 34px;
    line-height: 37px;
    padding: 0;
    width: 110px;
    background-color: #30AFB8;
    border-radius: 50px !important;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
input.wpcf7-form-control.wpcf7-submit {
    font-family: 'VAG Rounded Family L' !important;
    font-size: 18px !important;
    color: black;
}

/* CF7 Font Colour and size and font end */

.tg-column-wrapper .tg-column-3.footer-block {
    width: 30.33%;
}

section#themegrill_flash_image-2 .tg-image-block a {
    text-align: right;
}

.tg-column-wrapper .tg-column-3.footer-block:nth-child(1),
.tg-column-wrapper .tg-column-3.footer-block:nth-child(3) {
    width: 25%;
}

/* Leaflet Map searcher Font Colour and size and font */
.sl_postcode_go_button {
    font-family: 'VAG Rounded Family L' !important;
    font-size: 18px !important
}

.sl_postcodeSearchInput-detached {
    font-family: 'VAG Rounded Family L' !important;
    font-size: 16px !important;
    color: black;
}

/* Leaflet Map searcher Font Colour and size and font end */


.header-sticky .is-sticky .header-bottom {
    box-shadow: none !important;
}

@media only screen and (max-width: 640px) {
    div#content {
        overflow: hidden;
    }

    div#content .tg-container {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#content .tg-container .siteorigin-panels-stretch {
        margin-right: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}


.physoccog.siteorigin-panels-stretch #pgc-5-5-0,
.physoccog.siteorigin-panels-stretch #pgc-5-5-1,
.physoccog.siteorigin-panels-stretch #pgc-5-5-2 {
    width: 30%;
    margin: 0 1.5%;
    float: left !important;
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    div#content {
        overflow: hidden;
    }

    div#content .tg-container {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#content .tg-container .siteorigin-panels-stretch {
        margin-right: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1024px) {

    #panel-5-3-1-0 > .panel-widget-style,
    #panel-5-4-0-0 > .panel-widget-style {
        padding: 0 15px !important;
    }

   
}

@media only screen and (max-width: 959px) {
    .logo-header-components-wrapper {
        width: 50% !important;
        float: left !important;
        height: 90px;
    }
}

@media screen and (max-width: 959px) {

    .ubermenu-responsive-toggle,
    .ubermenu-sticky-toggle-wrapper {
        display: block;
        font-size: 18px;
        color: black;
    }
}

/* Leaflet Map Font size and colours */
.sl_result_days {
    color: #3ebeef;
    font-size: 15px;
}

.sl_result_addr {
    font-size: 15px;
}

.sl_tel {
    font-size: 15px;
}

.sl_email {
    font-size: 15px;
}

.sl_find_out_more {
    float: left;
}

.leaflet-popup-content-wrapper {
    padding-bottom: 28px;
}

.sl_result_addr a {
    color: #e2231a !important;
}

/* Leaflet Map Font size and colours end */


@media only screen and (max-width: 900px) {

    section#themegrill_flash_image-2 .tg-image-block a {
        text-align: center;
    }
}

page-id-21 .sticky-wrapper.is-sticky ~ div#content {
    padding-top: 157px;
}


@media only screen and (max-width: 960px) {
    .ubermenu .ubermenu-item .ubermenu-submenu-drop {
        position: relative !important;
    }
}


@media only screen and (max-width: 960px) {
    /*body.page.siteorigin-panels div#masthead-sticky-wrapper {*/
    /*height: auto !important;*/
    /*}*/
    div#wp-custom-header img {
        display: block;
    }

    .tg-container {
        top: 0;
    }

    .center-content h5 {
        display: none;
    }

    #site-navigation > .ubermenu-responsive-toggle {
        float: right;
    }

}

@media only screen and (max-width: 960px) {


    #post-5 .custom-img-anim.panel-cell-style.panel-cell-style-for-5-2-2 div#panel-5-2-2-0 {
        margin-top: 52px;
    }

    #post-5 .custom-img-anim.panel-cell-style.panel-cell-style-for-5-2-3 div#panel-5-2-3-0 {
        margin-top: 52px;
    }
}

@media only screen and (max-width: 768px) {
    header#masthead {
        position: fixed;
        top: 0;
        z-index: 99999;
    }

  /*  body {
        padding-top: 115px;
    } */
}

/* Meet the team make square image round */
.meetteamimage img {
    border-radius: 200%;
}

/* Find out more button when search make in box */
div#sl_postcode_lookup_results li {
    padding-bottom: 40px !important;
}

/* Footer space underneath */
div#top-footer {
    padding-top: 0 !important;
}

div#top-footer {
    padding-bottom: 7px;
}

#floatingbox2 {
    display: none;
}

/* Submit Testimonial button to be same as rest of site */
.wpmtst-submit input {
    color: #FFF !important;
    background-color: #e2231a;
    padding: 10px 20px 7px 20px;
    border-radius: 20px;
}

.page-id-17 .textwidget h1 {
    margin-top: 10px;
}

.page-id-21 .textwidget h1 {
    margin-top: 10px;
}

@media only screen and (max-width: 900px) {

    /*news section*/
    #panel-5-2-2-0 {
        position: relative;
        bottom: 195px;
    }

    /*Get in Touch section */
    #panel-5-2-3-0 {
        position: relative;
        bottom: 195px;
    }

    /*#panel-5-2-1-0 {
        position: relative;
        top: 180px;
    }*/

    /*FAQ*/
    /*#panel-5-2-0-0 {
        position: relative;
        top: 180px;
    }*/

    .panel-grid-cell {
        margin-top: 10px;
    }
}

div#post90-link-19 {
    position: relative;
    /* z-index: 99999999999 !important;*/
}

/*Footer*/
#post90-toggle-2821 {
    font-size: 22px;
    background: #e2231a;
    padding: 7px 38px !important;
    text-decoration: none;
    border-radius: 20px;
}

#text-8 {
    position: relative;
    bottom: 50px;
}

.tg-column-3 .footer-block {
    height: 250px;
}


#colophon {
    height: 250px;
}

#top-footer .textwidget {
    text-align: center !important;
    margin-top: 20px !important;
    font-size: 14px;
}

#top-footer #text-8 {
    margin-top: 70px !important;
}

#top-footer #text-8 {
    bottom: 70px !important;
}

/*Testimonials H3 Color */
.testimonial-heading {
    color: black;
}

h3 {
    color: black !important;
}

/* member offers table font */
#tablepress-4_wrapper {
    font-family: VAG Rounded Family;
}

h2 {
    color: black;
}

#wpcf7-f3576-p2821-o1 form p:nth-child(11) {
    clear: both;
}

/* CSS to make the dropdown menu full width all time when scroll towards the book item */

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    width: 210px !important;
}

/* css to make all form fields the same even the testimonial ones */
#wpmtst-form .form-field.field-email {
    width: 48%;
    margin-right: 4%;
    float: left;
}

#wpmtst-form .form-field.field-company_name {
    width: 48%;
    float: left;
}

#wpmtst-form .form-field.field-what_rating_would_you_give_us_ {
    clear: both;
}

#wpmtst-form input[type="text"],
#wpmtst-form input[type="email"] {
    padding: 15px 0 15px 15px;
    height: auto;
    color: black;
}

#wpmtst-form input[type="text"],
#wpmtst-form input[type="email"],
#wpmtst-form textarea {
    border-radius: 8px;
    font-family: 'VAG Rounded Family L' !important;
    font-size: 18px !important;
    color: black;
}

input#wpmtst_submit_testimonial {
    font-family: 'VAG Rounded Family L' !important;
    font-size: 18px !important;
    color: black;
}

/* Custom post type page title css - events, vacancy */
#cf_job_title {
    font-size: 18px;
}

#cf_area {
    font-size: 18px;
}

#cf_hours {
    font-size: 18px;
}

#cf_duration {
    font-size: 18px;
}

#cf_details {
    font-size: 18px;
}

#cf_term {
    font-size: 18px;
}

#cf_dates_from {
    font-size: 18px;
}

#cf_dates_to {
    font-size: 18px;
}

/* Franchisee Site book now button on video on homepage */
.video-button span.fa.fa-angle-double-right {
    margin-left: 8px;
}

a.video-button {
    font-size: 24px;
    background: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    border-radius: 20px;
    color: #FFF !important;
    display: inline-block;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

/* Postcode search design on homepage and error page */

.sl_postcodeLookup-detached {
    width: fit-content;
    position: relative;
    margin: auto;
}

#sl_postcodeLookup .sl_postcodeSearchInput-detached {
    display: inline-block;
    width: 220px;
    border-radius: 10px;
}

#sl_postcodeLookup .sl_postcodeSearchInput-detached {
    display: inline-block;
    width: 220px;
    border-radius: 10px;
}

/* About page scroll went sticky */
body {
    overflow-y: hidden;
}


.lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev {
    left: -8%;
    padding-top: 20px;
}

.lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
    right: -8%;
    padding-top: 20px;
}

/* Footer */
@media only screen and (min-width: 900px) {
    #themegrill_flash_image-5 {
        position: relative;
        top: 40px;
    }
}

section#themegrill_flash_image-5 .tg-image-block img {
    width: 60%;
}

#top-footer #text-10 .n2-ss-margin + br {
    display: none;
}

.blog-1 #top-footer #text-10 {
    margin-top: -7px;
}

#top-footer .tg-column-3.footer-block {
    margin-top: 0 !important;
}

@media only screen and (min-width: 900px) {
    section#themegrill_flash_image-6 {
        width: 300px !important;
        position: relative;
        top: 60px;
    }
}

section#themegrill_flash_image-6 .tg-image-block a {
    margin-top: 0px !important;
    text-align: right;
    display: inline-block;
    position: relative;
}

#themegrill_flash_image-6 .tg-image-block a img {
    padding-top: 10px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    top: -25px;
    text-align: right;
}

@media only screen and (min-width: 900px) {
    section#themegrill_flash_image-6 {
        top: 105px;
        right: 7px;
    }

    section#themegrill_flash_image-6 .tg-image-block a {
        display: block;
    }

    #themegrill_flash_image-6 .tg-image-block a img {
        width: 64%;
    }
}

@media only screen and (min-width: 900px) {
    section#themegrill_flash_image-6 {
        top: 80px;
    }

    section#themegrill_flash_image-2 {
        top: 35px !important;
    }
}

/* Footer end */
/* dropdown menu noes behind map*/
#post-9 #pl-9 #pg-9-1 .siteorigin-panels-stretch.panel-row-style {
    margin-top: 0;
}

header#masthead .header-bottom .site-navigation-wrapper {
    z-index: 3000;
}

/* dropdown menu noes behind map end*/
/* awards and partners mobile arrows */
@media only screen and (max-width: 768px) {


    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        right: -15%;
    }

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev {
        left: -15%;
    }
}

@media only screen and (max-width: 768px) {

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev,
    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        top: 0;
    }
}

/* awards and partners mobile arrows end */


@media only screen and (max-width: 900px) {

    #post-5 #panel-5-2-0-0,
    #post-5 #panel-5-2-1-0,
    #post-5 #panel-5-2-2-0,
    #post-5 #panel-5-2-3-0 {
        position: static;
        margin-top: 0 !important;
    }
}


/* physical,social,cog circle image text on mobile to be 3 in a row*/
@media only screen and (max-width: 1024px) {
    .physoccog.siteorigin-panels-stretch h1 {
        font-size: 18px !important;
    }

    .physoccog.siteorigin-panels-stretch img {
        width: 120px;
    }
}

/* Blog date colour*/
.lcp_catlist li {
    color: #3ebeef;
    font-size: 16px;
}

.lcp_catlist li .lcp_excerpt {
    color: #222;
    font-size: 14px;
}

/* Contact form text colour, border click and green box after submited*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: black;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    outline: none;
    box-shadow: 0 0 0 2px color(var(--field-focus-color) a(.5));
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    outline: none;
    box-shadow: 0 0 0 2px color(var(--field-focus-color) a(.5));
}

input.wpcf7-form-control.wpcf7-number {
    outline: none;
    box-shadow: 0 0 0 2px color(var(--field-focus-color) a(.5));
}

div.wpcf7-mail-sent-ok {
    border: none;
}

*:focus {
    outline: none;
}

/* Contact form text colour, border click and green box after submited*/

/* Get directions to be a button on map */
.sl_result_addr a {
    background: #e2231a;
    color: #fff !important;
    padding: 0.3em 0.5em;
    border-radius: 10px;
}

/* Get directions to be a button on map end */

/* Display no featured image on any posts */
.events .entry-thumbnail, .post .entry-thumbnail, .singleposttemplate_desc .entry-thumbnail {
    display: none;
}


body.franchise-site .entry-thumbnail{
    display: block!important;
}

body.franchise-site.full-width-archive  #secondary{
    display: none;

}

/* Display no featured image on any posts end */

/* Flow text on news pages. */
#singleposttemplate .singleposttemplate_desc .entry-content-block {
    overflow: initial;
}
    
#singleposttemplate .singleposttemplate_desc {
    float: none;
    width: auto;
}
/* End flow. */

/* Moving image next to text in custom fields Event */
#my_custom_box {
    display: block;
    overflow: hidden;
    position: relative;
}

#my_custom_box #feautre_img {
    position: absolute;
    left: 300px;
    top: 60px;
    width: 400px;
}

#my_custom_box #feautre_img img {
    width: 400px;

}

/* Moving image next to text in custom fields end */

/* making map pop up centre of logo */
.leaflet-popup {
    opacity: 1;
    bottom: -2px !important;
    left: -175px !important;
}

/* making map pop up centre of logo end */

/* Putting find out more and get directions on same line on map pop up */
.sl_result_addr {
    float: right;
}

/* Putting find out more and get directions on same line on map pop up end */

/* Make address bold on map pop up */
p.sl_result_addr {
    font-weight: bold !important;
}

/* Make address bold on map pop up end */

/* Moving image next to text in custom fields vacancy */
#vacancy_box {
    display: block;
    overflow: hidden;
    position: relative;
}

#vacancy_box #feautre_img {
    position: absolute;
    left: 300px;
    top: 90px;
    width: 400px;
}

#vacancy_box #feautre_img img {
    width: 500px;

}

/* Moving image next to text in custom fields end */

.post-navigation {
    margin-top: 70px;
}


.sl_postcodeSearchInput-detached {
    width: 78% !important;
    border-radius: 7px !important;
}

#secondary .widget-title {
    font-size: 19px !important;
}

.upw-posts article {
    padding-bottom: 0px !important;
}

.upw-posts .entry-title a {
    font-size: 16px !important;
}

.upw-posts .entry-meta {
    color: #3ebeef !important;
    font-size: 14px !important;
}

/* Divider between post content and right sidebar  */
.right-sidebar aside#secondary {
    padding-left: 2em;
    margin: 80px auto 50px;
}

/* Mobile - video remove space above and below and footer spacing  */

@media (max-width: 776px) and (min-width: 320px) {
    #primary {
        position: relative;
        top: 0px;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    body#homepageid {
        padding-top: 0;
    }

    #masthead-sticky-wrapper {
        height: 10px !important;
    }
}

@media all and (min-width: 320px) and (max-width: 480px) {
    #primary {
        position: relative;
        top: -160px;
    }

    #masthead-sticky-wrapper {
        height: 10px !important;
    }
}

@media all and (min-width: 320px) and (max-width: 600px) {
    #colophon {
        height: 150px;
    }

    section#themegrill_flash_image-5 .tg-image-block img {
        width: 40% !important;
    }

    #themegrill_flash_image-6 .tg-image-block a img {
        width: 90% !important;
    }

    #top-footer #text-10 {
       /* margin-top: -9em !important;*/
        margin-bottom: 0em !important;
    }

    #colophon p {
        font-size: 0.8em !important;
        line-height: 1.5;
    }

    div#panel-5-0-0-1 {
        display: none !important;
    }
}


@media all and (min-width: 320px) and (max-width: 600px) {
    section#themegrill_flash_image-5 .tg-image-block img {
        width: 40% !important;
    }

    #themegrill_flash_image-6 .tg-image-block a img {
        width: 90% !important;
    }

    #top-footer #text-10 {
       /* margin-top: -9em !important;*/
        margin-bottom: 0em !important;
    }

    #colophon p {
        font-size: 0.6em !important;
        line-height: 1.5;
    }

    #colophon #footer-margin {
        margin-top: -20px;
    }

    div#panel-5-0-0-1 {
        display: none;
    }


    div#content.site-content {
        margin: 0 !important;
    }

    div#content .tg-container {
        margin-top: -1.39em !important;
    }

    #masthead-sticky-wrapper {
        height: 0px !important;
    }

    #primary {
        top: 0 !important;
    }

    #pg-17-2 > .panel-row-style,
    #pg-17-4 > .panel-row-style {
        margin-top: -2.2em;
    }

    section#themegrill_flash_image-5 .tg-image-block img {
        display: none;
    }

    #themegrill_flash_image-6 {
        display: none;
    }
}

/* Mobile - video remove space above end */

/* Blog - next and previous arrows */
.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #e2231a;
    font-size: 16px;
    line-height: 17px;
    border-radius: 10px;
}

/* Blog - next and previous arrows end */


/* css to remove gap above slider on about page end */

/* Social menu size - to make bigger */
.social-menu li a {
    font-size: 18px;
    font-family: fontawesome;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    height: 36px;
    width: 36px;
    color: #FFF;
    display: block;
}

/* Social menu size - to make bigger end */

/* Sliders being smaller on mobile on homepage */
@media all and (min-width: 320px) and (max-width: 640px) {
    #homepageid .n2-ss-slider-2.n2-ow {
        width: 86% !important;
        overflow: hiddden;
        margin: 0 auto !important;
        left: -2%;
    }
}

/* Sliders being smaller on mobile on homepage end*/

/* Button border radius on mobile */
@media all and (min-width: 320px) and (max-width: 640px) {
    .tg-button {
        background-color: #e2231a;
        border-radius: 50px;
    }
}

/* Button border radius on mobile end */


/* Map css changes - change font size of search and font colour of pop up */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    color: #000 !important;
}

input#sl_postcodeSearchInput {
    display: inline-block;
    width: 70%;
    border-radius: 10px;
    font-family: 'VAG Rounded Family L' !important;
    font-size: 16px;
}

/* Map css changes - change font size of search and font colour of pop up end */

/* css to make our programme squares two abreast on mobile */
@media only screen and (max-width: 959px) {
    .panel-grid.panel-has-style .show-on-desktop {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .panel-grid.panel-has-style .show-on-mobile {
        display: none;
    }
}

/* css to make our programme squares two abreast on mobile end*/

.my-news-banner {
    background-color: #96c93d;
    padding: 20px 0px 20px 0px;
    width: 100%;
    margin-top: 40px;
}

.my-news-banner h1 {
    color: #fff;
    text-align: center;
}

/* Sliders being smaller on mobile on about page */
@media all and (min-width: 320px) and (max-width: 640px) {
    .n2-ss-slider-2.n2-ow {
        width: 100% !important;
        overflow: hiddden;
        margin: 0 auto !important;
    }
}

/* Sliders being smaller on mobile on about page end*/


/*#wpcf7-f1127-p19-o1 {
float: left;
width: 17px;
}*/

/* menu dropping down and covering page title on iphone 5 and below */
@media all and (min-width:320px) and (max-width: 335px) {
    .ubermenu-responsive-toggle {
        margin-top: -0px !important;
    }
}

 Menu dropping down and covering page title on iphone 5 and below end */

/* news page tab contebackground colours */
#tab-0.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
    margin-left: 0px !important;
}

#tab-1.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-2.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-3.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-4.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

#tab-5.tab-content {
    background-color: #d4d4d447;
    margin-top: -30px;
}

.tab-list {
    border-bottom: #d4d4d447;
}

.tab-list ul li.ui-tabs-active.ui-state-active a {
    color: #000000 !important;
    background-color: #d4d4d447 !important;
}

/* news page tab background colours end*/


/* News Page - tabs design*/
#flash-tabs .tab-list ul.nav-tab li a {
    padding: 15px;
    border-radius: 10px;
}

/* News Page - tabs design end */

/* Menu on mobile scrolling */
@media all and (max-width: 980px) {

    nav#ubermenu-main-2-primary-2.ubermenu-in-transition,
    .ubermenu-responsive-default.ubermenu-responsive {
        width: 100%;
        overflow-y: scroll !important;
    }
}

/* Menu on mobile scrolling */

/* Yes/No boxes being on same line and message box being shorter in height on all contact forms
span.wpcf7-form-control-wrap.checkbox-472 {
height: 21px;
width: 218px;
display: inline-block;
margin-top: 0px;
padding-top: 3px;
vertical-align: bottom;
}
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
float: left;
display: block;
}
.wpcf7-form-control-wrap input[type="checkbox"] {
float: left;
width: 25px;
}
span.wpcf7-list-item-label {
margin-top: -4px;
float: left;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
max-height: 100px;
margin-bottom: 10px;
}
#wpmtst-form input[type="text"], #wpmtst-form input[type="email"], #wpmtst-form textarea {
max-height: 100px;
}
Yes/No boxes being on same line and message box being shorter in height on all contact forms end */
/* font size on the custom post types */
.offers #page .entry-content p {
    font-size: 18px;
}

.events #page .entry-content p {
    font-size: 18px;
}

.news #page .entry-content p {
    font-size: 18px;
}

.vacancies #page .entry-content p {
    font-size: 18px;
}

/* font size on the custom post types  end*/

/* news green title banner on custom post types to be full width */
.my-news-banner {
    padding: 0px 0px 55px 0px;
    margin-top: 38px;
}

.my-news-banner > h1 {
    position: absolute;
    width: 100%;
    height: 63px;
    left: 0;
    background: #96c93d;
    margin: 5px 0;
}

/* news green title banner on custom post types to be full width end */

/* Adding in new youtube logo on main site and /gloucester site */
#menu-social-menu #menu-item-2813 a:before {
    content: none;
}

#menu-social-menu #menu-item-2813 a {
    background-image: url(https://www.tumbletots.com/wp-content/uploads/2018/08/Youtube.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

#menu-social-menu #menu-item-3191 a:before {
    content: none;
}

#menu-social-menu #menu-item-3191 a {
    background-image: url(https://www.tumbletots.com/wp-content/uploads/2018/08/Youtube.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Adding in new youtube logo on main site and /gloucester site end */

/* background colour on the right sidebar */
.right-sidebar aside#secondary {
    background: #80808014 !important;
}

/* background colour on the right sidebar end */

/* breadcrumb on custom post type css */
#custom_bcn_display span {
    background: #3EBEEF !important;
    color: #fff !important;
    padding: 5px;
    font-size: 16px;
    font-weight: normal !important;
}

/* breadcrumb on custom post type css end */

/* News page tabs to be grey on active so no border colour or space  */
.nav-tab .ui-tabs-active.ui-state-active {
    border: none !important;
}

.nav-tab .ui-tabs-active.ui-state-active a {
    border: none !important;
    -webkit-border-radius: 15px 15px 0 0 !important;
    -moz-border-radius: 15px 15px 0 0 !important;
    border-radius: 15px 15px 0 0 !important;
    height: 55px;
}

/* News page tabs to be grey on active so no border colour or space end */


/* Microsoft edge scrolling bar */
@-ms-viewport {
    width: device-width;
}

/* Microsoft edge scrolling bar end */

/* CSS to make the meet the team page have correct padding on mobile */
@media (max-width: 780px) {
    #pl-1377 .panel-grid-cell {
        padding: 10px 20px 20px 30px;
    }
}

@media (max-width: 780px) {
    .post-1377 .panel-grid-cell:not(#pg-1377-1) p {
        padding: 10px 20px 10px 20px;
        margin: 0;
    }

    .widget_media_image img {
        position: relative;
        /*width: 55%;*/
        /*left: 20%;*/
    }
}

/* CSS to make the meet the team page have correct padding on mobile end */

/* Button text size throughout site */
.tg-button {
    font-size: 21px !important;
}

/* Button text size throughout site */

/* FAQs ask a question button spacing */
.textwidget #ask_a_question a {
    padding-left: 45px !important;
    padding-right: 45px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* FAQs ask a question button spacing end */

/* Custom post type cutting off letters on left */
#my_custom_box h2 {
    padding-left: 2px;
}

/* Custom post type cutting off letters on left end */

/* Footer css to show the slider on desktop and then mobile to not show the logos etc */
@media only screen and (min-width: 900px) {
    .tg-column-wrapper .tg-column-3:nth-child(2) {
        margin-top: 75px;
    }
}

.n2-ss-img-wrapper.n2-ow {
    margin-bottom: 45px;
}

.tg-column-3 .textwidget > p {
    margin-top: 20px;
}

.n2-ss-img-wrapper.n2-ow {
    margin-bottom: 29px;
    padding-top: 22px;
}

#top-footer .tg-image-block {
    margin-top: -25px;
}

#colophon {
    height: 206px;
}

@media (max-width: 600px) {
    #colophon {
        height: 200px;
    }

    #top-footer .tg-column-wrapper .footer-block {
        width: 100%;
        margin: 40px 0 20px 0;
        float: left;
    }
}

@media (max-width: 640px) and (min-width: 320px) {
    #homepageid .n2-ss-slider-2.n2-ow {
        width: 100% !important;
        margin: 0 auto !important;
        left: auto;
    }
}

/* Footer css to show the slider on desktop and then mobile to not show the logos etc end */


/* Video Sizing on mobile - homepage */
@media only screen and (max-width: 600px) {
    iframe {
        max-width: none;
        width: 100%;
        height: auto;
    }
}

/* Video Sizing on mobile - homepage end */


/* Squares on homepage on mobile
#post-5 div#pg-5-3 {
    display: none;
}

@media only screen and (max-width: 900px) {
    #post-5 div#pg-5-3 {
        display: block;
    }

    #post-5 div#pg-5-1
     {
        display: none;
    }
}

#post-5 #panel-5-3-1-0>.panel-widget-style {
    padding: 0 !important;
}

/* Squares on homepage on mobile end */

/* removing line appearing when clicked on news page */
.tab-list ul li.ui-tabs-active.ui-state-active a {
    background-color: #f3f3f3 !important;
}

div#flash-tabs .tab-content {
    background-color: #f3f3f3 !important;
}

/* removing line appearing when clicked end */

/* styling for * on testimonial form */
.strong-form .required.symbol:after {
    content: '*';
    color: #FF0000;
    font-size: 2.1em !important;
    font-weight: 400;
    margin: 0 2px !important;
    position: relative;
    top: 10px !important;
}

/* styling for * on testimonial form end */

/* styling for * on cf7 forms */
.wpcf7 span.red_required {
    color: red !important;
    font-size: 2.1em !important;
    margin: 0 2px !important;
    position: relative;
    top: 10px !important;
}

/* make * red on cf7 forms end */

/* condensing the testimonial form */
.strong-form .form-field {
    margin-bottom: 0.2em !important;
}

#wpmtst-form .form-field.field-what_rating_would_you_give_us_ {
    clear: both;
    margin-bottom: -6px !important;
    padding-top: -1px !important;
    padding-top: 10px !important;
}

#wpmtst-form .form-field.field-featured_image {
    padding-top: 10px;
    margin-bottom: 16px !important;
}

.form-field.field-featured_image + .form-field .field-wrap {
    float: left;
}

.form-field.field-new_field_2 {
    margin-top: -3px;
}

/* condensing the testimonial form */


/* star disappearing on hover on testimonial submit form */
.strong-rating input[type="radio"]:checked + label:before,
.error .strong-rating input:checked + label:before {
    color: #FFB900 !important;
}

/* star disappearing on hover on testimonial submit form end */

/* faqs accordion font size */
.tg-accordion .ui-accordion-header {
    font-size: 20px;
}

.tg-accordion .accordion-content {
    font-size: 18px;
}

/* faqs accordion font size end */

/* accordion padding on mobile  and tablet*/
@media only screen and (max-width: 1024px) {
    body.siteorigin-panels .Accordion_padding_mob {
        padding: 0 20px !important;
    }
}

/* accordion padding on mobile end */

/* space above green banner on meet team page on mobile */
@media only screen and (max-width: 600px) {
    #pg-1377-0 .siteorigin-panels-stretch.panel-row-style {
        margin-top: 25px !important;
    }
}

/* space above green banner on meet team page on mobile end */

/* font size in the menu and padding size on mobile */
@media only screen and (max-width: 600px) {
    #site-navigation ul li a {
        font-size: 14px;
        padding: 3px 0 0 10px !important;
    }
}

@media only screen and (max-width: 600px) {
    .ubermenu-submenu span.ubermenu-target-title.ubermenu-target-text {
        padding: 0 0px !important;
        font-size: 14px;
    }
}

/* font size in the menu and padding size on mobile */


/* Meet the team name and job role centre on mobile */
@media only screen and (max-width: 600px) {
    .meet_team_name {
        text-align: center;
    }
}

/* Meet the team name and job role centre on mobile end */

/* remove the required field text and reduce the gap between button and first field */
#wpmtst-form p.required-notice {
    display: none;
}

div#post10-content-39 br:first-child {
    display: none;
}

/* remove the required field text and reduce the gap between button and first field end */

/* prev and next buttons on blog */
.post-navigation .nav-next a,
.post-navigation .nav-previous a {
    font-weight: bold;
    padding: 8px 32px;
    border-radius: 20px;
}

.post-navigation .nav-next a,
.post-navigation a {
    font-weight: bold;
    padding: 11px 32px !important;
    border-radius: 20px;
}

.post-navigation .nav-previous a {
    padding-right: 39px;
}

/* prev and next buttons on blog end */

/* removing gaps above and below the testimonial forms */
.strong-form {
    position: relative;
    margin: 0px auto !important;
}

/* removing gaps above and below the testimonial forms end */

/* Making the rating stars bigger of testimonial submit form */
.strong-rating label {
    font-size: 18px;
}

.form-field.field-what_rating_would_you_give_us_ > .before {
    display: none;
}

.strong-rating-wrapper.field-wrap.in-form {
    display: inline-block !important;
    vertical-align: middle;
}

.strong-form label {
    font-size: 16px !important;
}

.form-field.field-please_confirm_you_have_viewed_read_and_understood_our_privacy_policy_to_be_opted_in_you_can_opt_out_of_receiving_communications_at_any_time *,
.form-field.field-new_field_2 *,
.form-field.field-featured_image + .form-field * {
    font-size: 13.5px !important;
}

/* Making the rating stars bigger of testimonial submit form end */

/* Css to make CF7 look like testimonials submission */
span.wpcf7-form-control-wrap.checkbox-472,
span.wpcf7-form-control-wrap.party-confirm_member,
span.wpcf7-form-control-wrap.contact-confirm_contact,
span.wpcf7-form-control-wrap.contact-confirm_policy,
span.wpcf7-form-control-wrap.faq-confirm_contact,
span.wpcf7-form-control-wrap.faq-confirm_policy {
    display: block;
    margin: 10px 0;
}

span.wpcf7-form-control-wrap.checkbox-472 input,
span.wpcf7-form-control-wrap.party-confirm_member input,
span.wpcf7-form-control-wrap.contact-confirm_contact input,
span.wpcf7-form-control-wrap.contact-confirm_policy input,
span.wpcf7-form-control-wrap.faq-confirm_contact input,
span.wpcf7-form-control-wrap.faq-confirm_policy input {
    width: auto;
    margin-left: 12px;
    margin-right: 6px;
    vertical-align: text-top;
}

span.wpcf7-form-control-wrap.checkbox-472 .wpcf7-list-item-label:after,
span.wpcf7-form-control-wrap.contact-confirm_policy .wpcf7-list-item-label:after,
span.wpcf7-form-control-wrap.faq-confirm_policy .wpcf7-list-item-label:after {
    content: "*";
    color: red;
    font-size: 22px !important;
    margin-left: 5px;
    margin-top: 10px !important;
    font-size: 28px !important;
    float: right;
    line-height: 10px;
}

div.wpcf7 {
    margin: 0;
    padding: 20px;
}

.strong-form-inner {
    padding: 0px !important;
    padding-bottom: 0 !important;
}

.strong-view.strong-form.strong-view-id-3.default-form {
    margin-bottom: -15px !important;
}

input#wpmtst_submit_testimonial {
    height: 35px;
    font-size: 15px !important;
}

/* Css to make CF7 look like testimonials submission end */

.mobile-anchor-programme {
    position: absolute;
    top: -90px;
}

/* CSS to make the gymbobs square on out programme page to work whole length */
#six-months-walking,
#walking-2-years,
#two-three-years,
#three-years-school-age,
#school-age-seven-years,
#circuit-fun {
    z-index: -1;
    float: left;
    clear: left;
    display: block;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #six-months-walking {
        padding-top: 0;
        margin-top: 0;
    }
}

/* CSS to make the gymbobs square on out programme page to work whole length */

/* CSS for t3 menu to have no padding either side */
#site-navigation .ubermenu-touch:not(.ubermenu-responsive-collapse) ul li ul li {
    padding: 0;
}

/* CSS for t3 menu to have no padding either side */

/* CSS to make the physical, social, cognitive circles smaller on mobile */
@media only screen and (max-width: 780px) {
    .physoccog.siteorigin-panels-stretch img {
        left: 0;
        width: 88px;
    }

    .physoccog.siteorigin-panels-stretch h1 {
        font-size: 16px !important;
    }
}

/* CSS to make the physical, social, cognitive circles smaller on mobile */

/* CSS to show the arrows on the awards and partners section on mobile and tablet */
@media only screen and (max-width: 599px) {
    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev {
        padding-top: 7px;
    }
    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        padding-top: 7px;
    }
}
@media only screen and (max-width: 480px) {
    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev {
        left: -5%;
        padding-top: 7px;
    }

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        right: -5%;
        padding-top: 5px;
    }

    .owl-stage-outer {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
}

/* CSS to show the arrows on the awards and partners section on mobile and tablet end */

/* Buttons on mobile and tablet going different shape on hover */
@media all and (min-width: 320px) and (max-width: 1100px) {
    .tg-button:hover {
        padding: 0 22px !important;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
}

@media all and (min-width: 320px) and (max-width: 1100px) {
    .tg-button:hover {
        padding: 0 22px !important;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
}

.tg-button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@media all and (min-width: 320px) and (max-width: 1100px) {
    .tg-button:hover {
        padding: 0 22px !important;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
}

/* Buttons on mobile and tablet going different shape on hover end */

/* Contact circles size on mobile */
@media all and (min-width: 320px) and (max-width: 530px) {
    #contacticons .textwidget {
        display: block !important;
        font-size: 11px !important;
    }
}

@media all and (min-width: 320px) and (max-width: 600px) {

    #panel-19-1-0-1 img,
    #panel-19-1-1-1 img,
    #panel-19-1-2-1 img {
        width: 65%;
        margin-left: -14px;
    }
}

/* Contact circles size on mobile end */


/* Contact form and testimonial form to have padding left and right on mobile */
@media only screen and (max-width: 640px) {
    div#wpcf7-f1127-p19-o1 {
        padding: 5px 20px;
    }
}

body .wpcf7-form-control-wrap input,
body .wpcf7-form-control-wrap textarea {
    border: 1px solid #D3D3D3 !important;
}

body input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    box-shadow: none !important;
}

@media only screen and (max-width: 640px) {
    form#wpmtst-submission-form {
        padding: 0 20px;
    }
}

/* Contact form and testimonial form to have padding left and right on mobile end */


/* Meet the team - mobile - Tumbletots LTD on next line */
@media only screen and (max-width: 768px) {
    article#post-1377 .panel-grid.panel-has-style .textwidget > p > strong > span {
        display: block;
    }
}

/* Meet the team - mobile - Tumbletots LTD on next line */

/* Our Programme - Mobile - Characters smaller */
@media only screen and (max-width: 640px) {
    .our_programme_chars img {
        display: none;
    }
}

.our_programme_chars {
    text-align: center;
}

/* Our Programme - Mobile - Characters smaller end */

/* Our programme page - tablet - css to move the slide shows and characters around for certain sections */
@media only screen and (max-width: 1024px) {
    .desktop_six_months {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .desktop_walking_two_years {
        display: none !important;
    }
}


@media only screen and (max-width: 1024px) {
    .desktop_two_three_years {
        display: none !important;
    }
}


@media only screen and (max-width: 1024px) {
    .desktop_three_years_school {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .desktop_gymbobs {
        display: none !important;
    }
}


@media only screen and (max-width: 1024px) {
    .desktop_circuit_fun {
        display: none !important;
    }
}



/* Our programme page - tablet - css to move the slide shows and characters around for certain sections end */

/* CSS to show the social icons in the header on mobile */
@media only screen and (max-width: 480px) {
    .header-top {
        display: block;
    }
}

/* CSS to show the social icons in the header on mobile end */

/* CSS to make the site full width on tablet */
@media only screen and (max-width: 1200px) {
    .tg-container {
        width: 100% !important;
        padding: 0 !important;
    }

    body .siteorigin-panels-stretch.panel-row-style {
        margin-right: 0 !important;
    }
}

/* CSS to make the site full width on tablet end */

/* CSS to make menu smaller on mobile and padding to the content so yu can see the green bar*/

@media only screen and (max-width: 480px) {
    body {
        padding-top: 90px;
    }

    .logo-header-components-wrapper {
        height: 90px;
    }
}

/* CSS to make menu smaller on mobile and padding to the content so yu can see the green bar end */

/* Meet the team page - mobile - team member bios - read more button */
@media only screen and (min-width: 640px) {
    .read_more_mobile {
        display: none;
    }
}

.read_more_mobile .sh-link a {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    background: #e2231a;
    padding: 0px 50px;
    text-decoration: none;
    color: #FFF !important;
    border-radius: 20px;
}

.read_more_mobile {
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .read_desktop {
        display: none;
    }
}

/* Meet the team page - mobile - team member bios - read more button end */

/* tablet - green header bar covered by the header
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    body {
        padding-top: 210px;
    }
}*/

/* tablet - green header bar covered by the header end */


/* Our programme page - tablet - css to move make the characters smaller */
@media only screen and (max-width: 1200px) {
    .our_programme_six_months img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .our_programme_six_months {
        text-align: center;
    }
}


@media only screen and (max-width: 1200px) {
    .our_programme_walking_two_years img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .our_programme_walking_two_years {
        text-align: center;
    }
}


@media only screen and (max-width: 1200px) {
    .our_programme_two_years_three_years img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .our_programme_two_years_three_years {
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) {
    .our_programme_three_years_school img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .our_programme_three_years_school {
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) {
    .our_programme_gymbobs img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .our_programme_gymbobs {
        text-align: center;
    }
}

#wpmtst-form input[type="text"],
#wpmtst-form input[type="email"],
#wpmtst-form textarea {
    max-height: 113px;
}

form#wpmtst-submission-form {
    padding-top: 20px;
}

form label {
    font-weight: 700;
}

@media screen and (min-width: 320px) {
    .showondesktop {
        display: none !important;
    }
    .showonmobile {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .showonmobile {
        display: none !important;
    }
    .showondesktop {
        display: block !important;
    }
}

/* CSS to hide the 2 a breast squares on homepage on gloucester and hopefully other sub sites on desktop */
body#homepageid article#post-5 div#pg-5-4 .homepagesquaresmobtab {
    display: none;
}

@media only screen and (max-width: 900px) {
    body#homepageid article#post-5 div#pg-5-4 .homepagesquaresmobtab {
        display: block;
    }
}

#homepageid #sl_postcodeLookup {
    bottom: 200px;
}

/* CSS to hide the 2 a breat squares on homepage on gloucester and hopefully other sub sites on desktop end */

/* Membership table - renewal font smaller */
table#tablepress-2 th span {
    font-weight: 100 !important;
    font-size: 16px;
}

/* Membership table - renewal font smaller */

/* CF7 font bold */
.wpcf7 p {
    font-weight: bold !important;
}

/* CF7 font bold end */

/* yes/no to be bold on testimonial forms */
.strong-form input[type="checkbox"] + label {
    font-weight: 700 !important;
    padding: 5px;
}

/* yes/no to be bold on testimonial forms end */


table#tablepress-4 th span {
    font-weight: 100 !important;
    font-size: 16px;
}


/*Global News Styling*/
.tab-content ul {
    list-style: none;
}

.tab-content ul a {
    font-size: 16px;
}

.tab-content ul li {
    padding: 25px 0px;
}

/* css to make the yes/no boxes on testimonials form on gloucester the same size */
label.checkbox-label {
    font-size: 13.5px !important;
}

/* css to make the yes/no boxes on testimonials form on gloucester the same size end */


/* css to remove the space below the add testimonial button on main site */
#pgc-39-3-0 {
    margin-bottom: -5px;
}

/* css to remove the space below the add testimonial button on main site */
#wpmtst_no {
    position: relative;
    top: -5px;
}

#wpmtst_no + label,
#wpmtst_no + label + span {
    top: -5px;
    position: relative;
}

.mobile_social_menu {
    display: block;
}

.desktop_social_menu {
    display: block;
}

.tg-column-wrapper .tg-column-3.footer-block:nth-child(1),
.tg-column-wrapper .tg-column-3.footer-block:nth-child(3) {
    width: 20% !important;
}

.tg-column-wrapper .tg-column-3:nth-child(2) #n2-ss-13-align .n2-padding {
    width: 100% !important;
}


@media only screen and (max-width: 460px) {
    .request_bar a {
        padding: 10px 0 !important;
    }

    .request_bar a span {
        font-size: 18px !important;
        padding: 10px 20px;
    }
}

/**
Custom @media
*/


/* iPhone 5 Landscape
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

    .custom-logo-link img {
        width: 115px;
        margin-top: 40px;
    }

    #masthead .header-bottom {
        margin-top: -100px !important;
    }

    #homepageid .yellow_book_bar .showonmobile {
        margin-top: 35px !important;
    }

    #content div .about_our_programme div .slider_about {
        height: 230px;
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    #content div .about_our_programme .about_text_and_button {
        margin-top: 70px;
    }
}*/

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {


}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

    #homepageid #masthead .header-bottom {
        margin-top: 0 !important;
    }

    #homepageid .custom-img-anim {
        padding: 0px 0px 0px 0px !important;
    }

    header#masthead .logo {
        top: 5px !important;
    }

    article.page.type-page .entry-content {
        margin-top: 60px;
    }

    /** Footer **/
    footer#colophon #top-footer > .tg-container {
        width: 100% !important;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .header-top {
        height: 0 !important;
    }

    #homepageid #masthead .header-bottom {
        margin-top: 0 !important;
    }

    #homepageid .custom-img-anim {
        padding: 0px 0px 0px 0px !important;
    }

    header#masthead .logo {
        top: -5px !important;
    }

    article.page.type-page .entry-content {
        margin-top: -5px;
    }

    /** Footer **/
    footer#colophon #top-footer > .tg-container {
        width: 100% !important;
    }

    .widget.widget_media_image .panel-widget-style {
        text-align: center;
    }

    .footer-block .widget_media_image img {
        width: 150px !important;
    }

    #contact_box .contact_box_in {
        float: left !important;
        width: 32% !important;
        bottom: 0px !important;
    }
}

/* Portrait iPad */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

    #homepageid .top-slider.yellow_book_bar {
        margin-top: 105px;
    }

    header#masthead {
        top: 0 !important;
    }

    #homepageid #masthead .header-bottom {
        margin-top: 0px !important;
    }

    div#masthead-sticky-wrapper {
        height: 0px !important;
    }

    .logo-header-components-wrapper .logo {
        top: 0 !important;
    }

    body #masthead .header-bottom {
        margin-top: 0 !important;
    }

    /** Home Page **/
    #homepageid div#masthead-sticky-wrapper {
        height: 0px !important;
    }

    #homepageid .coloured_squares img {
        width: 189px;
    }

    #homepageid #content div .about_our_programme div .slider_about {
        width: 325px;
        height: 230px;
        float: right;
        margin-left: 10px;
    }

    #homepageid #content div .about_our_programme div.about_text_and_button {
        width: 55%;
    }

    #homepageid .about_our_classes .n2-section-smartslider {
        width: 356px;
        margin-left: 20px;
        float: left;
    }

    .our_awards .awards_slider {
        width: 56% !important;
    }

    .owl-carousel .owl-stage-outer {
        width: 66% !important;
    }

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        right: 20%;
    }

    .lgx-logo-slider-wp .lgx-logo-wrapper {
        margin-left: 165px;
    }

    .lgx-logo-slider-wp .owl-carousel {
        width: 500px !important;
    }

    #icons_box .icons_box_in {
        margin-left: 1% !important;
        left: 1% !important;
    }

    #site-navigation ul li {
        padding-right: 20px !important;
    }

    #content div.about_our_classes {
        clear: both;
        padding: 1% 3px 34px !important;
        display: block;
        min-height: 355px;
    }

    #homepageid .top-slider .yellow_book_bar {
        margin-top: 105px !important;
    }

    /* Footer */
    #top-footer .tg-column-wrapper .footer-block {
        width: 100%;
        margin: 60px 0px 0px 0px;
        float: none;
    }

    .tg-column-wrapper {
        margin-left: 0;
        margin-bottom: 100px;
    }

    footer#colophon #top-footer > .tg-container {
        width: 1024px !important;
        margin: 0 auto;
    }

    #top-footer .textwidget {
        width: 75%;
    }
}

/* iPad Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

    #content div.about_our_classes > div.classes_text_and_button > a:nth-child(4) {
        margin: 0% 34% !important;
    }

    header#masthead {
        top: 0 !important;
    }

    #homepageid .coloured_squares img {
        width: 253px;
    }

    #homepageid #content div .about_our_programme div .slider_about {
        width: 385px;
    }

    #homepageid .about_our_classes .classes_text_and_button {
        width: 66%;
        float: left;
        text-align: center;
    }

    #homepageid .about_our_classes .slider_classes {
        width: 32%;
        float: left;
    }

    #homepageid #icons_box .icons_box_in {
        margin-left: 6%;
    }

    #colophon {
        height: auto !important;
    }

    .logo-header-components-wrapper .logo {
        top: 24px !important;
    }

    #site-navigation ul li {
        padding-right: 20px !important;
    }

    #homepageid body div#content.site-content {
        margin-top: 45px !important;
    }

    .header-top .right-content {
        margin-top: 50px;
        margin-right: 25px;
    }

    #top-footer .tg-column-wrapper .tg-column-3:nth-child(2) {
        width: 74% !important;
        margin-top: 30px !important;
        margin-bottom: 0;
    }

    #top-footer .tg-column-wrapper {
        margin-left: 21%;
    }

    #top-footer .tg-column-3 #themegrill_flash_image-2 {
        display: none;
    }

    .tg-column-wrapper .tg-column-3.footer-block:nth-child(1), .tg-column-wrapper .tg-column-3.footer-block:nth-child(3) {
        display: none;
    }

    .lgx-logo-slider-wp .nav-position-v-mid {
        margin-left: -115px !important;
    }
}


/* Portrait iPad Pro */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

    .lgx-logo-slider-wp .lgx-logo-wrapper {
        margin-left: 20px !important;
    }

    .lgx-logo-slider-wp .owl-carousel {
        width: 500px !important;
    }

    .owl-carousel .owl-stage-outer {
        width: 100% !important;
        margin-left: -50px;
    }

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-prev {
        left: -20%;
        padding-top: 20px;
    }

    .lgx-logo-slider-wp .nav-position-v-mid .owl-controls .owl-next {
        right: 0%;
    }

    #homepageid .yellow_book_bar {
        margin-top: 0 !important;
    }

    #masthead .center-content {
        display: block;
    }

    .center-content {
        left: -20% !important;
    }

    .header-top .right-content {
        display: none;
    }

    div#masthead-sticky-wrapper {
        height: auto !important;
    }

    #parties {
        margin-top: 190px !important;
    }

    #top-footer .tg-column-wrapper .tg-column-3:nth-child(2) {
        width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: -20px;
    }

    #top-footer .tg-column-wrapper {
        padding-top: 35px;
        margin-left: 195px;
    }

    #top-footer .tg-column-wrapper .footer-block {
        margin: 95px 0px 92px 0px;
        float: none;
    }

    #top-footer .tg-column-3 #themegrill_flash_image-2 {
        display: none;
    }

    #homepageid .coloured_squares img {
        width: 253px !important;
    }

    #homepageid .about_text_and_button p {
        margin-left: 12% !important;
        margin-right: 12% !important;
    }

    #homepageid .yellow_book_bar {
        margin-top: 0px !important;
    }

    #homepageid #content div.about_our_classes > div.slider_classes {
        padding: 10px;
        width: 322px;
        float: left;
        margin-left: 15px;
    }

    #content div.about_our_classes > div.classes_text_and_button > a:nth-child(4) {
        margin: 0% 37% !important;
    }

    #content div.about_our_classes {
        clear: both;
        padding: 1% 3px 34px !important;
        display: block;
        min-height: 355px;
    }

    #icons_box .icons_box_in {
        margin-left: 11% !important;
    }

    .header-sticky .is-sticky #masthead {
        top: 0px !important;
    }

    #content div .about_our_programme div .slider_about {
        width: 385px !important;
    }

    .our_awards .awards_slider {
        width: 60% !important;
    }

    #content div .about-us.about_our_programme div .slider_about {
        width: 50% !important;
    }

    #content > div > div.about-us.about_our_programme div.about_text_and_button {
        width: 50% !important;
    }

    #content > div > div.about-us.about_our_programme {
        min-height: 400px !important;
    }

    #content > div > div.about-us.about_our_classes div.slider_classes {
        width: 36% !important;
        padding: 20px;
    }

    #content > div > div.about-us.about_our_classes div.classes_text_and_button {
        width: 62% !important;
    }

    #content > div > div.about-us.about_springboard div.about_text_and_button {
        width: 60% !important;
        margin-left: 10px !important;
    }

    #content > div > div.about-us.about_springboard div.slider_about {
        width: 38% !important;
    }

    #content > div > div.about-us-1.about_our_classes div.slider_classes {
        width: 34% !important;
        margin-left: 20px;
    }

    #content > div > div.about-us-1.about_our_classes div.classes_text_and_button {
        width: 64% !important;
    }

    .mobile_slider_image_six_months,
    .mobile_text_six_months,
    .mobile_slider_image_walking_two_years,
    .mobile_text_walking_two_years,.mobile_slider_image_two_three_years,
    .mobile_text_two_three_years,
    .mobile_slider_image_three_years_school,
    .mobile_text_three_years_school,
    .mobile_slider_image_gymbobs,
    .mobile_text_gymbobs,
    .mobile_slider_text_circuit_fun
    {
        display: block !important;
    }
}



@media only screen and (max-width: 960px) {
	#desktop_map {
		display:none;
	}
}

@media only screen and (max-width: 960px) {
	#sl_tabs {
		display:block !important;
	}
}

#sl_tabs {
	display:none;
}

.panel-grid.panel-has-style>.panel-row-style {
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 980px) {
    .left-logo-below-menu .header-bottom .tg-container, .center-logo-below-menu .header-bottom .tg-container {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

figure.logo-image {
    text-align: left;
}

@media only screen and (max-width: 959px) {
    div.logo-header-component-container div.logo {
        top: -10px !important;
    }
    .logo-header-components-wrapper div.logo img {
        height: 86px !important;
        width: auto;
    }
}

@media only screen and (max-width: 480px) {
    div.logo-header-component-container div.logo {
        top: 0 !important;
    }
}

/* Tweak logo size to display correctly on iPhone 5 landscape. */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .logo-header-components-wrapper div.logo img {
        height: 64px !important;
    }
}

/* Tweak logo position to display correcly on iPad. */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    div.logo-header-component-container div.logo {
        top: -20px !important;
    }
}

/* Get panels on the programme page aligned correctly. */
.post-21 .widget_media_image {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .post-21 .widget_media_image img {
        width: 100%;
        height: auto;
    }
}

#sl_postcodeSearchInput_tabs input.sl_postcodeSearchInput-detached {
    width: 78% !important;
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
    #sl_postcodeSearchInput_tabs input.sl_postcodeSearchInput-detached {
        width: 70% !important;
    }
}

/* Display coloured squares four across in landscape on mobile devices. */
@media only screen and (max-width: 992px) and (orientation: landscape) {
    #contact_us_page .coloured_squares {
        padding-left: 8px;
    }
    #contact_us_page .coloured_squares a {
        display: inline-block;
        width: 24.4%;
        margin: 0;
        padding: 0;
    }
    #contact_us_page .coloured_squares img {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}
@media only screen and (max-width: 360px) and (orientation: landscape) {
    #contact_us_page .coloured_squares {
        padding-left: 4px;
    }
}
@media only screen and (max-width: 320px) and (orientation: landscape) {
    #contact_us_page .coloured_squares {
        padding-left: 2px;
    }
}

/* Footer slider layout fix. */
@media only screen and (max-width: 1024px) and (min-width: 601px) {
    .footer-block .n2-section-smartslider .n2-ss-mobile .n2-ss-slider-1 {
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 780px) and (orientation: landscape) {
    .contacticonsmob .widget_media_image img {
        display: block;
        margin: 0 auto;
    }
}

/* Fix to mobile menu, so menu items display full width on landscape. */
@media screen and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
        width: 100% !important;
    }
}

/* Fix site navigation color. */
@media (max-width: 980px) {
    .tg-container .site-navigation-wrapper {
        background-color: initial !important;
    }
}

/*==================================================
=            Base Header and Page setup.           =
===================================================*/

/*==========  Non-Mobile First Method  ==========*/

.header-bottom {
    height: auto !important;
    min-height: 110px;
}

.ubermenu-responsive-toggle {
    padding: 20px 20px !important;
}

#page #masthead-sticky-wrapper {
    z-index: 99998 !important;
    height: auto !important;
}

#masthead {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
}

#masthead > div.header-top > div > div.center-content {
    position: absolute !important;
    left: 50% !important;
    top: 28px !important;
    width: 580px !important;
    margin-left: -290px !important;
    text-align: center !important;
}

#masthead > div.header-top > div > div.right-content {
    margin-top: 29px !important
}

body #masthead > div.header-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
}

#masthead > div.header-bottom > div > div.logo-header-components-wrapper > div > div.logo {
    top: 0 !important;
}

#masthead > div.header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: transparent !important;
}

.header-sticky .is-sticky .header-top {
    background-color: transparent !important;
    box-shadow: none !important;
}

.franchise-site div.header-top {
    display: block !important;
}

div#content.site-content {
    margin-top: 219px !important;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    body #site-navigation ul li {
        padding-right: 5px !important;
    }
}

@media only screen and (max-width: 1130px) {
    #masthead > div.header-top > div > div.center-content {
        left: 50% !important;
        top: 28px !important;
        width: 500px !important;
        margin-left: -250px !important;
    }
    #masthead > div.header-top > div > div.center-content > h1 {
        line-height: 1.1em;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #colophon #themegrill_flash_image-2 {
        display: none !important;
    }
}

@media only screen and (max-width: 959px) {
    #masthead > div.header-top > div > div.center-content {
        top: 20px !important;
        width: 580px !important;
        margin-left: -290px !important;
    }
    body div#page > div#content.site-content {
        margin-top: 90px !important;
    }
    .header-bottom .logo-header-components-wrapper {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 800px) {
    #masthead > div.header-top > div > div.center-content {
        top: 22px !important;
    }
    #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 2.4em;
    }
}

@media (max-width: 780px) {
    #pg-5-2> .panel-row-style {
        padding: 0 0 10px 0 !important;
    }
    #pg-5-0> .panel-row-style {
        padding: 0 !important;
    }
}

#homepageid #pg-5-0 {
    margin-bottom: -84px;
}
@media (max-width: 900px) {
    #homepageid #pg-5-0 {
        margin-bottom: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .logo-header-components-wrapper div.logo img {
        height: 74px !important;
        width: auto !important;
    }
    body div#page > div#content.site-content {
        margin-top: 25px !important;
    }
    .site-navigation-container .ubermenu-responsive-toggle {
        padding: 0 10px !important;
    }
}
@media only screen and (max-width : 768px) and (orientation: landscape) {
    body#homepageid div#page > div#content.site-content {
        margin-top: 110px !important;
    }
}

@media only screen and (max-width: 726px) {
    .franchise-site #masthead > div.header-top > div > div.center-content {
        top: 3px !important;
        width: 400px !important;
        margin-left: -200px !important;
    }
}

@media only screen and (max-width: 684px) {
    #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 2em;
    }
    #masthead > div.header-top > div > div.center-content {
        top: 19px !important;
    }
    .franchise-site #masthead > div.header-top > div > div.center-content {
        top: 8px !important;
        width: 300px !important;
        margin-left: -150px !important;
    }
}

@media only screen and (max-width: 580px) {
    #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 1.8em;
    }
    #masthead > div.header-top > div > div.center-content {
        top: 23px !important;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    body div#page > div#content.site-content {
        margin-top: 20px !important;
    }
    .franchise-site #masthead > div.header-top > div > div.center-content {
        width: 140px !important;
        margin-left: -70px !important;
        top: 14px !important;
    }
    .franchise-site #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width : 550px) {
    #masthead > div.header-top > div > div.center-content {
        width: 160px !important;
        margin-left: -80px !important;
        top: 16px !important;
    }
    #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 1.6em;
        line-height: 1.1em;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 460px) {
    #homefirstsection {
        display: initial !important;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    #masthead > div.header-top > div > div.center-content {
        width: 130px !important;
        margin-left: -65px !important;
        top: 24px !important;
    }
    #masthead > div.header-top > div > div.center-content > h1 {
        font-size: 1.1em;
        line-height: 1.1em;
        padding-right: 10px;
    }
}

/* Fix the mobile menu position, by making it absolute, so we can */
/* ensure it displays correctly across devices. */
.site-navigation-container > #site-navigation > a.ubermenu-responsive-toggle {
    position: absolute !important;
    right: 0 !important;
    top: 34px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 980px) {
    .ubermenu {
        position: absolute !important;
        top: 110px !important;
        left: 0 !important;
        right: 0 !important;
    }
}

.franchising-site .wp-custom-header {
    display: none;
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    body:not(#homepageid) div#page > div#content.site-content {
        margin-top: 45px !important;
    }
}


#facebook-width-fix #pgc-9-1-0{
    width: 100%!important;
}






.franchise-site.full-width-archive #main{

}

.franchise-site.full-width-archive #primary .post:nth-child(1n){
    float: left;
    width: 25%;
    background-color: #96c93d;
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
}

.franchise-site.full-width-archive #primary .post:nth-child(2n){
    background-color: #3ebeef;
}
.franchise-site.full-width-archive #primary .post:nth-child(3n){
    background-color: #e2231a;
}

.franchise-site.full-width-archive #primary .post:nth-child(4n){
    background-color: #ffa500;
}

.franchise-site.full-width-archive #primary .post img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.franchise-site.full-width-archive #primary {
    margin-bottom: 30px;
    width: 100%;
}
.franchise-site.full-width-archive #primary .post.has-post-thumbnail .entry-content-block{
    top:0px;
    padding: 5px;
    text-align: center;
    background: transparent;
    color: #fff;
}

.franchise-site.full-width-archive #primary .post.has-post-thumbnail .entry-content-block h2.entry-title a{
    color: #fff;
    font-weight: bold!important;
    font-size: 17px!important;
    letter-spacing: 1px;
}

.franchise-site.full-width-archive #primary .post .entry-content-block{
    width: 100%;   
}

.franchise-site.full-width-archive #primary .post  .entry-meta, .franchise-site.full-width-archive #primary .post .entry-content, .franchise-site.full-width-archive #primary .post .entry-footer{
    display: none;
}



@media (max-width: 1180px) {
    .franchise-site.full-width-archive #primary .post{
        width: 50%;
    }
}

@media (max-width: 500px) {
    .franchise-site.full-width-archive #primary .post{
        width: 100%;
    }
}


.franchise-site #singleposttemplate .singleposttemplate_img{
    display: none;
}