/*
 * Make the 'for' pages responsive to clear Google Search Console errors
 * E.g. https://www.moo.com/uk/for/photographers.html
 * See https://jira.moo.com/browse/CMS-4958
 */


/* Custom CSS */
.hero-banner__content .button.button-coloured {
    margin: 3px 0;
    /* force 'default' button styling as some buttons are  */
    /* hardcoded to be 'large' in the html which doesn't work */
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 17px;
    line-height: 1.38461538;
}

/**
 * hide all paragraph siblings after the CTAs - these are
 * always empty and should not have been added via the CMS.
 */
.hero-banner__content .button.button-coloured ~ p {
    display: none;
}

/* Make hero image 100% width until the medium breakpoint */
@media only screen and (max-width: 40.0525em) {
    .hero-banner__image-wrap img {
        width: 100%;
        height: auto;
    }
}

/* scroll the overflow of the pricing table */
.tab-prices-content {
    overflow-x: scroll;
}

@media only screen and (min-width: 40.0625em) {
    .tab-prices-content {
        overflow-x: visible;
    }
}





/* MOODS Stylesheets CSS: */
/* http://moods-stylesheets.moobernetes.com/ */
/* A selection of CSS from MOODS Stylesheets used to make the 'for' pages responsive */

/* Wrapper*/
/* http://moods-stylesheets.moobernetes.com/files/components.wrapper/ */
.wrapper {
    max-width: 1224px;
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
}

@media only screen and (min-width: 40.0625em) {
    .wrapper {
        padding-right: 24px;
        padding-left: 24px;
    }
}



/* Grid (layout)*/
/* http://moods-stylesheets.moobernetes.com/files/components.layout/ */
.layout {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -12px;
    font-size: 0;
}

@media only screen and (min-width: 40.0625em) {
    .layout {
        margin-left: -18px;
    }
}

@media only screen and (min-width: 64.0625em) {
    .layout {
        margin-left: -24px;
    }
}

.layout__item {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 12px;
    font-size: 16px;
}

@media only screen and (min-width: 40.0625em) {
    .layout__item {
        padding-left: 18px;
    }
}

@media only screen and (min-width: 64.0625em) {
    .layout__item {
        padding-left: 24px;
    }
}



/* Responsive grid (layout)*/
/* http://moods-stylesheets.moobernetes.com/files/components.layout/#_responsive-column-widths */
@media only screen and (min-width: 40.0625em) {
    .u-1\/2\@medium {
        width: 50% !important;
    }
}

@media only screen and (min-width: 64.0625em) {
    .u-1\/3\@large {
        width: 33.333333% !important;
    }
    .u-2\/3\@large {
        width: 66.666667% !important;
    }
}



/* Paragraph*/
/* http://moods-stylesheets.moobernetes.com/files/base.paragraph/ */
p {
    margin-bottom: 1.2em;
    line-height: 1.5;
    font-size: 16px;
}

@media only screen and (min-width: 40.0625em) {
    p {
        font-size: 14px;
    }
}



/* Tables */
/* http://moods-stylesheets.moobernetes.com/files/components.table/ */
th, td {
  line-height: 1.5;
  font-size: 16px;
}

@media only screen and (min-width: 40.0625em) {
  th, td {
    font-size: 14px;
  }
}



/* Text alignment utilities*/
/* http://moods-stylesheets.moobernetes.com/files/utilities.text-align/ */
.u-textAlign-right {
    text-align: right !important;
}



/* Overflow utilities*/
/* http://moods-stylesheets.moobernetes.com/files/utilities.overflow/ */
.u-overflow-hidden {
    overflow: hidden !important;
}



/* Reset utilities*/
/* http://moods-stylesheets.moobernetes.com/files/utilities.reset/ */
@media only screen and (max-width: 40.0525em) {
    .u-cancel-wrapper-padding\@until-medium {
        margin-left: -16px !important;
        width: calc(100% + 32px) !important;
    }
}



/* Responsive-spacing utilities*/
/* http://moods-stylesheets.moobernetes.com/files/utilities.responsive-spacing/ */
@media only screen and (min-width: 40.0625em) {
    .u-paddingRight-0\@medium {
        padding-right: 0 !important;
    }
}