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


/* MOBILE SMALL - Non-Retina - (0-321px) */

/* --------------- Toolbar settings ---------------- */
#toolbar-administration, 
#toolbar-administration * {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
}
.toolbar .toolbar-icon-admin-toolbar-tools-help::before{
  background-size: 80% auto;
}
body.toolbar-vertical #header-wrap,
body.toolbar-horizontal #header-wrap { /* Move the fixed header down tablet & mobile if editor is logged in */
  top: 36px;
  top: 3.6rem;
}
body.toolbar-horizontal.toolbar-tray-open #header-wrap { /* Move the fixed header down desktop if editor is logged in */
 top:76px;
 top:7.6rem;
}
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed, /* Move the whole body right on tablet & mobile if editor is logged in */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed #header-wrap { /* Move the fixed header right on tablet & mobile if editor is logged in */
  margin-left: 0; /* reset toolbar.css */
}
.toolbar-oriented .toolbar-tray-vertical {
  width: 50%;
}

/* --- Common Settings - Shouldn't need to adjust --- */
#header-wrap,
#slideshow-wrap,
#page-content-main,
#breadcrumb-wrap,
#footer-two-wrap,
#footer-three-wrap,
#footer-four-wrap,
#footer-bottom-wrap{
  width:100%;
  margin:0;
  padding:0;
}


/* --------------- Header styles ---------------- */
#header-wrap { /* header container to edge of screen */
  position:fixed;
  top:0;
  left:0;
  -webkit-backface-visibility:hidden; /*needed to make position:fixed work on android*/
  z-index:400;
}
.fixed-header #header-wrap { /* header container to edge of screen when scrolling */
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
  /* border-bottom:1px solid #666; Remove comments on IE7 & IE8 */
}
.header { /* header container to edge of display area */
  padding-bottom:0; /* reset common settings to allow dropdowns to appear direct under navigation */
  clear:both;
}
.region-header-top, /* this is to contain the logged in user in the header */
.header .relative, /* this is to contain the searchbox within the header */
.header .block-system-branding-block {/* this is to contain the brand box within the header */
  position: relative;
}
.logo-wrap { /* logo container */
  float:left;
  position:relative;
  text-align:left;
  line-height: 1;
}
.logo-wrap a { /* link inside logo container */
  width:100%;
  text-align:left;
  text-decoration:none;
  line-height:1;
}
/* .logo-wrap img { /* image inside logo container */
/* } */
.name-slogan { /* Site name and slogan container */
  padding:0;
  margin:0;
  text-align:left;
  float:left;
  position:relative;
}
.site-name,
.site-name h1,
.site-name h1 a,
.site-name a { /* Site name */
  text-decoration:none !important;
  line-height:1.2;
}
/* .site-slogan { /* Site slogan */
/* } */

/* --------------- column container ---------------- */
#page-content-main { /* Main content container to edge of screen */
}
.page-content { /* Main content container to edge of display area */
  background:none; /* full width column background colour */
  position:relative;
  clear:both;
  overflow:hidden;
}

/* --------------- slideshow ---------------- */
#slideshow-wrap { /* slideshow */
}
.slideshow { /* slideshow */
  clear:both;
  margin:0 auto;
}
.paragraph--type--slide,
.paragraph--type--slide .paragraph-container-item { /* required to get the vertical alignment on the slides to work */
  height: 100%;
  position: relative;
}
.slideshow .align-left .slide-text ,
.slideshow .align-left .slide-text h2,
.slideshow .align-left .slide-text h3,
.slideshow .align-left .slide-text h4,
.slideshow .align-left .slide-text h5,
.slideshow .align-left .slide-text p,
.slideshow .align-left .slide-text .field--name-field-button,
.slideshow .align-left .slide-text .field--name-field-button div {
  text-align: left !important;
}
.slideshow .align-center .slide-text ,
.slideshow .align-center .slide-text h2,
.slideshow .align-center .slide-text h3,
.slideshow .align-center .slide-text h4,
.slideshow .align-center .slide-text h5,
.slideshow .align-center .slide-text p,
.slideshow .align-center .slide-text .field--name-field-button,
.slideshow .align-center .slide-text .field--name-field-button div{
  text-align: center !important;
}
.slideshow .align-right .slide-text ,
.slideshow .align-right .slide-text h2,
.slideshow .align-right .slide-text h3,
.slideshow .align-right .slide-text h4,
.slideshow .align-right .slide-text h5,
.slideshow .align-right .slide-text p,
.slideshow .align-right .slide-text .field--name-field-button,
.slideshow .align-right .slide-text .field--name-field-button div {
  text-align: right !important;
}
.slideshow .align-bottom .slide-text {
  bottom: 0;
}
.slideshow .align-top .slide-text {
  top: 0;
}
.slideshow .align-middle {
  position: relative;
}
.slideshow .align-middle .slide-text {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}


/* --- common column settings - no need to adjust --- */
.col-wrap {
  width:100%;
}
/* .col1,
.col2 {
} */

/* -------------------- Messages -------------------- */
.messages {
  margin-left: 8px;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
.highlight .messages {
  margin-top: 30px;
  margin-top: 3rem;
}

/* --------------- 2 Column (Main Content Left) settings ---------------- */
/* .twocol-sideright .col-wrap { /*column 1 (left column) */
/* } */
/* .twocol-sideright .col1 { /*column 1 (left column) (shouldn't need any adjustments here for mobile) */
/* } */
/* .twocol-sideright, 
.twocol-sideright .col2 { /*column 2 (right column) */
/* } */
/* .content-top,
.content-bottom{
}
.sidebar-first {
}
.sidebar-second {
} */


/* --------------- Common Footer settings - no need to adjust ---------------- */
/* #footer-two-wrap,
#footer-three-wrap,
#footer-four-wrap,
#footer-bottom-wrap { /* footer containers to edge of screen */
/* } */
.footer-two,
.footer-three,
.footer-four,
.footer-bottom { /* main footer container in each footer-***-wrap  */
  clear:both;
}
.footer-two-bottom,
.footer-three-bottom,
.footer-four-bottom {
  clear:both;
}


/* --------------- Footer 2 Column Layout styles ---------------- */
/* #footer-two-wrap { /* top footer container to edge of screen */
/* } */
/* .footer-two { 
} */
.footer-two-top,
.footer-two-first,
.footer-two-second,
.footer-two-bottom { /* 2 column individual columns */
}


/* --------------- Footer 3 Column Layout styles ---------------- */
/* #footer-three-wrap { /* top footer container to edge of screen */
/* } */
/* .footer-three { 
} */
.footer-three-top,
.footer-three-first,
.footer-three-second,
.footer-three-third,
.footer-three-bottom { /* 3 column individual columns */
}


/* --------------- Footer 4 Column Layout styles ---------------- */
/* #footer-four-wrap { /* top footer container to edge of screen */
/* } */
/* .footer-four { 
} */
.footer-four-left,
.footer-four-right { /* secondary footer container in footer-four-top */
  width:100%;
  padding:0;
  margin:0;
}
.footer-four-top,
.footer-four-first, 
.footer-four-second,
.footer-four-third,
.footer-four-fourth,
.footer-four-bottom { /* 4 column individual columns */
}


/* --------------- Footer Bottom Column Layout styles ---------------- */
/* #footer-bottom-wrap { /* bottom footer container to edge of screen */
/* } */
/* .footer-bottom-left,
.footer-bottom-right { /* secondary footer container in footer-bottom */
/* } */

/* 2020*/

.container-item,
.paragraph-container-item,
.slide-container-item
#block-useraccountmenu, /* User log-in menu at top of screen */
.eu-cookie-compliance-content {
  padding-left:3%;
  padding-left:3vw;
  padding-right:3%;
  padding-right:3vw;
  /* width:96%; - remove comment for IE8 */
}
#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,/* prevents duplicating of the padding on nested container items */
.paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
.views-row .paragraph-container-item{ /* prevents padding on paragraphs created with Views */ 
  padding-left:0;
  padding-right:0;

}

/* Paragraph column padding - add small padding by default to alight with above */
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-top-margin { 
  padding-top:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-bottom-margin { 
  padding-bottom:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-left-margin { 
  padding-left:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-right-margin { 
  padding-right:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-top-margin { 
  padding-top:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-bottom-margin { 
  padding-bottom:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-left-margin { 
  padding-left:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-right-margin { 
  padding-right:0;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin { 
  padding-top:10px;
  padding-top:1rem;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin { 
  padding-bottom:10px;
  padding-bottom:1rem;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin { 
  padding-left:1%;
  padding-left:1vw;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin { 
  padding-right:1%;
  padding-right:1vw;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin { 
  padding-top:20px;
  padding-top:2rem;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin { 
  padding-bottom:20px;
  padding-bottom:2rem;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin { 
  padding-left:2%;
  padding-left:2vw;
}
.paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin { 
  padding-right:2%;
  padding-right:2vw;
}


/*2020*/
.paragraph--type--modal.align-left {
  text-align: left;
}
.paragraph--type--modal.align-center {
  text-align: center;
}
.paragraph--type--modal.align-right {
  text-align: right;
}
/* Page margins */
.no-top-bottom-margin .content-top-full,
.no-top-bottom-margin .col1,
.content-top-full, 
.no-bottom-margin .content-top-full,
.no-bottom-margin .col1 {
  padding-bottom: 0!important;
}
.no-top-bottom-margin .content-top-full,
.no-top-bottom-margin .col1,
.content-top-full-used .col1,
.no-top-margin .content-top-full,
.no-top-margin .col1 {
  padding-top: 0 !important;
}

/* Paragraph Margins */
.paragraph--type--section-multi-column-highlight.no-margin-top,
.paragraph--type--section.no-margin-top,
.paragraph--type--section-multi-column-highlight.no-margin,
.paragraph--type--section.no-margin {
  margin-top: 0 !important;
}
.paragraph--type--section-multi-column-highlight.no-margin-bottom,
.paragraph--type--section.no-margin-bottom,
.paragraph--type--section-multi-column-highlight.no-margin,
.paragraph--type--section.no-margin {
  margin-bottom: 0 !important;
}

.layout-100 > *,
.layout-85 > *,
.layout-75 > *,
.layout-66 > *,
.layout-50 > * {
  margin-left: auto;
  margin-right: auto;
}
.layout-100 > * {
  max-width: 100%;
}
.layout-85 > * {
  max-width: 92%;
}
.layout-75 > * {
  max-width: 87%;
}
.layout-66 > * {
  max-width: 83%;
}
.layout-50 > * {
  max-width: 75%;
}

/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 321px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min-resolution: 192dpi) and (min-width: 321px),
only screen and (min-resolution: 2dppx) and (min-width: 321px) { 
  /* MOBILE - Retina - (321px–580px) */
  
}


@media all and (min-width: 581px) {
  /* MOBILE LARGE - Non-Retina - (581px–767px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 581px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min-resolution: 192dpi) and (min-width: 581px),
only screen and (min-resolution: 2dppx) and (min-width: 581px) { 
  /* MOBILE LARGE - Retina - (581px–767px landscape only) */
  
}

@media all and (min-width: 768px) {
  /* TABLET - Non-Retina - (768px–1024px) */
  
  /* --------------- Toolbar settings ---------------- */
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed, /* Move the whole body right on tablet if editor is logged in */
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed #header-wrap { /* Move the fixed header right on tablet if editor is logged in */
    margin-left: 20%;
    width: 80%;
  }
  .toolbar-oriented .toolbar-tray-vertical {
    width: 20%;
  }
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  
  /* --------------- Header styles ---------------- */
  
  
  /* --------------- column container ---------------- */
  
  
  /* --------------- slideshow ---------------- */
  
  
  /* --- common column settings - no need to adjust --- */
  .col-wrap {
    float:left;
    position:relative;
  }
  .col1,
  .col2 {
    float:left;
    position:relative;  
    width:auto;
  }
  .onecol .col1,
  .onecol .col2 {
    float: none;
  }
  
  /* -------------------- Messages -------------------- */
  
  /* --------------- 2 Column (Main Content Left) settings ---------------- */
  
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */
  
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
  .footer-two-first,
  .footer-two-second { 
    float:left;
    position:relative;
    width:45%;
    padding-right: 10%;
  }
  .footer-two-second { 
    padding-right: 0;
  }
  
  /* --------------- Footer 3 Column Layout styles ---------------- */
  .footer-three-first,
  .footer-three-second,
  .footer-three-third { /* 3 column footer background colour */
    float:left;
    position:relative;
    width:27%; 
    padding-right: 9.5%;
  }
  .footer-three-third { 
    padding-right: 0;
  }  
  
  /* --------------- Footer 4 Column Layout styles ---------------- */
  .footer-four-left,
  .footer-four-right { /* secondary footer container in footer-four-top */
    width:47.5%;
    float:left;
    position:relative;
    margin:0;
    padding:0 5% 0 0;
  }
  .footer-four-right { 
    padding:0;
  }
  .footer-four-first, 
  .footer-four-second,
  .footer-four-third,
  .footer-four-fourth { /* 4 column individual columns */
    margin:0;
  }
  
  
  /* --------------- Footer Bottom Column Layout styles ---------------- */
  .footer-bottom-left,
  .footer-bottom-right { /* secondary footer container in footer-bottom */
    width:50%;
    padding:0;
    float:left;
    position:relative;
  }
  .footer-bottom-right { /* secondary footer container in footer-bottom */
    float:right;
  }
  
  /* 2020 */
  .container-item,
  .paragraph-container-item,
  .slide-container-item
  #block-useraccountmenu, /* User log-in menu at top of screen */
  .eu-cookie-compliance-content {
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;
    /* width:92%; - remove comment for IE8 */
  }
  .paragraph--type--column-group.paragraph-container-item { /* reduce padding on paragraph column container as paragraph columns have padding too */
    padding-left:2.5%;
    padding-left:2.5vw;
    padding-right:2.5%;
    padding-right:2.5vw;
    /* width:96%; - remove comment for IE8 */
  }
  /* Paragraph column padding - add small padding by default to alight with above */
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-top-margin { 
    padding-top:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-bottom-margin { 
    padding-bottom:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-left-margin { 
    padding-left:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-right-margin { 
    padding-right:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-top-margin { 
    padding-top:15px;
    padding-top:1.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-bottom-margin { 
    padding-bottom:15px;
    padding-bottom:1.5rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-left-margin { 
    padding-left:1.5%;
    padding-left:1.5vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-right-margin { 
    padding-right:1.5%;
    padding-right:1.5vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin { 
    padding-top:30px;
    padding-top:3rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin { 
    padding-bottom:30px;
    padding-bottom:3rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin { 
    padding-left:3%;
    padding-left:3vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin { 
    padding-right:3%;
    padding-right:3vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin { 
    padding-top:60px;
    padding-top:6rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin { 
    padding-bottom:60px;
    padding-bottom:6rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin { 
    padding-left:6%;
    padding-left:6vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin { 
    padding-right:6%;
    padding-right:6vw;
  }
  
  
  #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,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .views-row .paragraph-container-item{ /* prevents padding on paragraphs created with Views */ 
    padding-left:0;
    padding-right:0;
  }

  
  /* Flex box columns */
  .paragraph--type--column-group .column-container-item {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.smaller {
    -webkit-box-flex: 0.5;
    -moz-box-flex: 0.5;
    -webkit-flex: 0.5 1 0;
    -ms-flex: 0.5 1 0;
    flex: 0.5 1 0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.larger {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 1 0;
    -ms-flex: 2 1 0;
    flex: 2 1 0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.align-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.align-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .paragraph--type--column-group.one-col .column-container-item > .col-break, 
  .paragraph--type--column-group.two-col .column-container-item > .col-break-1,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-3,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-7,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-9,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-13,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-15,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.two-col .column-container-item > .col-break-19,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-2,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-8,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.three-col .column-container-item > .col-break-20,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-1,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-3,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-7,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-9,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-13,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-15,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-19,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-2,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-8,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-20,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-2,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-8,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-20 {
    flex-basis: 100%;
    height: 0;
  }
  .layout-100 > * {
    max-width: 100%;
  }
  .layout-85 > * {
    max-width: 85%;
  }
  .layout-75 > * {
    max-width: 75%;
  }
  .layout-66 > * {
    max-width: 66%;
  }
  .layout-50 > * {
    max-width: 50%;
  }


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
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) {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  
  /* --------------- Toolbar settings ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  
  /* --------------- Header styles ---------------- */
  .header .block-system-branding-block {
    float: left;
    z-index: 1000;
  }

  
  /* --------------- column container ---------------- */
  
  
  /* --------------- slideshow ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  
  /* -------------------- Messages -------------------- */
  
  
  /* ----------------- 2 Column (Main Content Left) settings ------------------ */
  
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */
  
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 3 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 4 Column Layout styles ---------------- */
  .footer-four-first, 
  .footer-four-second,
  .footer-four-third,
  .footer-four-fourth { /* 4 column individual columns */
    float:left;
    position:relative;
    width:45%; /* was 46% */
    padding-right: 10%;
  }
  .footer-four-second,
  .footer-four-fourth { /* 4 column individual columns */
    padding-right: 0;
  }
  
  
  /* --------------- Footer Bottom Column Layout styles ---------------- */
  
  /* 2020 */
  .container-item,
  .paragraph-container-item,
  .slide-container-item
  #block-useraccountmenu, /* User log-in menu at top of screen */
  #menubox.container-item, /* reset #menubox */
  .eu-cookie-compliance-content {
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;
    /* width:92%; - remove comment for IE8 */
  }
  .paragraph--type--column-group.paragraph-container-item { /* reduce padding on column contaoner as columns have padding too */
    padding-left:2%;
    padding-left:2vw;
    padding-right:2%;
    padding-right:2vw;
    /* width:96%; - remove comment for IE8 */
  }
  .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,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .views-row .paragraph-container-item{ /* prevents padding on paragraphs created with Views */ 
    padding-left:0;
    padding-right:0;
  }

  
  /* Flex box columns */

  .paragraph--type--column-group.four-col .column-container-item > .col-break-1,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-3,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-7,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-9,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-13,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-15,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.four-col .column-container-item > .col-break-19,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-2,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-8,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-20,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-2,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-8,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-17,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-20 {
    flex-basis: 0; /* Reset from tablet */
  }
  .paragraph--type--column-group.four-col .column-container-item > .col-break-3, 
  .paragraph--type--column-group.four-col .column-container-item > .col-break-7, 
  .paragraph--type--column-group.four-col .column-container-item > .col-break-11, 
  .paragraph--type--column-group.four-col .column-container-item > .col-break-15, 
  .paragraph--type--column-group.four-col .column-container-item > .col-break-19, 
  .paragraph--type--column-group.five-col .column-container-item > .col-break-4,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-9,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-14,
  .paragraph--type--column-group.five-col .column-container-item > .col-break-19,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-5,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-11,
  .paragraph--type--column-group.six-col .column-container-item > .col-break-17 {
    flex-basis: 100%;
    height: 0;
  }

  
  .paragraph--type--column-group.paragraph-container-item { /* reduce padding on paragraph column container as paragraph columns have padding too */
    padding-left:2%;
    padding-left:2vw;
    padding-right:2%;
    padding-right:2vw;
    /* width:96%; - remove comment for IE8 */
  }
  /* Paragraph column padding - add small padding by default to alight with above */
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-top-margin { 
    padding-top:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-bottom-margin { 
    padding-bottom:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-left-margin { 
    padding-left:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.no-right-margin { 
    padding-right:0;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-top-margin { 
    padding-top:20px;
    padding-top:2rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-bottom-margin { 
    padding-bottom:20px;
    padding-bottom:2rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-left-margin { 
    padding-left:2%;
    padding-left:2vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.small-right-margin { 
    padding-right:2%;
    padding-right:2vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-top-margin { 
    padding-top:40px;
    padding-top:4rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-bottom-margin { 
    padding-bottom:40px;
    padding-bottom:4rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-left-margin { 
    padding-left:4%;
    padding-left:4vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.medium-right-margin { 
    padding-right:4%;
    padding-right:4vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-top-margin { 
    padding-top:100px;
    padding-top:10rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-bottom-margin { 
    padding-bottom:100px;
    padding-bottom:10rem;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-left-margin { 
    padding-left:10%;
    padding-left:10vw;
  }
  .paragraph--type--column-group .column-container-item .paragraph--type--column-item.large-right-margin { 
    padding-right:10%;
    padding-right:10vw;
  }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
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) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
  
  /* --------------- Toolbar settings ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  
  /* --------------- Header styles ---------------- */
  
  
  /* --------------- column container ---------------- */
  
  
  /* --------------- slideshow ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */

  /* -------------------- Messages -------------------- */
  
  
  /* ----------------- 2 Column (Main Content Left) settings ------------------ */
  
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */
  
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 3 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  
  /* --------------- Footer Bottom Column Layout styles ---------------- */
  
  
  
  /* 2020 */
  .container-item,
  .paragraph-container-item,
  .slide-container-item
  #block-useraccountmenu, /* User log-in menu at top of screen */
  .eu-cookie-compliance-content,
  .paragraph--type--section > .paragraph {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .paragraph--type--column-group.paragraph-container-item { /* reduce padding on column contaoner as columns have padding too */
  }
  #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,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .views-row .paragraph-container-item,/* prevents padding on paragraphs created with Views */
  .paragraph--type--section { /* allows section to be full width */ 
    max-width: 100%;
  }
  .paragraph--type--column-group .column-container-item {
    margin-left: -2%;
    margin-left: -2vw;
    margin-right: -2%;
    margin-right: -2vw;
  }
  
  
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1281px),
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) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
  
  /* --------------- Toolbar settings ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  
  /* --------------- Header styles ---------------- */
  
  
  /* --------------- column container ---------------- */
  
  
  /* --------------- slideshow ---------------- */
  
  
  /* --- Common Settings - Shouldn't need to adjust --- */
  
  /* --------------- Footer 3 Column Layout styles ---------------- */
  
  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* -------------------- Messages -------------------- */
  
  
  /* ----------------- 2 Column (Main Content Left) settings ------------------ */
  
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */
  
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 3 Column Layout styles ---------------- */
  
  
  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  
  /* --------------- Footer Bottom Column Layout styles ---------------- */
  
}

@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) */
  
}