.wp-caption-text,
.gallery-caption {
    display: none !important;
}

.top20 {
    margin-top: -20px !important;
}

#videoDiv {
    width: 200px;
    height: 360px;
    position: relative;
}

#videoDivH {
    width: 200px;
    height: 360px;
    position: relative;
    padding-bottom: 20px;
}

#videoBlock {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#video {
    display: none;
}

#videosubstitute {
    display: block;
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 992px) {
    #video {
        display: block;
    }

    #videosubstitute {
        display: none;
    }
}

img.icarus {
    padding-top: 20px;
}

#main {
    padding: 0;
}

DIV.full-container {
    padding: 0 10px;
}

DIV.textwidget h5 {
    display: inline-block;
    padding: 0 10px;
}

DIV#theme-attribution {
    display: none;
}

H1,
H1.entry-title {
    font-size: 1.3em;
    line-height: 1.3em;
}

H2,
.entry-content H2 {
    font-size: 1.2em;
}

H3,
.entry-content H3 {
    font-size: 1.4em !important;
    line-height: 1.2em !important;
}

#front-news H3 {
    font-size: 1em !important;
    line-height: 1em !important;
}

DIV.head-info H2 {
    text-align: right;
    line-height: 1.4;
    margin-top: 14px;
    color: #001A66;
}

H2 SPAN.tel {
    font-size: 1.8em;
    font-weight: bold;
    color: #0287E7;
}

H3.widget-title {
    text-align: center;
    margin-bottom: 10px;
}

DIV#main {
    background-image: url('/images/main-bg.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat-y;
    padding-top: 20px;
}

BODY.home DIV#main {
    padding-top: 0;
}

DIV.entry-thumbnail {
    display: none;
}

.main-navigation a {
    font-weight: normal !important;
    font-size: 1em !important;
}

DIV.textwidget H5 {
    background-color: #FFFFFF;
}

aside#sow-image-3 {
    position: relative;
    top: 34px;
}

.entry-content h2 {
    margin: 0;
}

DIV#pg-605-2.panel-grid,
DIV#pg-3173-2.panel-grid {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 0;
}

DIV.addy {
    font-size: 1.2em;
    margin: 20px 80px;
    line-height: 1.5;
}

DIV#main.site-main {
    padding-bottom: 50px;
}

DIV#main.site-main .catalogue {
    margin-bottom: -50px !important;
}

FORM#contact-form-b55a TEXTAREA {
    height: 90px;
}

DIV.ccchildpage {
    padding: 10px;
    border: 2px solid #4B1CB6;
    font-size: 10px;
    text-decoration: underline;
    text-align: center;
    background-image: url('/images/blue-bg.gif');
    background-repeat: repeat;
    border-radius: 10px;
}

BODY.home .addtoany_content_bottom,
BODY.page-id-3173 .addtoany_content_bottom {
    margin-top: 60px;
}

div.wbtcta {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    width: 640px;
    height: 280px;
    padding: 20px;
    background: url(http://dev.cchydraulics.co.uk/wp-content/uploads/wbt-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

div.wbttext {
    position: absolute;
    top: 10px;
    right: 10px;
}

div.wbtcta h2 {
    font-size: 2em;
    color: #fff;
    text-align: right;
    margin-bottom: 20px;
}

a.whiteh {
    color: #ffffff !important;
    text-decoration: none !important;
}

a.whiteh:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

div.wbtcta h3 {
    font-size: 1.2em;
    color: #fff;
    text-align: right;
}

div.wbtcta .button {
    display: block;
    position: absolute;
    right: 10px;
    width: 200px;
    padding: 12px 24px;
    border-radius: 6px;
    border: 0;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    background: #615f8b;
    color: #fff;
}

div.wbtcta .button:hover,
div.wbtcta .button:focus,
div.wbtcta .button:active {
    background: #b7b6cd;
    color: #fff;
}

div.kitcta {
    width: 640px;
    padding: 20px;
    background: url(http://dev.cchydraulics.co.uk/wp-content/uploads/cta-bg.jpg);
}

div.kitcta h2 {
    font-size: 2.4em;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

div.kitcta h3 {
    font-size: 2em;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

div.kitcta .button {
    display: block;
    width: 90%;
    padding: 12px 24px;
    border-radius: 6px;
    border: 0;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    background: #615f8b;
    color: #fff;
    margin: 0 auto;
}

div.kitcta .button:hover,
div.kitcta .button:focus,
div.kitcta .button:active {
    background: #b7b6cd;
    color: #fff;
}

/* =========================================================
   MAX MEGA MENU - CATALOGUE WITH FLYOUT DATASHEETS
   ========================================================= */

#masthead,
.site-header,
header,
.main-navigation,
#sticky-container {
    overflow: visible !important;
}

#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary {
    overflow: visible !important;
}

/* Main catalogue mega panel */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 1030px !important;
    max-width: 1030px !important;
    left: 0 !important;
    transform: none !important;
    padding: 24px 28px !important;
    background: #f4f4f4 !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
    overflow: visible !important;
    border-top: 1px solid #d8d8d8 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

/* Top category columns */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    overflow: visible !important;
}

/* Column headings */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > a.mega-menu-link {
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
}

/* Show main subcategory links under each heading */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Each subcategory becomes a flyout trigger */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item {
    position: relative !important;
    overflow: visible !important;
}

/* Subcategory link styling */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > a.mega-menu-link {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 3px 22px 3px 0 !important;
    background: transparent !important;
    white-space: normal !important;
}

/* Add arrow to items that have datasheet/product pages */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link::after {
    content: "›" !important;
    position: absolute !important;
    right: 6px !important;
    font-weight: bold !important;
}

/* Hide datasheet/product flyouts by default */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: 100% !important;
    top: -10px !important;
    min-width: 300px !important;
    max-width: 360px !important;
    padding: 12px 0 !important;
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    z-index: 999999 !important;
}

/* Show datasheet/product flyout on hover/focus */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li:hover > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li:focus-within > ul.mega-sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Datasheet/product flyout link styling */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > a.mega-menu-link {
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    padding: 8px 14px !important;
    background: #ffffff !important;
    white-space: normal !important;
}

/* Hover states */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu a.mega-menu-link:hover {
    color: #005fba !important;
    background: #e7eef7 !important;
}

/* Prevent the panel being clipped at the bottom */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu {
    max-height: none !important;
}

/* Mobile */
@media only screen and (max-width: 600px) {
    DIV.nomobile,
    span.nomobile {
        display: none !important;
    }

    HEADER#masthead {
        background-image: none !important;
        background-color: #1C5B87 !important;
    }

    DIV.head-info H2 {
        color: #FFFFFF;
        text-align: center;
    }

    DIV.head-info H2 SPAN.tel {
        color: #FFFFFF;
        font-size: 1em;
        text-align: center;
    }

    div.wbtcta,
    div.kitcta {
        width: 100% !important;
        height: auto !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 0 !important;
        max-width: none !important;
        box-shadow: none !important;
        border: 0 !important;
        padding-left: 12px !important;
    }
}

@media only screen and (max-width: 1024px) {
    H5 A {
        font-size: 14px;
        text-align: center;
    }
}


.ccchildpages.ccflex {
	gap:0.5em!important;
}

/* C&C Hydraulics - make Max Mega Menu full width */
#masthead .hgroup.full-container,
#masthead-sidebar,
#site-navigation,
#site-navigation .full-container,
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary {
    max-width: none !important;
    width: 100% !important;
}

/* Force the black menu bar to span edge-to-edge */
#site-navigation {
    background: #222 !important;
}

#mega-menu-wrap-primary {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    background: #222 !important;
}

/* Centre menu items */
#mega-menu-wrap-primary #mega-menu-primary {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    float: none !important;
}