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

/* --------------- common column padding ---------------- */
.content-top-full,
.col1,
.col2,
.footer-two,
.footer-three,
.footer-four,
.paragraph--type--section-multi-column-highlight .paragraph-container-item,
.paragraph--type--section .paragraph-container-item,
.slideshow .slide-text,
.slideshow .banner-text {
  padding-top: 40px;
  padding-top: 4rem;
  padding-bottom: 42px;
  padding-bottom: 4.2rem;
}
.content-top-full {
  padding-bottom: 0;
}
.content-top-full-used .col1 {
  padding-top: 0;
}
.no-top-padding .content-top-full,
.no-top-padding .col1 {
  padding-top: 0;
}
.no-bottom-padding .content-top-full,
.no-bottom-padding .col1 {
  padding-bottom: 0;
}
.no-top-bottom-padding .content-top-full,
.no-top-bottom-padding .col1 {
  padding-top: 0;
  padding-bottom: 0;
}
.container-item,
#block-useraccountmenu, /* User log-in menu at top of screen */
#block-designitmcl-sub-useraccountmenu,
.paragraph-container-item, 
.field--type-webform,
.slideshow .slide-text,
.slideshow .banner-text,
.slideshow h1,
.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 */
.slideshow .container-item, /* overrides for slideshow section */
.slideshow .paragraph-container-item, /* overrides for slideshow section */
.path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
.path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
.page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (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 */ 
.field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
  padding: 0;
}
.paragraph--type--section-multi-column-highlight,
.paragraph--type--section {
  margin-top: 40px;
  margin-top: 4rem;
  margin-bottom: 42px;
  margin-bottom: 4.2rem;
}
.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;
}
.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;
}

  
/* --------------- Body styles ---------------- */
body {
  background: #2D99C8;                     /* Colour of area below footer - should be the same as #footer-bottom-wrap */
  background: -moz-linear-gradient(left, #2d99c8 0%, #244896 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d99c8), color-stop(100%,#244896)); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(left, #2d99c8 0%,#244896 100%); /* IE10 preview */
  background: linear-gradient(to right, #2d99c8 0%,#244896 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* --------------- Header styles ---------------- */
#header-wrap {                             /* header container to edge of screen */
  background:#fff;                      /* Header Background Colour*/
  background:rgba(255,255,255,0.75);                      /* Header Background Colour*/
  min-height:50px;                         /* **header-height** */
  min-height:5rem;                         /* **header-height** */
}
.header {                                  /* header container to edge of display area */
  padding-top:10px;
  padding-top:1rem;
}
.logo-wrap img {                           /* image inside logo container */
  height:25px;                             /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  height:2.5rem;                             /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  padding-top:3px; 
  padding-top:0.3rem; 
}
#menubox,
.logo-wrap img {
  padding-bottom:13px;
  padding-bottom:1.3rem;
}
.name-slogan {
  display: none; /* Remove comment to hide the site name and slogan text - if using a logo */
}

/* --------------- Slideshow ---------------- */
#slideshow-wrap {
  background: #EEECED;
}

/* Background images on slides, banners, maps */
.slide-container,
.banner-container,
.map-container {
  height: 400px !important;
  width: 100%;
}
.slideshow .container-item,
.slideshow .paragraph-container-item {
  position: relative;
}
.slideshow .slide-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: auto !important;
  transform: translate(0,0) !important;
  bottom: 0;
  background: #fff;
  background: rgba(255,255,255,0.75);
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}
.slideshow .banner-text {
  position: relative;
  background: #efefef;
}
.banner-container {
  position: relative;
  display: block;
  opacity: 0.5;
}
.view-banner-image .view-content .views-field-title,
.view-banner-image .view-empty .views-field-title {
  top: 72%;
  transform: translate(0, -50%);
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
}
.view-banner-image .view-empty .views-field-title {
  top: 72%;
}

.view-banner-image .views-field-title h1 {
  text-align: center;
  text-shadow: 0px 0px 100px #fff, 0px 0px 75px #fff, 0px 0px 50px #fff;
}
.view-banner-image .view-content,
.view-banner-image .view-empty,
.banner-container,
.banner-wrap {
  height: 200px !important;
}
.banner-hide .banner-container {
  display: none;
}
.map-container {
  height: 320px !important;
}


/* --------------- Column Container ---------------- */
#page-content-main,
.page-content {                       /* Main content container to edge of screen */
  padding-top:0;                        /* **header-height** */
  background: #fff;
}
.page-content {                       /* Main content container to edge of screen */
  z-index: 100;
}

/* --------------- Breadcrumbs ---------------- */
.breadcrumb {
  padding-bottom:30px; 
  padding-bottom:3rem; 
}

/* --------------- Column settings ---------------- */
.onecol .col-wrap,
.twocol-sideright .col-wrap,
.twocol-sideleft,
.twocol-sideleft .col1{              /* Main Content */
  background:#fff;                      /* Main Content background colour */
}
.onecol, 
.onecol .col2,
.twocol-sideright, 
.twocol-sideright .col2,
.twocol-sideleft .col-wrap, 
.twocol-sideleft .col2 {                   /* Sidebar */
  background:#fff;                      /* Sidebar background colour */
}

/* --------------- Footer 2 Column Layout styles ---------------- */
#footer-two-wrap {                         /* 2 column footer */
  background: #e6ecec;                     /* 2 column footer background colour */
}
/* .footer-two { 
} */
/* .footer-two-top,
.footer-two-first,
.footer-two-second,
.footer-two-bottom { 
} */
/* .footer-two-first,
.footer-two-second { 
} */
/* .footer-two-second { 
} */

/* --------------- Footer 3 Column Layout styles ---------------- */
#footer-three-wrap {                      /* 3 column footer */
  background: #2D99C8;                    /* 3 column footer background colour */
  background: -moz-linear-gradient(left, #2d99c8 0%, #244896 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d99c8), color-stop(100%,#244896)); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(left, #2d99c8 0%,#244896 100%); /* IE10 preview */
  background: linear-gradient(to right, #2d99c8 0%,#244896 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 10;
  position: relative; /* makes z-index above work */
}
/* .footer-three { 
} */
/* .footer-three-top,
.footer-three-bottom { 
/* } */
/* .footer-three-first,
.footer-three-second,
.footer-three-third { 
/* } */
/* .footer-three-third { 
/* } */

/* --------------- Footer 4 Column Layout styles ---------------- */
#footer-four-wrap {                       /* 4 column footer */
  background: #2D99C8;                    /* 3 column footer background colour */
  background: -moz-linear-gradient(left, #2d99c8 0%, #244896 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d99c8), color-stop(100%,#244896)); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #2d99c8 0%,#244896 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(left, #2d99c8 0%,#244896 100%); /* IE10 preview */
  background: linear-gradient(to right, #2d99c8 0%,#244896 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 10;
  position: relative; /* makes z-index above work */
}
/* .footer-four { 
} */
/* .footer-four-top,
.footer-four-bottom { 
/* } */
/* .footer-four-left,
.footer-four-right { 
/* } */
/* .footer-four-first, 
.footer-four-second,
.footer-four-third,
.footer-four-fourth { 
/* } */
/* .footer-four-first,
.footer-four-third { 
} */

/* --------------- Footer Bottom Layout styles ---------------- */
.footer-bottom {
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}




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

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .slide-container {
    height: 500px !important;
  }
  .banner-container {
    height: 200px !important;
  }
  .map-container {
    height: 320px !important;
  }
  
}

@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) */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .slide-container {
    height: 450px !important;
  }
  .banner-container {
    height: 200px !important;
  }
  .map-container {
    height: 320px !important;
  }
  
}

@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 & Medium screen, non-retina */
  
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section .paragraph-container-item,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 45px;
    padding-top: 4.5rem;
    padding-bottom: 50px;
    padding-bottom: 5rem;
  }
  .content-top-full  {
    padding-bottom: 0;
  }
  .content-top-full-used .col1,
  .content-top-full-used .col2 {
    padding-top: 0;
  }
  .no-top-padding .content-top-full,
  .no-top-padding .col1 {
    padding-top: 0;
  }
  .no-bottom-padding .content-top-full,
  .no-bottom-padding .col1 {
    padding-bottom: 0;
  }
  .no-top-bottom-padding .content-top-full,
  .no-top-bottom-padding .col1 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .container-item,
  #block-useraccountmenu, /* User log-in menu at top of screen */
  #block-designitmcl-sub-useraccountmenu,
  .paragraph-container-item, 
  .field--type-webform,
  .slideshow .slide-text,
  .slideshow .banner-text,
  .slideshow h1,
  .eu-cookie-compliance-content {
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;
    /* width:92%; - remove comment for IE8 */
  }
  .slideshow .container-item, /* overrides for slideshow section */
  .slideshow .paragraph-container-item, /* overrides for slideshow section */
  .path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
  .path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (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 */ 
  .field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
    padding: 0;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 50px;
    margin-top: 5rem;
    margin-bottom: 50px;
    margin-bottom: 5rem;
  }
  .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;
  }
  .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;
  }

  /* --------------- Header styles ---------------- */
  #header-wrap {                      /* header container to edge of screen */
    min-height:70px;                  /* **header-height** */
    min-height:7rem;                  /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;                  /* **header-height** */
    min-height:5rem;                  /* **header-height** */
  }
  .header { /* header container to edge of display area */
    padding-top:15px;
    padding-top:1.5rem;
  }
  .fixed-header .header {
    padding-top:10px;
    padding-top:1rem;
  }
  .logo-wrap img {                   /* image inside logo container */
    height:40px;                     /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:4rem;                     /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  #menubox,
  .logo-wrap img {
    padding-bottom:18px;
    padding-bottom:1.8rem;
  }
  .fixed-header .logo-wrap img {
    height:25px;                     /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:2.5rem;                     /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    padding-bottom:13px;
    padding-bottom:1.3rem;
  }

  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .slide-container {
    height: 625px !important;
  }
  .view-banner-image .view-content,
  .banner-container,
  .banner-wrap {
    height: 300px !important;
  }
  .map-container {
    height: 320px !important;
  }

  .view-banner-image .view-content .views-field-title {
    top: 68%;
  }
  .view-banner-image .view-empty .views-field-title {
    top: 79%;
  }


  /* --------------- column container ---------------- */
  #page-content-main {/* Main content container to edge of screen */
    padding-top:0;              /* **header-height** */
  }

  
  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Footer 2 Column Layout styles ---------------- */
    
  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
  .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }
  

  /* Secure Location Solutions Overrides */
  .slideshow .slide-text {
    width: 40%;
  }
  .slideshow .align-right .slide-text {
    left: 40%;
  }
  .slideshow .align-left .slide-text {
    right: 40%;
  }
  .slideshow .align-middle .slide-text {
    top: 50% !important;
    transform: translate(0, -42%) !important;
    bottom: auto;
    background: none; 
  }


}

@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) */
  
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 60px;
    padding-top: 6rem;
    padding-bottom: 65px;
    padding-bottom: 6.5rem;
  }
  .content-top-full  {
    padding-bottom: 0;
  }
  .content-top-full-used .col1,
  .content-top-full-used .col2 {
    padding-top: 0;
  }
  .no-top-padding .content-top-full,
  .no-top-padding .col1 {
    padding-top: 0;
  }
  .no-bottom-padding .content-top-full,
  .no-bottom-padding .col1 {
    padding-bottom: 0;
  }
  .no-top-bottom-padding .content-top-full,
  .no-top-bottom-padding .col1 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .container-item,
  #menubox.container-item, /* reset #menubox */
  #block-useraccountmenu, /* User log-in menu at top of screen */
  #block-designitmcl-sub-useraccountmenu,
  .paragraph-container-item, 
  .field--type-webform,
  .slideshow .slide-text,
  .slideshow .banner-text,
  .slideshow h1,
  .eu-cookie-compliance-content {
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;
    /* width:92%; - remove comment for IE8 */
  }
  .slideshow .container-item, /* overrides for slideshow section */
  .slideshow .paragraph-container-item, /* overrides for slideshow section */
  .path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
  .path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (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 */ 
  .field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
    padding: 0;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 65px;
    margin-top: 6.5rem;
    margin-bottom: 65px;
    margin-bottom: 6.5rem;
  }
  .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;
  }
  .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;
  }


  /* --------------- Header styles ---------------- */
  #header-wrap { /* header container to edge of screen */
    min-height:80px;      /* **header-height** */
    min-height:8rem;      /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;      /* **header-height** */
    min-height:5rem;       /* **header-height** */
  }
  .header { /* header container to edge of display area */
    padding-top:15px;
    padding-top:1.5rem;
  }
  .fixed-header .header {
    padding-top:10px;
    padding-top:1rem;
  }
  .logo-wrap img { /* image inside logo container */
    height:50px; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:5rem; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  .fixed-header .logo-wrap img {
    height:30px; /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:3rem; /* *header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
  }
  #menubox {
    padding-bottom:0; /* reset from mobile/tablet */
  }
  
  /* --------------- slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .path-frontpage #slideshow-wrap,
  .path-frontpage .slide-container {
    height: 480px !important;
    height: 75vh !important;
  }
  .view-banner-image .view-content,
  .banner-container,
  .banner-wrap {
    height: 300px !important;
  }
  .map-container {
    height: 320px !important;
  }
  .view-banner-image .view-content .views-field-title {
    top: 68%;
  }
  .view-banner-image .view-empty .views-field-title {
    top: 80%;
  }
  
  /* --------------- column container ---------------- */
  #page-content-main { /* Main content container to edge of screen */
    padding-top:0;    /* **header-height** */
  }
  .page-content { /* Main content container to edge of display area */
    /* *padding-left:0; - remove comment for IE7 (leave * before padding) */
    /* *padding-right:0; - remove comment for IE7 (leave * before padding) */
  }
  
  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
    .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }
  
  /* Secure Location Solutions Overrides */
  .slideshow .slide-text {
    width: 33%;
    padding: 0 !important;
  }
  .slideshow .align-right .slide-text {
    left: 40%;
  }
  .slideshow .align-left .slide-text {
    right: 40%;
  }
  .path-frontpage #slideshow-wrap {
  }
  



}

@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 only screen and (min-width: 1281px) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
   
  /* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 65px;
    padding-top: 6.5rem;
    padding-bottom: 70px;
    padding-bottom: 7rem;
  }
  .content-top-full  {
    padding-bottom: 0;
  }
  .content-top-full-used .col1,
  .content-top-full-used .col2 {
    padding-top: 0;
  }
  .no-top-padding .content-top-full,
  .no-top-padding .col1 {
    padding-top: 0;
  }
  .no-bottom-padding .content-top-full,
  .no-bottom-padding .col1 {
    padding-bottom: 0;
  }
  .no-top-bottom-padding .content-top-full,
  .no-top-bottom-padding .col1 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .container-item,
  #menubox.container-item, /* reset #menubox */
  #block-useraccountmenu, /* User log-in menu at top of screen */
  .paragraph-container-item, 
  .field--type-webform,
  .slideshow .slide-text,
  .slideshow .banner-text,
  .slideshow h1,
  .eu-cookie-compliance-content {
    padding-left:7%;
    padding-left:7vw;
    padding-right:7%;
    padding-right:7vw;
    /* width:86%; - remove comment for IE8 */
  }
  .container-item,
  #menubox.container-item, /* reset #menubox */
  #block-useraccountmenu, /* User log-in menu at top of screen */
  .paragraph-container-item, 
  .paragraph-container-item .paragraph-container-item,
  .field--name-field-multi-column-content,
  .field--type-webform,
  .paragraph--type--slide,
  .eu-cookie-compliance-content {
    max-width: 1280px;
    margin: 0 auto;
  }
  .bgcol .paragraph-container-item {
    max-width: 100%;
  }
  .block-system-main-block.container-item,
  .slideshow .container-item {
    max-width: 100%;
  }
  .path-user .block-system-main-block.container-item {
    max-width: 1280px;
  }
  
  
  .twocol-sideright .col1 .container-item,
  .twocol-sideright .col1 .paragraph-container-item,
  .path-node .twocol-sideright .col1 .field--type-webform,
  .twocol-sideleft .col2 .container-item {
    padding-left:0;
    padding-right:4%;
    padding-right:4vw;    
    /* width:96%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .container-item,
  .twocol-sideleft .col1 .paragraph-container-item,
  .path-node .twocol-sideleft .col1 .field--type-webform,
  .twocol-sideright .col2 .container-item {
    padding-left:4%;
    padding-left:4vw;
    padding-right:0;    
    /* width:96%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .bgcol .paragraph-container-item,
  .twocol-sideright .col1 .bgcol .paragraph-container-item { /* Alter padding for Sections with a coloured background */
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;    
    /* width:82%; - remove comment for IE8 */
  }
  .footer-two-first .container-item,
  .footer-three-first .container-item,
  .footer-four-first .container-item,
  .footer-bottom-left .container-item {
    padding-left:7%;
    padding-left:7vw;
    padding-right:2%;
    padding-right:2vw;    
    /* width:91%; - remove comment for IE8 */
  }
  .footer-two-second .container-item,
  .footer-three-third .container-item,
  .footer-four-fourth .container-item,
  .footer-bottom-right .container-item {
    padding-left:2%;
    padding-left:2vw;
    padding-right:7%;
    padding-right:7vw;    
    /* width:91%; - remove comment for IE8 */
  }
  .footer-three-second .container-item,
  .footer-four-second .container-item,
  .footer-four-third .container-item {
    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 */
  .slideshow .paragraph-container-item, /* overrides for slideshow section */
  .path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
  .path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (use padding in paragraphs) */
  .container-item .container-item,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item,
  .twocol-sideright .col1 .paragraph-container-item .paragraph-container-item,
  .twocol-sideleft .col1 .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .twocol-sideleft .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col1 .field--type-webform .container-item,
  .twocol-sideright .col1 .field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
    padding: 0;
  }
  .paragraph--type--section-multi-column-highlight,
  .paragraph--type--section {
    margin-top: 70px;
    margin-top: 7rem;
    margin-bottom: 70px;
    margin-bottom: 7rem;
  }
  .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;
  }
  .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;
  }


  /* --------------- Header styles ---------------- */
  #header-wrap { /* header container to edge of screen */
    min-height:90px;      /* **header-height** */
    min-height:9rem;      /* **header-height** */
  }
  .fixed-header #header-wrap { /* header container to edge of screen when scrolling */
    min-height:50px;      /* **header-height** */
    min-height:5rem;       /* **header-height** */
  }
  .logo-wrap img { /* image inside logo container */
    height:60px; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
    height:6rem; /* **header-height** (#header-wrap{min-height} minus .header{padding-top} x2) */
  }
  .fixed-header .logo-wrap img {
    height:30px; /* **header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
    height:3rem; /* *header-height** (.fixed-header#header-wrap {min-height} minus .fixed-header.header {padding-top} x 2) */
  }

  /* --------------- slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .path-frontpage #slideshow-wrap,
  .path-frontpage .slide-container {
    height: 720px !important;
    height: 80vh !important;
  }
  .path-frontpage .flexslider .slides > li {
    position: fixed !important;
  }
  .view-banner-image .view-content,
  .banner-container,
  .banner-wrap {
    height: 350px !important;
  }
  .map-container {
    height: 320px !important;
  }
  .view-banner-image .view-content .views-field-title {
    top: 65%;
  }
  .view-banner-image .view-empty .views-field-title {
    top: 81%;
  }
  

  /* --------------- column container ---------------- */
  #page-content-main { /* Main content container to edge of screen */
    padding-top:0;    /* **header-height** */
  }
  .page-node-type-webform .page-content.twocol-sideleft,
  .page-node-type-webform .page-content.twocol-sideright {
    max-width: 1280px;
    margin: 0 auto;
  }

  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

  /* --------------- Footer 4 Column Layout styles ---------------- */
  
  /* --------------- Footer Bottom Layout styles ---------------- */
  .footer-bottom {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
  }

  /* Secure Location Solutions Overrides */
  .slideshow .slide-text {
    width: 30%;
  }
  .slideshow .align-right .slide-text {
    left: 60%;
  }
  .slideshow .align-left .slide-text {
    right: 60%;
  }




}

@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 only screen and (min-width: 1921px) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
  
/* --------------- common column padding ---------------- */
  .content-top-full,
  .col1,
  .col2,
  .footer-two,
  .footer-three,
  .footer-four,
  .paragraph--type--section-multi-column-highlight .paragraph-container-item,
  .paragraph--type--section .paragraph-container-item,
  .path-frontpage .block-page-title-block.container-item .content,
  .slideshow .slide-text,
  .slideshow .banner-text {
    padding-top: 65px;
    padding-top: 6.5rem;
    padding-bottom: 70px;
    padding-bottom: 7rem;
  }
  .content-top-full  {
    padding-bottom: 0;
  }
  .content-top-full-used .col1,
  .content-top-full-used .col2 {
    padding-top: 0;
  }
  .no-top-padding .content-top-full,
  .no-top-padding .col1 {
    padding-top: 0;
  }
  .no-bottom-padding .content-top-full,
  .no-bottom-padding .col1 {
    padding-bottom: 0;
  }
  .no-top-bottom-padding .content-top-full,
  .no-top-bottom-padding .col1 {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  /* --------------- Header styles ---------------- */
  
  /* --------------- Slideshow ---------------- */
  /* Background images on slides, banners, maps */
  .path-frontpage #slideshow-wrap,
  .path-frontpage .slide-container {
    height: 960px !important;
    height: 80vh !important;
  }
  .view-banner-image .view-content,
  .banner-container,
  .banner-wrap {
    height: 400px !important;
  }
  .map-container {
    height: 320px !important;
  }
  .view-banner-image .view-content .views-field-title {
    top: 63%;
  }
 

  /* --------------- column container ---------------- */
  
  /* --------------- common column settings - no need to adjust ---------------- */
  .container-item,
  #block-useraccountmenu, /* User log-in menu at top of screen */
  #menubox.container-item,
  .paragraph-container-item,
  .field--type-webform,
  .slideshow .slide-text,
  .slideshow .banner-text,
  .slideshow h1,
  .eu-cookie-compliance-content {
    padding-left:15%;
    padding-left:15vw;
    padding-right:15%;
    padding-right:15vw;
    /* width:70%; - remove comment for IE8 */
  }
  .twocol-sideright .col1 .container-item,
  .twocol-sideright .col1 .paragraph-container-item,
  .path-node .twocol-sideright .col1 .field--type-webform,
  .twocol-sideleft .col2 .container-item {
    padding-left:0;
    padding-right:3.5%;
    padding-right:3.5vw;
    /* width:96.5%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .container-item,
  .twocol-sideleft .col1 .paragraph-container-item,
  .path-node .twocol-sideleft .col1 .field--type-webform,
  .twocol-sideright .col2 .container-item {
    padding-left:3.5%;
    padding-left:3.5vw;
    padding-right:0;
    /* width:96.5%; - remove comment for IE8 */
  }
  .twocol-sideleft .col1 .bgcol .paragraph-container-item,
  .twocol-sideright .col1 .bgcol .paragraph-container-item { /* Alter padding for Sections with a coloured background */
    padding-left:4%;
    padding-left:4vw;
    padding-right:4%;
    padding-right:4vw;    
    /* width:82%; - remove comment for IE8 */
  }

  .footer-two-first .container-item,
  .footer-three-first .container-item,
  .footer-four-first .container-item,
  .footer-bottom-left .container-item {
    padding-left:15%;
    padding-left:15vw;
    padding-right:2%;
    padding-right:2vw;    
    /* width:83%; - remove comment for IE8 */
  }
  .footer-two-second .container-item,
  .footer-three-third .container-item,
  .footer-four-fourth .container-item,
  .footer-bottom-right .container-item {
    padding-left:2%;
    padding-left:2vw;
    padding-right:15%;
    padding-right:15vw;    
    /* width:83%; - remove comment for IE8 */
  }
  .footer-three-second .container-item,
  .footer-four-second .container-item,
  .footer-four-third .container-item {
    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 */
  .slideshow .paragraph-container-item, /* overrides for slideshow section */
  .path-frontpage .block-system-main-block.container-item, /* overrides for main content on the front page (use padding in paragraphs) */
  .path-node .block-system-main-block.container-item, /* overrides for main content on nodes (use padding in paragraphs) */
  .page-node-type-error-page .block-system-main-block.container-item, /* overrides for main content on Error Page type (use padding in paragraphs) */
  .container-item .container-item,/* prevents duplicating of the padding on nested container items */
  .paragraph-container-item .paragraph-container-item,
  .twocol-sideright .col1 .paragraph-container-item .paragraph-container-item,
  .twocol-sideleft .col1 .paragraph-container-item .paragraph-container-item, /* prevents duplicating of the padding on nested paragraphs */
  .twocol-sideleft .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col1 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideright .col2 .views-row .paragraph-container-item, /* prevents padding on paragraphs created with Views */ 
  .twocol-sideleft .col1 .field--type-webform .container-item,
  .twocol-sideright .col1 .field--type-webform .container-item { /* prevents duplicating of the padding on container-items in webforms */
    padding: 0;
  }

  /* ----------------- Column Settings ------------------ */
  
  /* ONE COLUMN TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)    */
  
  /*    ||                   Main Content                    ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  /*    ||                     Sidebar                       ||                             */
  /*    ||                       100%                        ||                             */
  /*    ||    |                                         |    ||                             */
  /*    || 0% |                  100%                   | 0% ||                             */
  /*    ||    |                                         |    ||                             */
  
  .onecol .col-wrap,
  .twocol-sideright .col1 {         /* Main Content */
  }
  .twocol-sideright .col2 {         /* Sidebar */
  }
  
  /* SIDEBAR RIGHT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference) */
  
  /*    ||         Main Content         ||      Sidebar      ||                             */
  /*    ||           66.667%            ||      33.333%      ||                             */
  /*    ||    |                         ||    |         |    ||                             */
  /*    || 0% |      66.667%       | 0% || 0% | 33.333% | 0% ||                             */
  /*    ||    |                    |    ||    |         |    ||                             */
  
  .twocol-sideright .col-wrap {
    right:33.333%;                  /* Sidebar width */
  }
  .twocol-sideright .col1 {         /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideright .col2 {         /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:33.333%;                   /* Sidebar width */
                                    /* plus Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* SIDEBAR LEFT TABLET LAYOUT GRID TEMPLATE (Note: update figures per job for reference)  */
  
  /*    ||      Sidebar      ||         Main Content         ||                             */
  /*    ||      33.333%      ||           66.667%            ||                             */
  /*    ||    |         |    ||    |                         ||                             */
  /*    || 0% | 33.333% | 0% || 0% |      66.667%       | 0% ||                             */
  /*    ||    |         |    ||    |                    |    ||                             */
  
  .twocol-sideleft .col-wrap {
    right:66.667%;                  /* Main Content width */
  }
  .twocol-sideleft .col1 {          /* MAIN CONTENT */
    width:66.667%;                  /* Main Content inner width (width minus padding left and right) */
    left:100%;                      /* Main Content width */
                                    /* plus Sidbar width */
                                    /* plus Main Content left padding */
  }
  .twocol-sideleft .col2 {          /* SIDEBAR */
    width:33.333%;                  /* Sidebar inner width (width minus padding left and right) */
    left:0%;                        /* Main Content left padding */
                                    /* plus Main Content right padding */
                                    /* plus Sidebar left padding */
  }
  
  /* --------------- Common Footer settings - no need to adjust ---------------- */

  /* --------------- Footer 2 Column Layout styles ---------------- */

  /* --------------- Footer 3 Column Layout styles ---------------- */

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

    /* Secure Location Solutions Overrides */
  .slideshow .slide-text {
    width: 40%;
  }
  .slideshow .align-right .slide-text {
    left: 50%;
  }
  .slideshow .align-left .slide-text {
    right: 50%;
  }


}

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