/* ******************************************************* */
/*                                                         */
/*             This file should not be changed.            */
/*    If changes are required - override in styles.css     */
/*                                                         */
/* ******************************************************* */

/* ----------------- Content settings ----------------- */
.container-item,
.modal-header, /* Modals use This size for all screen widths */
/*.modal-content .layout-wrap, *//* Modals use This size for all screen widths */
.layout-full-width-content-contained,
.layout-full-width,
.layout-contained {
  padding-left:var(--inner-padding-lr);
  padding-right:var(--inner-padding-lr);
}
.layout-contained.bordercol .layout-wrap,
.layout-contained.bgimage .layout-wrap,
.layout-contained.bgcol .layout-wrap {
  padding-left: var(--column-gap);
  padding-right: var(--column-gap);
}
#menubox.container-item, /* overrides for #menubox */
.block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
.container-item .container-item:not(.node__meta):not(.tag__items):not(.links):not(.comment-wrapper),/* prevents duplicating of the padding on nested container items */
.slideshow .container-item, /* prevents padding on slideshow */
.footer-content .block-block-content.container-item, /* Prevent padding in custom blocks that use paragraphs */
/*.paragraph--type-accordion-item .paragraph--type-layout,*/ /* Prevent layout padding in Accordion */
/*.paragraph--type-tab-item .paragraph--type-layout, */
.container-item.non-node .paragraph--type-layout /* Prevent layout padding in Accordion */
/*.paragraph--type-modal .paragraph--type-layout *//* Prevent layout padding in Modal */ {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Layout Margin*/
.layout-margin-top,
.layout-margin-top-bottom {
  margin-top: calc(var(--page-margin) - var(--d-margin-bottom-base));
}
.layout-margin-bottom,
.layout-margin-top-bottom {
  margin-bottom: var(--page-margin);
}
/* Section Inner Margins */
.layout-full-width-content-contained,
.layout-full-width,
.layout-contained .layout-wrap /* Column Layout */ {
  padding-top: var(--inner-padding-t);
  padding-bottom: var(--inner-padding-b);
}
/* Block Content Padding (Top & Bottom) */
.paragraph:not(.paragraph--type-layout):not(.paragraph--type-link) > .paragraph-content,
.paragraph--type-link .link-content .link-content-wrap { /* Complex Link Buttons */
  padding-top: var(--block-padding-t);
  padding-bottom: var(--block-padding-b);
}
/* Block Padding (Left & Right) */
.paragraph:not(.paragraph--type-layout):not(.paragraph--type-link) > .paragraph-content,
.paragraph--type-link .link-content .link-content-wrap { /* Complex Link Buttons */
  padding-left: var(--block-padding-lr);
  padding-right: var(--block-padding-lr);
}
.paragraph--type-layout {
  --bg-color: transparent; /* initially set --bg-color as transparent. It will be overridden in variables-colours.css */
}
.layout-full-width-content-contained,
.layout-full-width,
.layout-contained .layout-wrap {
  background-color: var(--bg-color); /* Background Colour on Sections */
}
.paragraph:not(.paragraph--type-layout).bgcol {
  background-color: var(--bg-color); /* Background Colour on Blocks */
}

/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px), print {
  /* TABLET - Non-Retina - (768px-1024px) */


}
@media
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  /* TABLET - Retina - (768px-1024px) */

}
@media all and (min-width: 1025px), print {
  /* DESKTOP SMALL - Non-Retina - (1025px-1280px) */

}
@media
only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min-resolution: 192dpi) and (min-width: 1025px),
only screen and (min-resolution: 2dppx) and (min-width: 1025px) {
  /* DESKTOP SMALL - Retina - (1025px-1280px) */

}
@media all and (min-width: 1281px), print {
  /* DESKTOP - Non-Retina - (1281px-1920px) */

  /* --------------- Content Settings ---------------- */
  .container-item,
  .layout-full-width-content-contained .layout-wrap,
  .layout-contained .layout-wrap{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
  }
  .block-block-content.container-item {
    max-width: 100%; /* reset the above for the outer footer block item */
  }
  .twocol-sideleft .col1 .container-item,
  .twocol-sideleft .col1 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideright .col1 .container-item,
  .twocol-sideright .col1 .layout-full-width-content-contained .layout-wrap {
    max-width: calc(845px - var(--inner-padding-lr) - var(--border-width-vert)); /*845px;/*calc(853px - 2vw);*/ /* (1280px x col1 width) - padding left on col1) */
  }
  .twocol-sideleft .col1 .layout-contained .layout-wrap,
  .twocol-sideright .col1 .layout-contained .layout-wrap {
    max-width: calc(845px - var(--inner-padding-lr)); /*845px;/*calc(853px - 2vw);*/ /* (1280px x col1 width) - padding left on col1) */
  }
  .twocol-sideleft .col2 .container-item,
  .twocol-sideleft .col2 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideright .col2 .container-item,
  .twocol-sideright .col2 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideleft .col2-top .container-item,
  .twocol-sideleft .col2-top .layout-full-width-content-contained .layout-wrap,
  .twocol-sideright .col2-top .container-item,
  .twocol-sideright .col2-top .layout-full-width-content-contained .layout-wrap {
    max-width: calc(435px - var(--inner-padding-lr) - var(--border-width-vert)); /*845px;/*calc(853px - 2vw);*/ /* (1280px x col1 width) - padding left on col1) */
  }
  .twocol-sideleft .col2 .layout-contained .layout-wrap,
  .twocol-sideright .col2 .layout-contained .layout-wrap,
  .twocol-sideleft .col2-top .layout-contained .layout-wrap,
  .twocol-sideright .col2-top .layout-contained .layout-wrap {
    max-width: calc(435px - var(--inner-padding-lr)); /*845px;/*calc(853px - 2vw);*/ /* (1280px x col1 width) - padding left on col1) */
  }
  .twocol-sideleft .col1 .container-item,
  .twocol-sideleft .col1 .layout-contained .layout-wrap,
  .twocol-sideleft .col1 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideright .col2 .container-item,
  .twocol-sideright .col2 .layout-contained .layout-wrap,
  .twocol-sideright .col2 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideright .col2-top .container-item,
  .twocol-sideright .col2-top .layout-contained .layout-wrap,
  .twocol-sideright .col2-top .layout-full-width-content-contained .layout-wrap {
    margin-left: 0;
  }
  .twocol-sideright .col1 .container-item,
  .twocol-sideright .col1 .layout-contained .layout-wrap,
  .twocol-sideright .col1 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideleft .col2 .container-item,
  .twocol-sideleft .col2 .layout-contained .layout-wrap,
  .twocol-sideleft .col2 .layout-full-width-content-contained .layout-wrap,
  .twocol-sideleft .col2-top .container-item,
  .twocol-sideleft .col2-top .layout-contained .layout-wrap,
  .twocol-sideleft .col2-top .layout-full-width-content-contained .layout-wrap {
    margin-right: 0;
  }
  #menubox.container-item, /* overrides for #menubox */
  .slideshow .container-item, /* overrides for slideshow section */
  .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .container-item .container-item:not(.node__meta):not(.tag__items):not(.links):not(.comment-wrapper),/* prevents duplicating of the padding on nested container items */
  .views-row .container-item{/* prevents padding on paragraphs created with Views */
    max-width: 100% !important;
  }

}
@media
only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  /* DESKTOP - Retina - (1281px-1920px) */

}
@media all and (min-width: 1921px), print {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */

}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min-resolution: 192dpi) and (min-width: 1921px),
only screen and (min-resolution: 2dppx) and (min-width: 1921px) {
  /* DESKTOP LARGE - Retina - (1921px and larger) */

}