/*
 *  Reset
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;}

 /*
 *  Fonts
*/

@font-face {
  font-family: 'Bebas Book';
  src: url('/fonts/Bebas/bebasneuebook-webfont.woff2') format('woff2'),
       url('/fonts/Bebas/bebasneuebook-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Bold';
  src: url('/fonts/Bebas/bebasneuebold-webfont.woff2') format('woff2'),
       url('/fonts/Bebas/bebasneuebold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Thin';
  src: url('/fonts/Bebas/bebasneuethin-webfont.woff2') format('woff2'),
       url('/fonts/Bebas/bebasneuethin-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Baskerville Italic';
  src: url('/fonts/Baskerville/Baskerville-Italic.woff2') format('woff2'),
       url('/fonts/Baskerville/Baskerville-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


 /*
 *  Styles
*/

* {box-sizing:border-box;}

:host,
:root {
  
  --hughes-red: #f00;

  --font-awesome: 'Font Awesome 6 Free';

  --font-heading: 'Bebas Bold', Helvetica, sans-serif;

  --font-body: 'Source Sans Pro', sans-serif;

  --font-bebas: 'Bebas Book', Helvetica, sans-serif;
  --font-bebas-bold: 'Bebas Bold', Helvetica, sans-serif;
  --font-bebas-thin: 'Bebas Thin', Helvetica, sans-serif;

  --font-baskerville: 'Baskerville Italic';
  
}

html {display:flex; min-height:100%;}
body {display:flex; flex-direction:column; flex:1; min-height:100%;}

body {font-family:var(--font-body); font-size:13.5pt; line-height:160%;}

body.no-scroll {overflow:hidden;}

a:link,
a:visited {color:black; text-decoration:none;}
a:hover {text-decoration:none;}

main p:not(:last-child),
main ul:not(:last-child) {margin-bottom:1rem;}

h2 {margin-bottom:10px; font-family:var(--font-heading); color:var(--hughes-red); font-size:32pt; line-height:125%;}

hr {width:100%; border:0; border-bottom:1px solid white;}

.button.button-wipe-right {position:relative; background:none; transition:color .2s;}
.button.button-wipe-right.red {background:var(--hughes-red);}
.button.button-wipe-right span {position:relative; z-index:3;}
.button.button-wipe-right:hover {color:white;}
.button.button-wipe-right.red:hover {color:var(--hughes-red);}
.button.button-wipe-right:before {content:''; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; background:#edeeef;}
.button.button-wipe-right.red:before {background:var(--hughes-red);}
.button.button-wipe-right:after {content:''; position:absolute; z-index:2; left:0; top:0; bottom:0; width:0; background:#f00; transition:all .5s ease-in-out;}
.button.button-wipe-right.red:after {background:white;}
.button.button-wipe-right:hover:after {width:100%;}


header {position:relative; z-index:4; display:flex; width:100%; background:var(--hughes-red);}
header .container {flex:1; display:flex; align-items:center; justify-content:space-between; padding:0 40px;}
header .logo {display:flex; align-items:center; gap:15px; background:var(--hughes-red);}
header .logo .quote {display:flex;}
header .logo .text {display:flex; margin-top:5px;}

body:not(.home-page) header {position:sticky; top:0;}

/* body:not(.fp-viewing-full-home).fp-init header, */
body:not(.fp-viewing-home).fp-init header,
body:not(.home-page) header {box-shadow:0 10px 30px 0 #ff0000aa;}

.home-page header {position:fixed;}
/* .home-page.fp-viewing-full-home header, */
.home-page.fp-viewing-home header {margin-top:50px; background:none;}
/* .home-page.fp-viewing-full-home header .container, */
.home-page.fp-viewing-home header .container {padding:0 80px 0 0;}
/* .home-page.fp-viewing-full-home header .logo, */
.home-page.fp-viewing-home header .logo,
.home-page:not(.fp-init) header .logo {padding:15px 30px;}
/* .home-page.fp-viewing-full-home header .logo .quote, */
.home-page.fp-viewing-home header .logo .quote {}

@media (min-width:1025px) and (min-height:701px){
  .home-page:not(.fp-init) .section {overflow:hidden;}
  .home-page.fp-init .section {height:100vh !important;}

  body:not(.home-page) header {box-shadow:0 10px 30px 0 #ff0000aa;}
  .home-page:not(.fp-init) header {margin-top:50px; background:none;}
  .home-page:not(.fp-init) header .container {padding:0 80px 0 0;}
}

@media (max-width:1024px), (max-height:700px){
  header {overflow:hidden; box-shadow:0 10px 30px 0 #ff0000aa;}
  header .container {padding:0 40px 0 0;}
  body:not(.home-page) header .container {padding:0 40px;}

  
  .home-page:not(.scrolled) header {box-shadow:none;}
  .home-page:not(.scrolled) header {margin-top:50px; background:none;}
  .home-page:not(.scrolled) header .container {padding:0 40px 0 0;}
}

header nav {font-family:var(--font-bebas); font-weight:600; font-size:12pt; line-height:160%; letter-spacing:0.75px;}
header nav > ul {display:flex; margin:0;}
header nav > ul > li {position:relative; padding:20px 0; color:white; font-family:var(--font-bebas-bold);}
header nav a:link,
header nav a:visited {color:white; text-decoration:none;}
header nav > ul > li:not(:first-child):before {content:'/'; margin:0 10px; font-family:var(--font-bebas); font-weight:600;}
header nav > .burger {display:none; padding:10px;}
header nav > ul > li > ul {display:none; position:absolute; top:95%; left:-20px; flex-direction:column; min-width:180px; padding:10px 0; background:var(--hughes-red); border-radius:4px; font-size:15px; line-height:100%; font-family:var(--font-bebas);}
header nav > ul > li:not(:first-child) > ul {left:5px;}
header nav > ul > li > ul:before {content:''; position:absolute; left:20px; top:-26px; border:15px solid; border-color:transparent transparent var(--hughes-red) transparent; border-radius:4px; pointer-events:none;}
header nav > ul > li > ul li {display:flex;}
header nav > ul > li > ul a {flex:1; padding:4px 15px;}
header nav > ul > li > ul a:hover {text-decoration:underline;}
header nav > ul > li:hover > ul {display:flex;}

.home-page header:not(.fixed) nav > ul > li > ul {top:90%;}

.burg {--x-color:white; display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 40px; height: 30px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius:0; border: none; cursor: pointer; transition: background 0.3s; z-index:9999999;}
.burg:focus {outline: none;}
.burg span {display: block; position: absolute; top: 12px; left: 5px; right: 5px; height: 4px; background-color: var(--x-color);}
.burg span::before,
.burg span::after {position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: var(--x-color); content: "";}
.burg span::before {top: -10px;}
.burg span::after {bottom: -10px;}
.burg-x span {transition: background 0s 0.2s;}
.burg-x span::before,
.burg-x span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.2s, 0s;}
.burg-x span::before {transition-property: top, transform;}
.burg-x span::after {transition-property: bottom, transform;}
.burg-x.x span {background: none;}
.burg-x.x span::before {top: 0; transform: rotate(45deg);}
.burg-x.x span::after {bottom: 0; transform: rotate(-45deg);}
.burg-x.x span::before,
.burg-x.x span::after {transition-delay: 0s, 0.2s;}

.mobile-nav-bg {transition:all .4s; opacity:0; pointer-events:none; position:fixed; z-index:2; left:0; top:0; right:0; bottom:0; background:rgba( 0,0,0, .5 );}

@media (max-width:1024px), (max-height:700px){

  /*
  .home-page header {position:sticky; top:0;}
  */

  header nav > ul {overflow:auto; transition:all .4s; position:fixed; z-index:1000; left:10%; right:0; top:0; height:100%; flex-direction:column; padding:100px 30px 30px 30px; background:var(--hughes-red);}
  header nav > ul > li {padding:10px 0; border-top:1px solid rgba( 255,255,255, .2 ); font-size:28px; line-height:120%;}
  header nav > ul > li > a {}
  header nav > ul > li:not(:first-child):before {display:none;}
  header nav > ul > li > ul {display:flex; position:relative; top:auto; left:auto; min-width:auto; padding:10px 0 0 0; font-size:24px; line-height:120%;}
  header nav > ul > li > ul:before {display:none;}
  header nav > ul > li:not(:first-child) > ul {left:auto;}
  header nav > ul > li > ul a {padding:3px 0; font-weight:normal;}
  
  .home-page header:not(.fixed) nav > ul > li > ul {top:auto;}

  header nav:not(.show) > ul {opacity:0; transform:translateX(100%); pointer-events:none;}
  header nav > .burger {display:initial;}

  header nav.show ul {}

  header nav.show .mobile-nav-bg {opacity:1; pointer-events:all;}

}

.sub-footer {display:flex; flex-direction:column; align-items:center; gap:40px; padding:40px; background:var(--hughes-red);}
.sub-footer h6 {display:flex; align-items:center; gap:20px; font-family:var(--font-heading); font-size:36pt; line-height:100%; color:white;}
.sub-footer h6 img {height:36px;}
.sub-footer .items {display:flex;}
.sub-footer .items .item {display:flex; align-items:center; gap:30px; padding:0 60px;}
.sub-footer .items .item:not(:first-child) {border-left:1px solid white;}
.sub-footer .item i {color:white; font-size:18px;}
.sub-footer .item img {max-width:40px;}
.sub-footer .button {height:auto; margin:0; padding:10px 24px; background:#ebedee; border:1px solid white; border-radius:0; box-shadow:0 10px 50px 0 rgba( 0,0,0, .15 ); line-height:1em; font-family:var(--font-bebas); font-size:24px; font-weight:bold; color:#a2a7ab;}

.content .sub-footer a:link,
.content .sub-footer a:visited {text-decoration:none;}

/*
@media (min-width:1025px){
  .sub-footer {flex-direction:row; justify-content:center;}
}
*/

@media (max-width:1024px){

  .sub-footer .items {flex-direction:column; gap:30px;}
  .sub-footer .items .item {padding:0;}
  .sub-footer .items .item:not(:first-child) {border-left:0;}

}

@media (max-width:420px){

  .sub-footer .items .item i {display:none;}

}

footer {width:100%; display:flex; justify-content:space-between; padding:10px 20px; background:white;}
footer a:hover {text-decoration:underline;}
footer .copyright {color:#333;}
footer .copyright a {color:#333;}
footer .copyright .sep {margin:0 10px;}
footer .social {display:flex; gap:10px;}
footer .social a {color:#333;}

@media (max-width:1024px){
  footer {flex-direction:column; gap:20px; align-items:center; padding:20px;}
}

.play-icon {display:inline-flex; align-items:center; justify-content:center; width:64px; padding-left:1%; aspect-ratio:1/1; background:url('/images/play-icon.png') 54% 50% no-repeat var(--hughes-red); background-size:25%; border-radius:50%; box-shadow:0 10px 50px 0 rgba( 0,0,0, .1 ); font-size:20px; color:white; text-align:center;}
.play-icon.with-shadow {filter:drop-shadow(5px 10px 10px #ff0000aa)}
.play-icon.play-icon-quotes {background-image:url('/images/logo-quote.png'); background-size:35%; background-position:51% 50%;}
/*
.play-icon:after {content:'\f04b'; font-family:var(--font-awesome); font-weight:bold;}
*/

body:not(.home-page) main {position:relative; z-index:1;}


 /*
 *  Home Page
*/

/* FullPage navigation */
.home-page #fp-nav {background:rgba( 0,0,0, .2 ); border-radius:15px;}
.home-page #fp-nav.left,
.home-page #fp-nav.fp-left {left:25px;}
.home-page #fp-nav ul li {margin:7px 4px;}
.home-page #fp-nav ul li a {display:flex; align-items:center; justify-content:center;}
.home-page #fp-nav ul li a span {width:10px; height:10px; margin:-5px 0 0 -5px; border:1px solid white; background:none;}
.home-page #fp-nav ul li:hover a span {}
.home-page #fp-nav ul li a.active span {border:1px solid #f00; background:#ff8080;}
.home-page #fp-nav .fp-tooltip {display:none;}

.home-page #fp-nav ul li a:not(.active):hover span {animation:grow-shrink .5s linear;}
.home-page #fp-nav ul li a.active:hover span {animation:grow-shrink-active .5s linear;}

@keyframes grow-shrink {
  0%, 100% {
    transform: scale(1);
    background-color: rgba( 255,255,255, 0 );
  }
  50% {
    transform: scale(.75);
    background-color: rgba( 255,255,255, 1 );
  }
}

@keyframes grow-shrink-active {
  0%, 100% {
    transform: scale(1);
    background-color: #ff8080;
  }
  50% {
    transform: scale(1.15);
    background-color: var(--hughes-red);
  }
}

.fp-destroyed {transform:none !important;}

.fp-watermark {opacity:0; pointer-events:none;}

.home-page .panel {height:100vh;}

@media (max-width:1024px), (max-height:700px){

  .home-page .panel {height:auto;}

}

.home-page .panel h3 {color:var(--hughes-red); font-family:var(--font-heading); font-weight:bold; font-size:25pt; line-height:140%; font-weight:bold;}
.home-page .panel h3:not(.no-quote):before {content:''; display:block; width:24px; aspect-ratio:47/42; margin:0 0 12px 0; background:url('/images/quote-red.png') no-repeat center; background-size:cover; filter:drop-shadow(10px 10px 10px #ff0000aa);}

.home-page .button {display:inline-flex; padding:8px 18px; background:#edeeef; border:1px solid white; color:#7e8184; /* color:#a3a7ac; */ font-family:var(--font-bebas); font-weight:bold; font-size:18px; line-height:160%; letter-spacing:0.75px;}

/* Hero panel */
.panel.hero {position:relative; background:rgba( 0,0,0, .1 ); /* background:url('/images/home-page/hero.jpg') top center no-repeat; background-size:cover; */}
.panel.hero .inner {border:20px solid var(--hughes-red);}

.panel.hero .border {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; border:10px solid var(--hughes-red); box-shadow:inset 0 0 0 5px white;}
.panel.hero .video {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.panel.hero .video video {position:absolute; left:50%; top:0; height:100%; aspect-ratio:1920/1080; transform:translateX(-50%) translate3d(0,0,0);}
.panel.hero .downarrow {transition:all .2s; position:absolute; z-index:2; left:5vw; bottom:5vw; max-width:20px; cursor:pointer;}
.panel.hero .downarrow:hover {transform:scale(1.1);}
.panel.hero .text {position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%, -50%); color:white; font-family:var(--font-heading); font-size:80px; line-height:110%; text-align:center;}
.panel.hero .quote {position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;}
.panel.hero .quote img {width:70%;}
.panel.hero .quote svg {display:block; width:500px; aspect-ratio:500/442.88; stroke-dasharray:600px; stroke-dashoffset:600; animation:draw-quote 4.5s ease-out; animation-delay:0.5s; animation-fill-mode:forwards;}

@keyframes draw-quote {
  from {
    stroke-dashoffset:600;
  }
  to {
    stroke-dashoffset:0;
  }
}

.panel.hero .play {position:absolute; z-index:2; bottom:40px; left:50%; transform:translateX(-50%);}
.panel.hero .play img {max-width:100px;}
.panel.hero .play img.text {position:absolute; left:0; top:0; transform:rotate(0deg); cursor:pointer;}
.panel.hero .play img.text {animation:rotation 10s infinite linear; }
.panel.hero .play:not(:hover) img.text {animation-play-state:paused;}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@media (max-width:1024px), (max-height:700px){

  /*
  .panel.hero {height:calc(100vh - var(--header-height));}
  .panel.hero .border {border-top:0;}
  */
  .panel.hero {height:100vh;}

  .panel.hero .quote {width:70%;}
  .panel.hero .quote svg {width:100%; max-width:70vw;}
  .panel.hero .text {font-size:50px; line-height:110%;}

  .panel.hero .downarrow {display:none;}

}

/*
@media (max-height:700px){
  .panel.hero .quote svg {width:70vh;}
}
*/

@media (min-aspect-ratio:1920/1080){
  .panel.hero .video video {width:100%; height:auto;}
}

/* Services panel */
.panel.services {}
.panel.services .panelinner {display:flex; flex-direction:column; gap:60px; height:100%; border:10px solid white;}
.panel.services .top {display:flex; align-items:flex-start; gap:60px; flex:1; padding:120px 100px 0 100px;}
.panel.services .video {flex:2; position:relative; max-width:600px; aspect-ratio:3/2; cursor:pointer;}
.panel.services .video .bg {width:100%; max-width:600px; aspect-ratio:3/2; background:url('/images/home-page/services-video.jpg') no-repeat center; background-size:cover; border:2px solid white; box-shadow:0 30px 30px 0 rgba( 0,0,0, .1 );}
.panel.services .video .play-icon {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border:2px solid white;}
.panel.services .intro {flex:3; display:flex; flex-direction:column; align-items:flex-start; gap:15px;}
.panel.services .intro h4 {font-weight:bold;}
.panel.services .intro p {font-family:var(--font-baskerville); font-size:44pt; line-height:120%;}

@media (min-width:1851px){
  .panel.services .intro p {font-size:36pt; line-height:120%;}
  .panel.services .video {max-width:800px;}
  .panel.services .video .bg {max-width:800px; background-image:url('/images/home-page/services-video-2x.jpg?');}
}

@media (min-width:2201px) and (min-height:1000px){
  .panel.services .video {}
  .panel.services .video,
  .panel.services .video .bg {max-width:1200px;}
  .panel.services .video .play-icon {width:94px;}
  .panel.services .intro p {font-size:46pt; line-height:120%;}
}

@media (max-width:1850px){
  .panel.services .intro p {font-size:34pt; line-height:120%;}
}

@media (max-width:1700px){
  .panel.services .intro p {width:100%; font-size:24pt; line-height:120%;}
}

@media (min-width:1400px) and (max-height:800px){
  .panel.services .intro {flex:4;}
  .panel.services .intro p {font-size:22pt; line-height:120%;}
}

.panel.services .intro .button span {display:flex; align-items:center; gap:10px;}
.panel.services .intro .button img {transition:filter .2s; filter:invert(1); height:10px;}
.panel.services .intro .button:hover img {filter:invert(0);}

.video-modal {overflow:hidden; position:fixed; z-index:1005; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba( 0,0,0, .5 ); transition:all .5s;}
.video-modal:not(.show) {opacity:0; pointer-events:none;}
.video-modal iframe {width:75%; max-width:100%; aspect-ratio:16/9; box-shadow:10px 10px 20px 0 rgba(0,0,0, .2);}
.video-modal:not(.show) iframe {display:none;}
.video-modal .close {position:absolute; right:20px; top:20px; color:white;}

.panel.services .grid {display:grid; grid-template-columns:repeat(5, 1fr);}
.panel.services .grid .item {overflow:hidden; position:relative; display:flex; flex-direction:column; gap:20px; width:100%; padding:50px 30px 40px 30px; background:#eaecee; text-align:center;}
.panel.services .grid .item a:first-child {display:flex; flex-direction:column; align-items:center; gap:20px;}
.panel.services .grid a.item:hover {text-decoration:none;}
.panel.services .grid .item:before {content:'\f0d7'; transition:all .1s; font-family:var(--font-awesome); font-weight:bold; position:absolute; z-index:3; left:50%; top:0; transform:translateX(-50%); margin-top:-23px; color:white; font-size:50px; line-height:1em;}
.panel.services .grid .item .list {transition:color .25s ease-in-out; position:relative; z-index:2; flex:1; margin:0 0 20px 0; font-size:10pt; line-height:120%; text-transform:none;}
.panel.services .grid .item .icon {display:inline-flex; align-items:center; justify-content:center; width:82px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; filter:drop-shadow(0px 10px 10px #ff0000aa); font-size:40px; color:white;}
.panel.services .grid .item .icon img {position:relative; z-index:2; height:50px;}
.panel.services .grid .item .button {position:relative; z-index:2; align-self:center; padding:8px 18px; box-shadow:5px 0 15px 0 rgba( 0,0,0, .1 ); font-size:15pt; line-height:120%;}
.panel.services .grid .item h3 {position:relative; z-index:2; display:block; margin-bottom:10px; color:white; font-family:var(--font-heading); font-size:25pt; line-height:120%; white-space:nowrap; text-shadow:1px 1px 10px rgba( 0,0,0, .2 )}
.panel.services .grid .item .icon:before {position:relative; z-index:2;}
.panel.services .grid .item .icon:after {content:''; transition:width .5s ease-in-out; position:absolute; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:64px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; font-size:40px; color:white;}
.panel.services .grid .item:hover .icon:after {width:1000px;}
.panel.services .grid .item:hover .list {color:white;}
.panel.services .grid .item:hover:before {filter:drop-shadow(5px 5px 10px rgba( 0,0,0, .5 )); margin-top:-50px; font-size:100px;}

/*
@media (min-width:1025px){
  .panel.services.animation-complete .video {transition:transform .5s; transition-delay:0s !important; cursor:pointer;}
  .panel.services.animation-complete .video:hover {transform:scale(1.05);} 
}
*/

@media (min-width:2201px) and (min-height:1000px){
  .panel.services .top {padding:180px 10vw 0 10vw; gap:80px;}
  .panel.services .grid .item:before {font-size:80px; margin-top:-43px;}
  .panel.services .grid .item {padding:80px 30px 60px 30px;}
  .panel.services .grid .item .icon {width:102px;}
  .panel.services .grid .item .icon img {height:60px;}
  .panel.services .grid .item h3 {font-size:42pt; line-height:120%;}
  .panel.services .grid .item .button {font-size:20pt; line-height:120%;}
}

@media (max-width:1024px){

  .panel.services .top {flex-direction:column; padding:40px 40px 0 40px;}
  .panel.services .video {width:100%;}

  .panel.services .grid {grid-template-columns:1fr;}
  .panel.services .grid .item {flex-direction:row; padding:40px;}
  .panel.services .grid .item h3 {margin-bottom:0;}
  .panel.services .grid .item a:first-child {flex:1; flex-direction:row; gap:40px;}
  .panel.services .grid .item .list {display:none;}
  .panel.services .grid .item:before {display:none;}
  .panel.services .grid .item .button {display:none;}

}

/* Team panel */
.panel.team {scroll-margin-top:var(--header-height);}
.panel.team .panelinner {display:flex; gap:80px; /* height:100%; padding:160px 80px 80px 80px; */ padding:80px; padding-top:calc( var(--header-height) + 80px );}

.panel.team .team {flex-shrink:1; display:flex; flex-direction:column; gap:30px;}
.panel.team .team .staff-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.panel.team .team .staff-grid .item {/* transition:all .2s; */ display:flex; flex-direction:column; gap:5px; max-width:120px; justify-self:center;}
.panel.team .team .staff-grid .item[data-parallax-disabled] .image {transform:none !important; transition:none;}
.panel.team .team .staff-grid .item[data-parallax-disabled] .image img {transition:none;}
.panel.team .team .staff-grid .item .image {width:80px; aspect-ratio:2/3; margin:0 auto; background:no-repeat top center; background-size:240px; border-radius:100px;}
.panel.team .team .staff-grid .item .image img {transition:all .2s; width:100%; border-radius:200%/130%;}
.panel.team .team .staff-grid .item:not(.active):not(:hover) .image img {filter:grayscale(1) drop-shadow( 0px 0px 0px rgba( 0,0,0, 0 ) );}
.panel.team .team .staff-grid .item:hover img {filter:grayscale(0) drop-shadow( 0px 0px 0px rgba( 0,0,0, 0 ) );}
.panel.team .team .staff-grid .item.active .image img {transform:scale(1.1); filter:grayscale(0) drop-shadow( -5px 10px 10px rgba( 0,0,0, .4 ) );}
.panel.team .team .staff-grid .item .name {font-family:var(--font-heading); font-size:12pt; line-height:120%; color:#999; text-align:center; letter-spacing:0.15pt;}
.panel.team .team .staff-grid .item.active .name {color:var(--hughes-red);}

.panel.team .full-image {position:relative; /* min-width:300px; */ height:585px; /* margin-top:100px; */}
.panel.team .full-image img {max-height:100%; border-radius:500px;}
.panel.team .full-image img.leaving {position:absolute; z-index:1; left:0; top:0;}
.panel.team .full-image img.primary {position:relative; z-index:2;}
.panel.team .full-image img.fading {transition:all .5s;}

.panel.team .profile {flex-grow:1; display:flex; flex-direction:column; align-items:flex-start; gap:20px;}
.panel.team .profile h3 {display:flex; flex-direction:column; gap:5px; font-size:25pt; line-height:120%;}
.panel.team .profile h3 .name {}
.panel.team .profile h3 .title {color:#303333; font-size:15.5pt; line-height:120%;}
.panel.team .profile .scroll {display:flex; flex-direction:column; align-items:flex-start; gap:20px; overflow:auto; max-height:70vh;}
.panel.team .profile .snip {color:#303333; font-family:var(--font-baskerville); font-size:19.5pt; line-height:120%;}
.panel.team .profile .info {font-size:13.5pt; line-height:120%;}
.panel.team .profile .info a:link,
.panel.team .profile .info a:visited {text-decoration:underline;}
.panel.team .profile .info a:hover {text-decoration:none;}

.panel.team .profile .scroll {padding-right:20px;}
.panel.team .profile .scroll::-webkit-scrollbar {width:6px; background:none; border-radius:6px;}
.panel.team .profile .scroll::-webkit-scrollbar-button {display:none;}
.panel.team .profile .scroll::-webkit-scrollbar-track {border-radius:6px; background:rgba( 0,0,0, .15 );}
.panel.team .profile .scroll::-webkit-scrollbar-thumb {border-radius:6px; background:rgba( 0,0,0, .15 );}

@media (min-aspect-ratio: 4/3){
  .panel.team .team .staff-grid .item .image {width:100px;}
  .panel.team .full-image {height:660px;}
}

@media (min-width:1920px) and (min-height:1080px){
  .panel.team .team .staff-grid .item .image {width:120px;}
  .panel.team .full-image {height:730px;}
}

@media (min-width:1600px), (max-aspect-ratio: 4/3){
  .panel.team .profile .scroll {max-height:52vh;}
}

@media (max-width:1550px), (max-aspect-ratio: 6/5){
  .panel.team .team .staff-grid .item .image {width:70px;}
  .panel.team .full-image {height:550px;}
  .panel.team .profile .scroll {max-height:42vh;}
}

@media (max-width:1200px) and (min-width:1024px){
  .panel.team .full-image {display:none;}
}

@media (min-width:1025px){
  .panel.team .profile .close {display:none;}
}

@media (min-width:2600px) and (min-height:1081px){
  .panel.team .team .staff-grid .item,
  .panel.team .team .staff-grid .item .image {max-width:160px; width:160px;}
  .panel.team .full-image {height:910px;}
}

@media (max-width:1024px){
  
  .panel.team {padding:0;}

  .panel.team .panelinner {flex-direction:column; padding:40px;}

  .panel.team .team .staff-grid .item .image {width:100%;}

  .panel.team .full-image {display:none; height:auto; width:100%; margin:0; padding:0;}
  .panel.team .full-image img {width:100%;}
  
  .panel.team .profile {transition-delay:0s !important; transition:opacity .2s; position:fixed; z-index:1001; left:20px; top:20px; right:20px; bottom:20px; padding:30px; background:white; overflow:auto;}
  .panel.team .profile:before {content:''; position:fixed; z-index:-2; top:0; left:0; right:0; bottom:0; background:rgba( 0,0,0, .5 );}
  .panel.team .profile:after {content:''; position:fixed; z-index:-1; top:20px; left:20px; right:20px; bottom:20px; background:white;}
  .panel.team .profile:not(.show-mobile) {opacity:0; pointer-events:none;}
  html:not(.no-js) .profile:not(.show-mobile).aos-animate[data-aos^=fade][data-aos^=fade] {opacity:0; pointer-events:none;}
  .panel.team .profile .close {position:absolute; right:20px; top:20px; --x-color:black;}
  .panel.team .profile .scroll {max-height:none; overflow:visible;}

  .panel.team .team .staff-grid {grid-template-columns:repeat(4, 1fr); gap:40px;}
  .panel.team .team .staff-grid .item {max-width:100%;}
  .panel.team .team .staff-grid .item .name {font-size:14pt; line-height:120%;}

  .panel.team .profile h3 {font-size:26pt; line-height:120%;}
  .panel.team .profile h3 .title {font-size:16pt; line-height:120%;}
  .panel.team .profile .snip {font-size:20pt; line-height:120%;}
  .panel.team .profile .info {font-size:12pt; line-height:120%;}

}

@media (max-width:768px){
  
  .panel.team .team .staff-grid {grid-template-columns:repeat(3, 1fr);}

}

@media (max-width:550px){
  
  .panel.team .team .staff-grid {grid-template-columns:repeat(2, 1fr);}

}

@media (min-width:1400px) and (max-height:800px){
  .panel.team .panelinner {padding:40px 80px; padding-top:calc( var(--header-height) + 40px );}
}

/* Clients/Testimonials panel */
.panel.clients-testimonials {}
/*
.panel.clients-testimonials .panelinner {height:calc(100% - var(--header-height)); margin-top:var(--header-height); border:10px solid white; background:#edeeef;}
.panel.clients-testimonials .center {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:grid; grid-template-columns:1fr 1fr; gap:60px 120px; width:100%; max-width:90%;}
*/
.panel.clients-testimonials .panelinner {display:flex; align-items:center; justify-content:center; height:calc(100% - var(--header-height)); margin-top:var(--header-height); /* padding:80px 0; */ border:10px solid white; background:#edeeef;}
.panel.clients-testimonials .center {display:grid; grid-template-columns:5fr 7fr; gap:60px 100px; width:100%; max-width:90%;}
.panel.clients-testimonials .logos {grid-column:span 2; display:flex; justify-content:space-around; align-items:center; gap:60px; padding:30px; background:rgba( 0,0,0, .2 );}
.panel.clients-testimonials .logos {display:none;}

.panel.clients-testimonials .clients {flex:5; display:flex; flex-direction:column; gap:30px;}
.panel.clients-testimonials .clients .snip {margin:0; color:#303333; font-family:var(--font-baskerville); font-size:19.5pt; line-height:120%;}
.panel.clients-testimonials .clients .grid {flex:1; display:grid; grid-template-columns:repeat(3, 1fr); justify-content:center; margin-bottom:30px;}
.panel.clients-testimonials .clients .grid .item {display:inline-flex; align-items:center; justify-content:center; padding:20px; border-top:1px solid white; border-left:1px solid white; text-align:center;}
.panel.clients-testimonials .clients .grid .item:nth-child(3n+1) {border-left:0;}
.panel.clients-testimonials .clients .grid .item:nth-child(1),
.panel.clients-testimonials .clients .grid .item:nth-child(2),
.panel.clients-testimonials .clients .grid .item:nth-child(3) {border-top:0;}
.panel.clients-testimonials .clients .grid img {max-width:100px;}

.panel.clients-testimonials .testimonials {flex:7; display:flex; flex-direction:column; gap:30px;}
.panel.clients-testimonials .testimonials .expand {flex:1;}
.panel.clients-testimonials .testimonials .grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; margin-bottom:30px;}
.panel.clients-testimonials .testimonials .grid .item {position:relative; padding:0;}
.panel.clients-testimonials .testimonials .grid .thumb {height:100%; background:top center no-repeat; background-size:cover; border:10px solid white;}
.panel.clients-testimonials .testimonials .grid .thumb img {opacity:0; max-width:100%;}
.panel.clients-testimonials .testimonials .grid .item .title {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; color:white; font-size:24pt; line-height:120%; text-shadow:0 0 15px rgba( 0,0,0, 1 ); text-align:center; white-space:nowrap; font-family:var(--font-heading);}
.panel.clients-testimonials .testimonials .grid .item .title .quote {width:18px; margin-bottom:10px;}
.panel.clients-testimonials .testimonials .grid .item .title .play-icon {width:20px; margin-top:5px; box-shadow:0px 5px 15px 0 rgba( 255,0,0, .5 );}

.panel.clients-testimonials .testimonials .grid .item[data-parallax]:not([data-parallax-disabled]) *[data-parallax-layer] * {transition:filter .2s;}
.panel.clients-testimonials .testimonials .grid .item[data-parallax]:not([data-parallax-disabled]):hover *[data-parallax-layer] * {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .3 ));}

.panel.clients-testimonials .button {width:100%; justify-content:center; padding:8px 18px; text-align:center; background:var(--hughes-red); border-radius:0; border:0; color:white; font-size:15pt; line-height:120%; box-shadow:0 10px 20px 0 #ff000066;}

@media (min-width:1025px) and (min-aspect-ratio: 1920/1080){
  .panel.clients-testimonials .center {grid-template-columns:1fr 1fr;}
  .panel.clients-testimonials .clients .grid img {max-width:140px;}
}

@media (min-width:1025px){
  .panel.clients-testimonials.animation-complete .clients .grid .item img {transition:transform .2s; transition-delay:0s !important;} 
  .panel.clients-testimonials.animation-complete .clients .grid .item:hover img {transform:scale(1.05);} 
  
  .panel.clients-testimonials.animation-complete .testimonials .grid .item {transition:transform .2s; transition-delay:0s !important;} 
  .panel.clients-testimonials.animation-complete .testimonials .grid .item:hover {transform:scale(1.05);} 
}

@media (max-width:1024px), (max-height:700px){
  
  .panel.clients-testimonials .panelinner {margin-top:0; padding:0;}

  .panel.clients-testimonials .center {display:flex; flex-direction:column; max-width:100%; padding:30px;}

  /*
  .panel.clients-testimonials .logos {flex-wrap:wrap; display:grid; grid-template-columns:1fr 1fr; text-align:center;}
  */
  
  .panel.clients-testimonials .clients .snip {font-size:16pt; line-height:120%;}

  .panel.clients-testimonials .testimonials .grid {grid-template-columns:1fr; margin-bottom:0;}

}

@media (max-width:1024px) /* and (min-height:701px) */{

  .panel.clients-testimonials .clients .grid {grid-template-columns:repeat(2, 1fr); margin-bottom:0;}
  .panel.clients-testimonials .clients .grid .item {border-bottom:1px solid white; border-top:0; border-right:1px solid white; border-left:0;}
  .panel.clients-testimonials .clients .grid .item:nth-child(2n) {border-right:0;}
  .panel.clients-testimonials .clients .grid .item:nth-last-child(1),
  .panel.clients-testimonials .clients .grid .item:nth-last-child(2):nth-child(2n-1) {border-bottom:0;}
  .panel.clients-testimonials .clients .grid img {width:100%;} 

}

@media (min-width:1025px) and (max-height:700px){
  .panel.clients-testimonials .testimonials .grid {grid-template-columns:repeat(2, 1fr);}
}

@media (min-width:1400px) and (max-height:800px){
  .panel.clients-testimonials .panelinner {padding:20px 0;}
  .panel.clients-testimonials .clients .grid img {max-width:80px;}
}

/* Contact panel */
.panel.contact {width:100%; position:relative; background:rgba( 0,0,0, .1 ); /* background:url('/images/home-page/contact-bg.jpg') no-repeat right top; */ background-size:cover;}
.panel.contact .box {position:absolute; z-index:3; left:8%; top:20%; display:flex; gap:60px; max-width:60%; padding:60px; border:2px solid white; border-radius:30px; backdrop-filter:blur(8px); color:white;}

.panel.contact .video {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.panel.contact .video video {position:absolute; left:50%; top:0; height:100%; aspect-ratio:1920/1080; transform:translateX(-50%) translate3d(0,0,0);}

.panel.contact .panelinner {display:flex; gap:30px;}

.panel.contact .column {flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:20px;}

.panel.contact h3 {color:white;}

.panel.contact .snip {font-family:var(--font-baskerville); font-size:19.5pt; line-height:120%;}

.panel.contact .items {display:flex; flex-direction:column; width:100%;}
.panel.contact .items .item {display:flex; align-items:center; gap:30px; padding:15px 0; font-size:12pt; line-height:120%;}
.panel.contact .items .item:not(:first-child) {border-top:1px solid white;}
.panel.contact .item i {color:var(--hughes-red); font-size:24px;}
.panel.contact .item img {max-width:40px;}
.panel.contact input[type="email"] {width:100%; padding:10px; border:0; font-family:var(--font-baskerville); font-size:14pt; line-height:100%;;}
.panel.contact .button {height:auto; margin:0; padding:8px 20px; background:white; border-radius:0; font-size:15pt; line-height:120%; cursor:pointer;}

.panel.contact hr {width:100%; border-color:white;}

.panel.contact .quotes {position:absolute; z-index:2; right:10vw; bottom:15vh; width:27vw; max-width:30vh; filter:drop-shadow( -5px 5px 8px #c50000 )}

.panel.contact .uparrow {transition:all .2s; position:absolute; z-index:2; left:2vw; bottom:5vw; max-width:20px; transform:rotate(180deg); cursor:pointer;}
.panel.contact .uparrow:hover {transform:rotate(180deg) scale(1.1);}

.panel.contact footer {position:absolute; z-index:2; left:0; bottom:0;}

@media (min-aspect-ratio:1920/1080){
  .panel.contact .video video {width:100%; height:auto;}
}

@media (max-height:900px){
  .panel.contact .box {top:50%; transform:translateY(-50%)}
}
/*
*/

@media (min-width:1025px) and (max-height:900px){
  .panel.contact .box {top:calc(var(--header-height) + 20px); max-width:75%;}
}


@media (max-width:1024px), (max-height:700px){

  .panel.contact {overflow:hidden; padding:0; background-position:top center;}
  .panel.contact .box {position:relative; top:auto; left:auto; transform:none; max-width:100%;  flex-direction:column; padding:40px; border:0; border-radius:0;}

  .panel.contact .snip {font-size:16pt; line-height:120%;}

  .panel.contact footer {position:relative;}

  .panel.contact .quotes {display:none;}

  .panel.contact .uparrow {display:none;}

}

@media (max-width:380px){
  .panel.contact .item i {display:none;}
}


 /*
 *  Section Types
*/

.content {
  --background-icon-opacity: .3;
  --font-baskerville-size: 19.5pt;
}

.content {color:#58595b;}
.content .container {max-width:1100px; margin:auto;}

.content ul {list-style:square; padding-left:20px;}
.content ul li {padding-left:5px;}
.content ul li::marker {color:var(--hughes-red);}

section.hero {position:relative; min-height:350px; background:no-repeat center #edeeef; background-size:cover;}
section.hero.has-image:before {content:''; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; /* background:rgba( 0,0,0, .2 ); */ background:linear-gradient( to right, #000084, var(--hughes-red) ); opacity:.5;}
section.hero > img {display:block; width:100%; opacity:0;}
section.hero .title {position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; align-items:center; gap:30px; font-family:var(--font-heading); font-size:100px; line-height:120%; color:white; /* text-shadow:0 0 15px rgba( 0,0,0, .5 ); */ text-align:center;}
section.hero:not(.has-image) .title {text-shadow:0 0 15px rgba( 0,0,0, .1 );}
section.hero .title .icon {display:inline-flex; align-items:center; justify-content:center; width:80px; min-width:80px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; box-shadow:0 10px 50px 0 rgba( 0,0,0, .1 ); font-size:20px; color:white; text-align:center; filter:drop-shadow(5px 10px 10px #ff0000aa);}
section.hero .title .icon img {max-width:50px; max-height:50px;}

@media (min-width:1361px){
  section.hero .title.one-line {white-space:nowrap;}
}

@media (max-width:800px){
  section.hero {display:flex; align-items:center; max-height:none;}
  section.hero .container {}
  section.hero .title {position:relative; flex-direction:column; left:0; top:0; width:100%; height:100%; transform:none; padding:30px; justify-content:center; text-align:center; font-size:80px; line-height:120%;}
  section.hero .title .icon {width:64px;}
  section.hero .title .icon img {max-width:40px; max-height:40px;}
  section.hero > img {display:none;}
}

section.text {padding:80px 0;}
section.text.redbg {background:#fff2f2;}
section.text .container {max-width:800px;}
section.text .snip {font-size:var(--font-baskerville-size); line-height:120%; font-family:var(--font-baskerville);}
section.text .snip:not(:last-child) {margin-bottom:30px;}
/*
section.text:not(:first-child) {padding-top:0;}
*/
section.text a.button:link,
section.text a.button:visited {display:inline-flex; padding:10px; font-family:var(--font-bebas); font-weight:bold; line-height:100%; border:2px solid var(--hughes-red); text-align:center; text-decoration:none; background:var(--hughes-red); color:white;}

@media (max-width:800px){
  section.text {padding:30px 0;}
  section.text .container {padding:0 30px;}
}

section.snip {position:relative; padding:80px 0; background:var(--hughes-red);}
section.snip .background-image {position:absolute; z-index:1; left:2.5%; top:10%; bottom:10%; aspect-ratio:417/525; background:url('/images/video-production-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.snip .container {display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.snip .text {flex:1; max-width:800px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.snip:not(.has-video) .container {justify-content:center; text-align:center;}
section.snip .video {position:relative; z-index:2; flex:1; display:flex; align-items:center;}
section.snip .video img {display:block; max-width:100%; box-shadow:0 10px 30px 0 rgba( 0,0,0, .3 );}
section.snip .video iframe {--aspect-ratio:640/360; width:100%; aspect-ratio:var(--aspect-ratio); box-shadow:0 10px 30px 0 rgba( 0,0,0, .3 );}
section.snip .video .image {position:relative; cursor:pointer;}
section.snip .video .image .play-icon {transition:all 0.25s ease-out; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid white; cursor:pointer;}
section.snip .video *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .1 ))}

@media (max-width:1400px){
  section.snip .container {padding:0 80px;}
  section.snip .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.snip .background-image {max-width:95%;}
  section.snip .container {flex-direction:column;}
}

@media (max-width:1024px){
  section.snip {padding:30px 0;}
  section.snip .container {padding:30px;}
  section.snip .text {font-size:26pt; line-height:120%;}
}

section.testimonials .container {display:flex; flex-direction:column; gap:20px;}
section.testimonials .testimonial a[name] {scroll-margin-top:calc( var(--header-height) + 30px );}
section.testimonials .testimonial:not(:first-child) {padding-top:30px; /* border-top:1px solid var(--hughes-red); */}
section.testimonials iframe {--aspect-ratio:640/360; width:100%; height:auto; aspect-ratio:var(--aspect-ratio);}

@media (max-width:1400px){
  section.testimonials .container {padding:0 30px;}
  section.testimonials iframe {--aspect-ratio:640/360; width:100%; height:auto; aspect-ratio:var(--aspect-ratio);}
}

section.clients {padding:80px 0;}
section.clients .grid {display:grid; grid-template-columns:repeat(5, 1fr);}
section.clients .grid .item {display:flex; align-items:center; justify-content:center; --border-style:1px solid rgba( 0,0,0, .05 ); border-top:var(--border-style); border-left:var(--border-style); text-align:center;}
section.clients .grid .item:nth-child(5n+1) {border-left:0;}
section.clients .grid .item:nth-child(1),
section.clients .grid .item:nth-child(2),
section.clients .grid .item:nth-child(3),
section.clients .grid .item:nth-child(4),
section.clients .grid .item:nth-child(5) {border-top:0;}
section.clients .grid .item img {padding:20px; width:100%; max-width:180px; max-height:130px; object-fit:contain;}

@media (min-width:1025px){
  section.clients .grid .item img {transition:transform .2s; transition-delay:0s !important;} 
  section.clients .grid .item:hover img {transform:scale(1.05);} 
}

@media (max-width:1300px){
  section.clients {padding:40px;}
  section.clients .grid {grid-template-columns:repeat(4, 1fr);}
  section.clients .grid .item:nth-child(5n+1) {border-left:var(--border-style);}
  section.clients .grid .item:nth-child(4n+1) {border-left:0;}
  section.clients .grid .item:nth-child(5) {border-top:var(--border-style);}
}

@media (max-width:1024px){
  section.clients {padding:30px;}
  section.clients .grid {grid-template-columns:repeat(3, 1fr);}
  section.clients .grid .item:nth-child(4n+1) {border-left:var(--border-style);}
  section.clients .grid .item:nth-child(3n+1) {border-left:0;}
  section.clients .grid .item:nth-child(4) {border-top:var(--border-style);}
}

@media (max-width:700px){
  section.clients .grid {grid-template-columns:repeat(2, 1fr);}
  section.clients .grid .item {padding:10px;}
  section.clients .grid .item:nth-child(3n+1) {border-left:var(--border-style);}
  section.clients .grid .item:nth-child(2n+1) {border-left:0;}
  section.clients .grid .item:nth-child(3) {border-top:var(--border-style);}
}

section.news-grid {padding:40px 0;}
section.news-grid .container {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
section.news-grid .item {border:1px solid rgba( 0,0,0, .1 );}
section.news-grid .item:link,
section.news-grid .item:visited {color:initial;}
section.news-grid .item:hover {text-decoration:none;}
section.news-grid .item .image {display:flex; justify-content:center; align-items:center; width:100%; height:200px; background:url('/uploads/theme/pattern_public_relations.jpg') no-repeat center top; background-size:cover;}
section.news-grid .item .image img {width:auto;}
section.news-grid .item .info {padding:20px;}
section.news-grid .item .tags {margin:0 0 10px 0;}
section.news-grid .item .tags .tag {display:inline-block; padding:5px 20px; background:var(--hughes-red); border-radius:10px; color:#fff; line-height:1em;}
section.news-grid .item .date-tweet {display:flex; align-items:center; margin:0 0 10px 0;}
section.news-grid .item .date {text-transform:none; font-size:12px; color:rgba( 0,0,0, .4 ); font-weight:normal;}
section.news-grid .item .tweet iframe {display:block;}
section.news-grid .item .date .sep {margin:0 15px; color:rgba( 0,0,0, .15 );}
section.news-grid .item .title {display:block; margin:0 0 10px 0; font-size:20px; line-height:1.2em; font-family:var(--font-bebas); font-weight:bold; color:var(--hughes-red); text-decoration:none;}
section.news-grid .item a.title:hover {text-decoration:none;}
section.news-grid .item .snip {font-size:14px; font-weight:normal;}
section.news-grid .item .continue-reading {margin:10px 0 0 0;}
section.news-grid .item .continue-reading:hover {text-decoration:underline;}

@media ( min-width: 640px ){
  section.news-grid.few .item {flex:0;}
}

@media ( max-width:1160px ){
  section.news-grid .container {padding:0 30px;}
}

@media ( max-width:1024px ){
  section.news-grid .container {grid-template-columns:repeat(3, 1fr);}
}

@media ( max-width:800px ){
  section.news-grid .container {grid-template-columns:repeat(2, 1fr);}
}

@media ( max-width:600px ){
  section.news-grid .container {grid-template-columns:1fr;}
}

section.news-item {}
section.news-item h1 {margin:0 0 30px 0; font-family:var(--font-bebas); font-weight:bold; font-size:30pt; line-height:120%; color:var(--hughes-red);}
section.news-item .subline {display:flex; align-items:center; gap:30px; margin:0 0 30px 0;}
section.news-item .subline iframe {flex:1;}
section.news-item .thumb {text-align:center;}

@media ( max-width:1160px ){
  section.news-item {padding:30px 0;}
  section.news-item .container {padding:0 30px;}
}

@media ( max-width:700px ){
  section.news-item .thumb img {max-width:100%;}
  section.news-item iframe {max-width:100%;}
}

section.recent-news {}

@media ( max-width:700px ){
  section.recent-news .container {padding:0 30px;}
}

section.newsletter {padding:0 0 40px 0;}
section.newsletter form { display:flex; flex-wrap:wrap; width: 100%; margin: 0; }
section.newsletter form p {width:100%; color:rgba( 0,0,0, .4 ); text-transform: none; font-family: 'Source Sans Pro', sans-serif; margin:10px 0;}
section.newsletter form input {flex:1; padding:12px 10px 8px 10px; font-family:var(--font-bebas); font-size: 24px; outline:none; border:1px solid white; background:rgba( 0,0,0, .2 );}
section.newsletter form button {padding:0 30px; background:var(--hughes-red); border:0; color:white; font-family:var(--font-bebas); font-size:24px; transition:all .3s ease-in-out;}
section.newsletter form button:hover {opacity:.8;}
section.newsletter .emailaddress::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666;}
section.newsletter .emailaddress:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; opacity:  1;}
section.newsletter .emailaddress::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; opacity:  1;}
section.newsletter .emailaddress:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666;}

@media ( max-width:700px ){
  section.newsletter .container {padding:0 30px;}
}

.content .pagenumbers {display:flex; justify-content:center; width:100%; margin:0 auto; padding:10px; font-family:var(--font-bebas); font-weight:bold;}
.content .pagenumbers a {display:block; min-width:26px; padding:10px; font-size:18px; line-height:1em; border:1px solid rgba( 0,0,0, .1 ); color:rgba( 0,0,0, .75 ); transition:none;}
.content .pagenumbers a:link,
.content .pagenumbers a:visited {text-decoration:none;}
.content .pagenumbers a:hover {text-decoration:none; background:rgba( 0,0,0, .05 );}
.content .pagenumbers a.active {background:var(--hughes-red); color:#fff;}

@media ( max-width:700px ){
  .content .pagenumbers {flex-wrap:wrap;}
}

 /*
 *  Contact page
*/

section.contact-page-intro {}
section.contact-page-intro {position:relative; padding:60px 0; background:var(--hughes-red);}
section.contact-page-intro .background-image {position:absolute; z-index:1; left:50%; top:0; transform:translateX(-50%); height:100%; aspect-ratio:501/420; background:url('/images/contact-large.png') no-repeat left center; background-size:contain; opacity:var(--background-icon-opacity);}
section.contact-page-intro .container {display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.contact-page-intro .snip {position:relative; flex:1; max-width:700px; padding:80px 20px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.contact-page-intro .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.contact-page-intro .video {position:relative; z-index:2; flex:1; display:flex; align-items:center;}
section.contact-page-intro .video img {display:block; max-width:100%; box-shadow:0 10px 30px 0 rgba( 0,0,0, .3 ); border:1px solid white;}
section.contact-page-intro .video .image {position:relative; cursor:pointer;}
section.contact-page-intro .video .image .play-icon {transition:all 0.25s ease-out; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid white; cursor:pointer;}
section.contact-page-intro .video *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .1 ))}

@media (max-width:1400px){
  section.contact-page-intro .container {padding:0 80px;}
  section.contact-page-intro .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.contact-page-intro .background-image {max-width:95%;}
}

@media (max-width:1024px){
  section.contact-page-intro .background-image {max-width:95%;}
  section.contact-page-intro .container {flex-direction:column; gap:40px; padding:0 40px;}
}

@media (max-width:800px){
  section.contact-page-intro .background-image {left:30px; top:30px; right:30px; bottom:30px; aspect-ratio:unset; max-width:none; background-size:contain; background-position:center;}
  section.contact-page-intro .background-image {display:none;}

  section.contact-page-intro {padding:40px 0;}
  section.contact-page-intro .snip {padding:0; font-size:26pt; line-height:120%; text-align:center;}
}

section.contact-page-intro .contacts {position:relative; z-index:1; padding:40px; background:white; box-shadow:0px 15px 30px 0px rgba( 48,51,51, .25 );}
section.contact-page-intro .contacts div[data-parallax-base] {padding:40px; background:#fff2f2; border:1px solid white;}
section.contact-page-intro .contacts h3:before {display:none;}
section.contact-page-intro .contacts .list {display:flex; flex-direction:column; gap:20px;}
section.contact-page-intro .contact {display:grid; grid-template-columns:auto auto; gap:10px 5px; align-items:flex-start; justify-content:flex-start;}
section.contact-page-intro .contact p {grid-column:span 2; margin:0;}
section.contact-page-intro .contact .email,
section.contact-page-intro .contact .phone {padding:10px; font-family:var(--font-bebas); font-weight:bold; line-height:100%; border:2px solid var(--hughes-red); text-align:center; text-decoration:none;}
section.contact-page-intro .contact .email {background:var(--hughes-red); color:white;}
section.contact-page-intro .contact .phone {color:var(--hughes-red); white-space:nowrap;}
section.contact-page-intro .contact .phone:hover {background:var(--hughes-red); color:white;}
section.contact-page-intro .address {margin-top:20px; font-weight:bold; color:var(--hughes-red);}

section.contact-page-form {position:relative; z-index:2; padding:80px 0; background:white;}
section.contact-page-form .container {display:flex; gap:160px;}
section.contact-page-form .text {flex:1; }
section.contact-page-form .text .snip {margin:0 0 20px 0; font-family:var(--font-baskerville); font-size:var(--font-baskerville-size); line-height:120%;}
section.contact-page-form .form {flex:1; padding:60px; background:#edeeef; border:1px solid white; box-shadow:0 10px 50px 0 rgba( 0,0,0, .15 ); scroll-margin-top:calc( var(--header-height) + 40px );}
section.contact-page-form .form form {display:flex; flex-direction:column; width:100%; }
section.contact-page-form .form form input,
section.contact-page-form .form form textarea {padding:15px 15px 15px 30px; border:0; border-radius:0; border-bottom:1px solid white; color:var(--hughes-red); background:#eee; font-size:20px; line-height:120%; font-family:var(--font-bebas); font-weight:bold;}
section.contact-page-form .form form textarea {height:100px; border-bottom:0;}
section.contact-page-form .form form button {align-self:center; margin-top:20px; padding:10px 30px; background:none; border:1px solid white; box-shadow:0 10px 50px 0 rgba( 0,0,0, .15 ); color:#999; font-family:var(--font-bebas); font-size:24px; font-weight:bold; cursor:pointer;}
section.contact-page-form .form form button:disabled {cursor:not-allowed;}
section.contact-page-form .form form button:disabled:hover {color:#999;}
section.contact-page-form .form form button:disabled:hover:after {display:none;}

@media (max-width:1160px){
  section.contact-page-form .container {padding:0 40px;}
}

@media (max-width:1024px){
  section.contact-page-form {padding:40px 0;}
  section.contact-page-form .container {flex-direction:column; gap:40px;}
}

@media (max-width:600px){
  section.contact-page-form .form {padding:40px;}
}

section.contact-map {position:relative; z-index:1;}
section.contact-map .shadow {position:absolute; z-index:3; left:0; top:0; width:100%; height:10px; margin-top:-10px; box-shadow:0 10px 20px 0 rgba( 0,0,0, .5 ); text-align:center;}
section.contact-map .chevron {position:absolute; z-index:4; left:0; top:0; width:100%; text-align:center;}
section.contact-map .chevron:before {content:'\f0d7'; transition:all .1s; font-family:var(--font-awesome); font-weight:bold; position:absolute; z-index:3; left:50%; top:0; transform:translateX(-50%); margin-top:-38px; color:white; font-size:80px; line-height:1em; filter:drop-shadow( 0 10px 20px rgba( 0,0,0, .5 ) )}
section.contact-map .map {width:100%; height:450px; z-index:1;}
section.contact-map .maparrow {position:absolute; z-index:2; left:0; right:0; top:0;}

/*
section.contact-page {padding:40px 0;}
section.contact-page #form {scroll-margin-top:calc( var(--header-height) + 40px );}
section.contact-page > .container {display:flex;}
section.contact-page .contact-chat {padding-right:30px; border-right: 1px solid #cccccc; }
section.contact-page .down-arrow {margin-bottom:1.5rem; text-align:center;}
section.contact-page h1 {margin-bottom:1.5rem; line-height:120%; font-family:var(--font-bebas); font-weight:bold; font-size:62px; text-align:center; color:var(--hughes-red);}
section.contact-page h2 {margin-bottom:1.5rem; font-family:var(--font-baskerville); color:#939598; font-size:24pt; line-height:120%; }
section.contact-page ul {list-style:none; display:flex; flex-direction:column; gap:10px; padding:30px 0; border:solid var(--hughes-red); border-width:1px 0; font-family:var(--font-bebas); font-size:26px; line-height:120%; color:var(--hughes-red); font-weight:bold;}
section.contact-page ul li {}
section.contact-page ul li a:link,
section.contact-page ul li a:visited {text-decoration:none; color:var(--hughes-red);}
section.contact-page p { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 2rem; }
section.contact-page .contact-chat form {display:flex; flex-direction:column; gap:10px; width:100%; }
section.contact-page .contact-chat form input,
section.contact-page .contact-chat form textarea {padding:8px; border:0; border-radius:0; color:var(--hughes-red); background:#eee; font-size:20px; line-height:120%; font-family:var(--font-bebas); font-weight:bold;}
section.contact-page .contact-chat form textarea {height:100px;}
section.contact-page .contact-chat form button {padding:10px 30px; background:var(--hughes-red); border:0; color:white; font-family:var(--font-bebas); font-size:24px; transition:all .3s ease-in-out; cursor:pointer;}
*/

.newsletter { margin-top: 2.5rem; }
/*.newsletter div:first-child { background: var(--hughes-red); text-align: center; color: #fff; border: 1px solid #fff; max-height: 50px; min-height: 50px;  }*/
/*.newsletter div:last-child { padding-left: 2px; padding-right: 0; }*/
section.contact-page .newsletter h4 { font-family: 'Bebas-Thin', sans-serif; font-size:1.5rem; font-weight: 600; line-height: 50px; margin: 0; letter-spacing: 0.04rem; }
section.contact-page .newsletter form {flex-direction:row; gap:0;}
section.contact-page .newsletter form input {flex:1; padding:15px; font-size:20px; line-height:120%; outline: none; background:rgba( 0,0,0, .1 );}
section.contact-page .newsletter form button {padding:0 30px; background:var(--hughes-red); border:0; color:white; font-family:var(--font-bebas); font-size:24px; transition:all .3s ease-in-out; cursor:pointer;}
section.contact-page .newsletter form button:hover {opacity:.8;}
/*.newsletter div:last-child form button:hover > object { -webkit-filter: brightness(-100) invert(100%); -moz-filter: brightness(-100) invert(100%); -ms-filter: brightness(-100) invert(100%); filter: brightness(-100) invert(100%); }*/

section.contact-page .contact-chat .pdfs {text-align: left; margin:30px 0; font-family: Bebas-Thin, "Helvetica", sans-serif;}
section.contact-page .contact-chat .pdfs ul { display: inline-block; vertical-align: middle; width: 100%; list-style: none; margin: 0; padding: 20px 0px; }
section.contact-page .contact-chat .pdfs ul li { display: inline-block; /*vertical-align: middle;*/ margin-right: 4px; margin-bottom: 0; white-space: nowrap; }
section.contact-page .contact-chat .pdfs ul li:last-of-type { margin-right: 0; }
section.contact-page .contact-chat .pdfs ul li:after { display: inline-block; content: '/';color: #303030;  font-weight: 600; margin:0 10px; }
section.contact-page .contact-chat .pdfs ul li:last-of-type:after { content:''; }
section.contact-page .contact-chat .pdfs ul li a { display: inline-block; text-decoration: none;  color: #303030; letter-spacing: .1rem; }
section.contact-page .contact-chat .pdfs ul li a:hover {color:var(--hughes-red);}

section.contact-page .contact-crisis {padding-left:30px;}
section.contact-page .contact-crisis ul {}
section.contact-page hr { margin: 1.5rem 0; }

section.contact-page .social {list-style:none;}
section.contact-page .social li {display: inline-block;}
section.contact-page .social li:after { display: inline-block; content: '/';color: #303030; font-family: Bebas-Thin, "Helvetica", sans-serif; font-weight: 600; margin:0 10px; }
section.contact-page .social li:last-of-type:after {content:'';}
section.contact-page .social a {color:#58595b;}

@media (max-width:1160px) {

  section.contact-page .container {padding:0 30px;}
  section.contact-page #form {scroll-margin-top:calc( var(--header-height) + 30px );}

}

@media (max-width:1024px) {

  section.contact-page .container {flex-direction:column;}
  section.contact-page .contact-chat {padding:0 0 30px 0; border-width:0 0 1px 0;}
  section.contact-page .contact-crisis {padding:0;}

}

@media (max-width: 768px) {
  section.contact-page .contact-chat {}
  section.contact-page .contact-crisis {}
  section.contact-page .down-arrow object {max-width:30px;}
}


 /*
 *  Animations/effects
*/

.animated-fade-up {opacity:0; transform:translateY(30px); transition:all 1s ease-out; transition-delay:.5s;}
.animated-fade-up.animate {opacity:1; transform:translateY(0);}

.panel.hero [data-aos="quote"] {opacity:0; transition-property:transform, opacity;}
.panel.hero [data-aos="quote"].aos-animate {opacity:1;}

@media screen and (min-width: 768px){
  .panel.hero [data-aos="quote"] {transform:translate(-50%, -50%) translateZ(0) scale(.6);}
  .panel.hero [data-aos="quote"].aos-animate {transform:translate(-50%, -50%) translateZ(0) scale(1);}
}

.panel.hero [data-aos="hero-text"] {opacity:0; transition-property:transform, opacity;}
.panel.hero [data-aos="hero-text"].aos-animate {opacity:1;}

@media screen and (min-width: 768px){
  .panel.hero [data-aos="hero-text"] {transform:translate(calc(-50% - 60px), -50%);}
  .panel.hero [data-aos="hero-text"].aos-animate {transform:translate(-50%, -50%);}
}



.panel.hero [data-aos="play-circle"] {opacity:0; transform:translateX(-50%) rotate(-35deg); transition-property:transform, opacity;}
.panel.hero [data-aos="play-circle"].aos-animate {opacity:1; transform:translateX(-50%) rotate(0);}

@media screen and (min-width: 768px){
  .panel.hero [data-aos="play-circle"] {}
  .panel.hero [data-aos="play-circle"].aos-animate {}
}


*[data-parallax]:not([data-parallax-disabled]) {transform:translateZ(0px);}
*[data-parallax]:not([data-parallax-disabled]):not(:hover) {transition:transform 0.25s ease-out;}
*[data-parallax]:not([data-parallax-disabled]) *[data-parallax-base] {transition:transform 0.25s ease-out, filter 0.25s ease-out;}
*[data-parallax]:not([data-parallax-disabled]) *[data-parallax-layer] {transition:transform 0.25s ease-out;}
*[data-parallax]:not([data-parallax-disabled]):hover *[data-parallax-base] {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .3 ));}
*[data-parallax]:not([data-parallax-disabled]):hover *[data-parallax-layer] {transform:translateZ(65px);}

.panel.services *[data-parallax]:not([data-parallax-disabled]):hover .play-icon[data-parallax-layer] {transition:all 0.25s ease-out; transform:translateX(-50%) translateY(-50%) translateZ(65px);}
.panel.services *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .1 ))}
/* *[data-parallax] *[data-parallax-layer] {transform:translateZ(65px)!important;} */

.panel.team *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(8px 15px 12px #d01313aa)}

/* Content styles */

.content h3 {margin:0 0 20px 0; color:var(--hughes-red); font-family:var(--font-heading); font-weight:bold; font-size:36pt; line-height:120%; font-weight:bold;}
.content h3:not(.no-quote):before {content:''; display:block; width:24px; aspect-ratio:47/42; margin:0 0 12px 0; background:url('/images/quote-red.png') no-repeat center; background-size:contain; filter:drop-shadow(10px 10px 10px #ff0000aa);}
.content h3.centred {text-align:center;}
.content h3.centred:not(.no-quote):before {margin:0 auto 12px auto;}

.footer-services .grid {display:grid; grid-template-columns:repeat(5, 1fr);}
.footer-services .grid .item {overflow:hidden; position:relative; display:flex; flex-direction:column; gap:20px; width:100%; padding:50px 30px 40px 30px; background:#eaecee; text-align:center;}
.footer-services .grid .item a:first-child {display:flex; flex-direction:column; align-items:center; gap:20px;}
.footer-services .grid a.item:hover {text-decoration:none;}
/*
.footer-services .grid .item:before {content:'\f0d7'; transition:all .1s; font-family:var(--font-awesome); font-weight:bold; position:absolute; z-index:3; left:50%; top:0; transform:translateX(-50%); margin-top:-23px; color:white; font-size:50px; line-height:1em;}
*/
.footer-services .grid .item .list {transition:color .25s ease-in-out; position:relative; z-index:2; flex:1; margin:0 0 20px 0; font-size:10pt; line-height:120%; text-transform:none;}
.footer-services .grid .item .icon {display:inline-flex; align-items:center; justify-content:center; width:82px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; filter:drop-shadow(0px 10px 10px #ff0000aa); font-size:40px; color:white;}
.footer-services .grid .item .icon img {position:relative; z-index:2; height:50px;}
.footer-services .grid .item .button {position:relative; z-index:2; align-self:center; padding:8px 18px; box-shadow:5px 0 15px 0 rgba( 0,0,0, .1 ); font-size:15pt; line-height:120%;}
.footer-services .grid .item h3 {position:relative; z-index:2; display:block; margin-bottom:10px; color:white; font-family:var(--font-heading); font-size:25pt; line-height:120%; white-space:nowrap; text-shadow:1px 1px 10px rgba( 0,0,0, .2 )}
.footer-services .grid .item .icon:before {position:relative; z-index:2;}
.footer-services .grid .item .icon:after {content:''; transition:width .5s ease-in-out; position:absolute; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:64px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; font-size:40px; color:white;}
.footer-services .grid .item:hover .icon:after {width:600px;}
.home.page .footer-services .grid .item:hover .icon:after {width:1000px;}
.footer-services .grid .item:hover .list {color:white;}
/*
.footer-services .grid .item:hover:before {filter:drop-shadow(5px 5px 10px rgba( 0,0,0, .5 )); margin-top:-50px; font-size:100px;}
*/

@media (min-width:2201px) and (min-height:1000px){
  .footer-services .grid .item {padding:80px 30px 60px 30px;}
  .footer-services .grid .item .icon {width:102px;}
  .footer-services .grid .item .icon img {height:60px;}
  .footer-services .grid .item h3 {font-size:42pt; line-height:120%;}
  .footer-services .grid .item .button {font-size:20pt; line-height:120%;}
}

@media (max-width:1024px){

  .footer-services .grid {grid-template-columns:1fr;}
  .footer-services .grid .item {flex-direction:row; padding:40px;}
  .footer-services .grid .item h3 {margin-bottom:0;}
  .footer-services .grid .item a:first-child {flex:1; flex-direction:row; gap:40px;}
  .footer-services .grid .item .list {display:none;}
  .footer-services .grid .item .button {display:none;}

}

@media (max-width:420px){

  .footer-services .grid .item {flex-direction:row; padding:30px;}
  .footer-services .grid .item .icon {width:62px;}
  .footer-services .grid .item .icon img {height:40px;}

}

 /*
 *  Content pages
*/

.content a:link,
.content a:visited {text-decoration:underline;}
.content a:hover {text-decoration:none;}


 /*
 *  Services - Public Relations
*/

section.public-relations-snip {position:relative; z-index:2; padding:80px 0; background:var(--hughes-red);}
section.public-relations-snip .container {position:relative; display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1100px;}
section.public-relations-snip .background-image {position:absolute; z-index:1; left:0; top:0; bottom:0; transform:translateX(-50%); aspect-ratio:1/1; background:url('/images/public-relations-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.public-relations-snip .snip {position:relative; z-index:2; max-width:550px; padding:40px 40px 40px 0; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.public-relations-snip .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.public-relations-snip .quicklinks { margin-bottom:-18%; padding:40px 60px; border:1px solid white; background:rgba( 237,237,237, .95 ); box-shadow:0px 15px 30px 0px rgba( 48,51,51, .25 );}
section.public-relations-snip .quicklinks ul {list-style:none; margin-left:0; padding-left:0; font-size:15pt; line-height:120%; font-weight:600; color:rgba( 0,0,0, .4 ); text-transform:uppercase; font-family:var(--font-bebas-bold); letter-spacing:-0.5px;}
section.public-relations-snip .quicklinks ul li {display:flex; gap:30px; padding:18px 80px 18px 0; border-top:1px solid white;}
section.public-relations-snip .quicklinks ul li a {color:rgba( 0,0,0, .4 ); text-decoration:none;}
section.public-relations-snip .quicklinks ul li a:hover {color:rgba( 0,0,0, 1 );}
section.public-relations-snip .quicklinks ul li:before {content:"\f0d7"; font-family:var(--font-awesome); color:var(--hughes-red)}
section.public-relations-snip .quicklinks ul li:first-child {border-top:none;}

section.public-relations-snip + section.text {max-width:50%; padding:60px 60px 60px 12vw;}
section.public-relations-snip + section.text .baskerville {margin-bottom:30px; font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}

@media (max-width:1300px){
  section.public-relations-snip .container {max-width:1100px;}
  section.public-relations-snip .background-image {left:50%; background-size:contain; background-position:center;}

  section.public-relations-snip .quicklinks {display:none;}
  section.public-relations-snip .snip {max-width:100%;}
}

@media (max-width:1160px){
  section.public-relations-snip .container {max-width:none; padding:0 40px;}
}

@media (max-width:800px){
  section.public-relations-snip {padding:40px 0;}
  section.public-relations-snip .container {padding:0 40px;}
  section.public-relations-snip .snip {padding:0; font-size:26pt; line-height:120%; text-align:center;}
}

section.public-relations-case-studies {position:relative; z-index:1; padding:80px 0;}
section.public-relations-case-studies.red-bg {background:#fff2f2;}
section.public-relations-case-studies h3 {width:50%;}
section.public-relations-case-studies .text {position:relative; margin-bottom:40px;}
section.public-relations-case-studies .text .half {width:50%;}
section.public-relations-case-studies .text .snip {font-size:var(--font-baskerville-size); line-height:120%; font-family:var(--font-baskerville);}
section.public-relations-case-studies .text .info {margin-top:30px;}
section.public-relations-case-studies .downarrow {transition:all .2s; position:absolute; z-index:2; right:0; bottom:0; max-width:20px; cursor:pointer;}
section.public-relations-case-studies .downarrow:hover {transform:scale(1.1);}

section.public-relations-case-studies a[name] {scroll-margin-top:calc( var(--header-height) + 40px );}

@media (max-width:1024px){
  section.public-relations-case-studies {padding:40px 0;}
  section.public-relations-case-studies .container {padding:0 40px;}
  section.public-relations-case-studies h3,
  section.public-relations-case-studies .text .half {width:100%;}
  section.public-relations-case-studies .downarrow {display:none;}
}

 /*
 *  Services - Video Production
*/

section.video-production-snip {position:relative; padding:80px 0; background:var(--hughes-red);}
section.video-production-snip .background-image {position:absolute; z-index:1; left:0; top:0; bottom:0; transform:translateX(-50%); aspect-ratio:417/525; background:url('/images/video-production-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.video-production-snip .container {position:relative; display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.video-production-snip .snip {position:relative; z-index:2; flex:1; max-width:700px; padding:40px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.video-production-snip .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.video-production-snip .video {position:relative; z-index:2; flex:1; display:flex; align-items:center;}
section.video-production-snip .video img {display:block; max-width:100%; box-shadow:0 10px 30px 0 rgba( 0,0,0, .3 ); border:1px solid white;}
section.video-production-snip .video .image {position:relative; cursor:pointer;}
section.video-production-snip .video .image .play-icon {transition:all 0.25s ease-out; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid white; cursor:pointer;}
section.video-production-snip .video *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .1 ))}

@media (max-width:1400px){
  section.video-production-snip .container {padding:0 80px;}
  section.video-production-snip .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.video-production-snip .background-image {left:50%; background-size:contain; background-position:center;}
  section.video-production-snip .container {flex-direction:column;}
}

@media (max-width:800px){
  section.video-production-snip {padding:40px 0;}
  section.video-production-snip .container {gap:40px; padding:0 40px;}
  section.video-production-snip .snip {padding:0; font-size:26pt; line-height:120%; text-align:center;}
}

section.video-production-video-metrics {padding:80px 0;}
section.video-production-video-metrics .container {display:flex; align-items:center; gap:80px;}
section.video-production-video-metrics .image {position:relative; flex:5;}
section.video-production-video-metrics .image:after {content:''; position:absolute; z-index:1; left:10px; top:10px; bottom:-10px; right:-10px; background:var(--hughes-red);}
section.video-production-video-metrics .image img {position:relative; z-index:2; display:block; max-width:100%;}
section.video-production-video-metrics .text {flex:4;}
section.video-production-video-metrics .text .snip {font-size:var(--font-baskerville-size); line-height:120%; font-family:var(--font-baskerville);}

@media (min-width:1361px){
  section.video-production-video-metrics .container {max-width:1300px;}
}

@media (max-width:1360px){
  section.video-production-video-metrics .container {padding:0 30px;}
}

@media (max-width:1024px){
  section.video-production-video-metrics {padding:40px 0;}
  section.video-production-video-metrics .container {flex-direction:column; padding:0 40px;}
}

section.video-production-enquiries {padding:80px 0; background:#fff2f2;}
section.video-production-enquiries .container {display:flex; align-items:flex-start; gap:80px;}
section.video-production-enquiries .snip {flex:1; font-size:20pt; line-height:120%; font-family:var(--font-baskerville);}
section.video-production-enquiries .text {flex:1;}
section.video-production-enquiries .contacts {flex:1;}
section.video-production-enquiries .contacts div[data-parallax-base] {padding:40px; background:#fff2f2; border:1px solid white;}
section.video-production-enquiries .contacts h3:before {display:none;}
section.video-production-enquiries .contacts .list {display:flex; flex-direction:column; gap:20px;}
section.video-production-enquiries .contact {display:grid; grid-template-columns:auto auto; gap:10px 5px; align-items:flex-start; justify-content:flex-start;}
section.video-production-enquiries .contact p {grid-column:span 2; margin:0;}
section.video-production-enquiries .contact .email,
section.video-production-enquiries .contact .phone {padding:10px; font-family:var(--font-bebas); font-weight:bold; line-height:100%; border:2px solid var(--hughes-red); text-align:center; text-decoration:none;}
section.video-production-enquiries .contact .email {background:var(--hughes-red); color:white;}
section.video-production-enquiries .contact .phone {color:var(--hughes-red); white-space:nowrap;}
section.video-production-enquiries .contact .phone:hover {background:var(--hughes-red); color:white;}

@media (min-width:1361px){
  section.video-production-enquiries .container {max-width:1300px;}
}

@media (max-width:1360px){
  section.video-production-enquiries .container {padding:0 30px;}
}

@media (max-width:1024px){
  section.video-production-enquiries {padding:40px 0;}
  section.video-production-enquiries .container {flex-direction:column; gap:40px; padding:0 40px;}
}

section.video-production-showreels {padding:80px 0 0 0;}
section.video-production-showreels .videos {display:flex; gap:1px;}
section.video-production-showreels .videos .video {position:relative; flex:1;}
section.video-production-showreels .videos .video iframe {position:relative; z-index:1; width:100%; aspect-ratio:600/340;}
section.video-production-showreels .videos .video .play-icon {position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid white; cursor:pointer;}

@media (max-width:1024px){
  section.video-production-showreels {padding:40px 0;}
  section.video-production-showreels .container {padding:0 40px;}
  section.video-production-showreels .videos {flex-direction:column;}
}

section.video-production-case-studies {position:relative; z-index:1; padding:80px 0;}
section.video-production-case-studies .filters {padding:40px 0; background:#fff2f2; text-align:center;}
section.video-production-case-studies .filters h4 {margin:0 0 20px 0; font-family:var(--font-bebas); font-size:14pt; font-weight:bold; text-transform:uppercase; letter-spacing:-0.5px; color:rgba( 0,0,0, .8 );}
section.video-production-case-studies .filters .buttons {display:flex; justify-content:center; gap:60px; font-size:14pt; line-height:120%; letter-spacing:-0.5px;}
section.video-production-case-studies .filters .buttons a {padding:8px 20px; background:#eaecee; border:2px solid white; box-shadow:0 10px 20px 0 rgba( 0,0,0, .1 ); font-family:var(--font-bebas-bold); font-weight:bold; color:rgba( 0,0,0, .5); text-decoration:none;}
section.video-production-case-studies .filters .buttons a:hover {color:white;}
section.video-production-case-studies .filters .buttons a.active {box-shadow:0 10px 20px 0 #ff000066; font-family:var(--font-bebas-bold); background:var(--hughes-red); border-color:var(--hughes-red); color:white;}
section.video-production-case-studies .case-studies {margin-top:80px;}

@media (min-width:1361px){
  section.video-production-case-studies .container {max-width:1300px;}
}

@media (max-width:1360px){
  section.video-production-case-studies .container {padding:0 30px;}
}

@media (max-width:1024px){
  section.video-production-case-studies .filters .buttons {flex-wrap:wrap;}
}

 /*
 *  Services - Graphic Design
*/

section.graphic-design-snip {position:relative; padding:80px 0; background:var(--hughes-red); text-align:center;}
section.graphic-design-snip .background-image {position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%); height:100%; aspect-ratio:357/368; background:url('/images/graphic-design-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.graphic-design-snip .container {display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.graphic-design-snip .snip {position:relative; flex:1; max-width:700px; margin:0 auto; padding:40px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.graphic-design-snip .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.graphic-design-snip .video {position:relative; z-index:2; flex:1; display:flex; align-items:center;}
section.graphic-design-snip .video img {display:block; max-width:100%; box-shadow:0 10px 30px 0 rgba( 0,0,0, .3 ); border:1px solid white;}
section.graphic-design-snip .video .image {position:relative; cursor:pointer;}
section.graphic-design-snip .video .image .play-icon {transition:all 0.25s ease-out; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid white; cursor:pointer;}
section.graphic-design-snip .video *[data-parallax]:not([data-parallax-disabled]):hover .play-icon {filter:drop-shadow(10px 10px 10px rgba( 0,0,0, .1 ))}

@media (max-width:1400px){
  section.graphic-design-snip .container {padding:0 80px;}
  section.graphic-design-snip .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.graphic-design-snip .background-image {max-width:95%;}
  section.graphic-design-snip .container {flex-direction:column;}
}

@media (max-width:800px){
  section.graphic-design-snip .background-image {transform:translateY(-50%); left:30px; top:50%; right:30px; bottom:30px; aspect-ratio:unset; max-width:none; background-size:contain; background-position:center;}
  
  section.graphic-design-snip {padding:40px 0;}
  section.graphic-design-snip .container {gap:40px; padding:0 40px;}
  section.graphic-design-snip .snip {padding:0; font-size:26pt; line-height:120%; text-align:center;}
}

section.graphic-design-content {padding:80px 0;}
section.graphic-design-content .container {display:flex; align-items:flex-start; gap:80px;}
section.graphic-design-content .snip {flex:1; margin:0 0 30px 0; font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.graphic-design-content .text {flex:1;}
section.graphic-design-content .contacts {padding:40px; border:1px solid rgba( 0,0,0, .1 ); box-shadow:10px 10px 40px 0 rgba( 0,0,0, .1 );}
section.graphic-design-content .contacts h3:before {display:none;}
section.graphic-design-content .contacts .list {display:flex; flex-direction:column; gap:20px;}
section.graphic-design-content .contact {display:grid; grid-template-columns:auto auto; gap:10px 5px; align-items:flex-start; justify-content:flex-start;}
section.graphic-design-content .contact p {grid-column:span 2; margin:0;}
section.graphic-design-content .contact .email,
section.graphic-design-content .contact .phone {padding:10px; font-family:var(--font-bebas); font-weight:bold; line-height:100%; border:2px solid var(--hughes-red); text-align:center; text-decoration:none;}
section.graphic-design-content .contact .email {background:var(--hughes-red); color:white;}
section.graphic-design-content .contact .phone {color:var(--hughes-red); white-space:nowrap;}
section.graphic-design-content .contact .phone:hover {background:var(--hughes-red); color:white;}

@media (max-width:1024px){
  section.graphic-design-content {padding:40px 0;}
  section.graphic-design-content .container {flex-direction:column; gap:40px; padding:0 40px;}
}

section.graphic-design-case-studies {padding:80px 0; background:#fff2f2;}
section.graphic-design-case-studies .case-studies {margin-top:40px;}

 /*
 *  Services - Social & Digital
*/

section.social-and-digital-snip {position:relative; padding:80px 0; background:var(--hughes-red); text-align:center;}
section.social-and-digital-snip .background-image {position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%); height:80%; aspect-ratio:357/368; background:url('/images/social-and-digital-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.social-and-digital-snip .container {display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.social-and-digital-snip .snip {flex:1; max-width:800px; margin:0 auto; padding:40px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.social-and-digital-snip .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}

@media (max-width:1400px){
  section.social-and-digital-snip .container {padding:0 80px;}
  section.social-and-digital-snip .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.social-and-digital-snip .background-image {max-width:95%;}
  section.social-and-digital-snip .container {flex-direction:column;}
}

@media (max-width:800px){
  section.social-and-digital-snip .background-image {transform:none; left:30px; top:30px; right:30px; bottom:30px; aspect-ratio:unset; max-width:none; background-size:contain; background-position:center;}
  
  section.social-and-digital-snip {padding:40px 0;}
  section.social-and-digital-snip .container {padding:0 40px;}
  section.social-and-digital-snip .snip {padding:0; font-size:26pt; line-height:120%; text-align:center;}
}

section.social-and-digital-content {padding:80px 0;}
section.social-and-digital-content .container {display:flex; align-items:flex-start; gap:80px;}
section.social-and-digital-content .snip {flex:1; font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.social-and-digital-content .text {flex:1;}
section.social-and-digital-content .contacts {padding:40px; border:1px solid rgba( 0,0,0, .1 ); box-shadow:10px 10px 40px 0 rgba( 0,0,0, .1 );}
section.social-and-digital-content .contacts h3:before {display:none;}
section.social-and-digital-content .contacts .list {display:flex; flex-direction:column; gap:20px;}
section.social-and-digital-content .contact {display:grid; grid-template-columns:auto auto; gap:10px 5px; align-items:flex-start; justify-content:flex-start;}
section.social-and-digital-content .contact p {grid-column:span 2; margin:0;}
section.social-and-digital-content .contact .email,
section.social-and-digital-content .contact .phone {padding:10px; font-family:var(--font-bebas); font-weight:bold; line-height:100%; border:2px solid var(--hughes-red); text-align:center; text-decoration:none;}
section.social-and-digital-content .contact .email {background:var(--hughes-red); color:white;}
section.social-and-digital-content .contact .phone {color:var(--hughes-red); white-space:nowrap;}
section.social-and-digital-content .contact .phone:hover {background:var(--hughes-red); color:white;}

@media (max-width:1024px){
  section.social-and-digital-content {padding:40px 0;}
  section.social-and-digital-content .container {flex-direction:column; gap:40px; padding:0 40px;}
}

section.social-and-digital-training {padding:80px 0; background:#fff2f2;}
section.social-and-digital-training .container {display:flex; align-items:center; gap:80px;}
section.social-and-digital-training .image {position:relative; flex:5;}
section.social-and-digital-training .image:after {content:''; position:absolute; z-index:1; left:10px; top:10px; bottom:-10px; right:-10px; background:var(--hughes-red);}
section.social-and-digital-training .image img {position:relative; z-index:2; display:block; max-width:100%;}
section.social-and-digital-training .text {flex:4;}
section.social-and-digital-training .text .snip {margin:0 0 30px 0; font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}

@media (max-width:1024px){
  section.social-and-digital-training {padding:40px 0;}
  section.social-and-digital-training .container {flex-direction:column; padding:0 40px;}
}

section.social-and-digital-case-studies {padding:80px 0;}
section.social-and-digital-case-studies .case-studies {}


 /*
 *  Services - Training
*/

section.media-training-snip {position:relative; padding:80px 0; background:var(--hughes-red); text-align:center;}
section.media-training-snip .background-image {position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%); height:75%; aspect-ratio:432/457; background:url('/images/media-training-large.png') no-repeat left center; background-size:cover; opacity:var(--background-icon-opacity);}
section.media-training-snip .container {display:flex; justify-content:space-between; align-items:center; gap:80px; max-width:1400px;}
section.media-training-snip .snip {flex:1; max-width:800px; margin:0 auto; padding:40px; font-size:32pt; line-height:120%; color:white; font-family:var(--font-baskerville);}
section.media-training-snip .snip .baskerville {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}

@media (max-width:1400px){
  section.media-training-snip .container {padding:0 80px;}
  section.media-training-snip .snip {padding:80px 0;}
}

@media (max-width:1300px){
  section.media-training-snip .background-image {width:95%; max-width:432px; height:auto; max-height:80%;}
  section.media-training-snip .container {flex-direction:column;}
}

@media (max-width:700px){
  section.media-training-snip {padding:30px 0;}
  section.media-training-snip .snip {padding:0; font-size:24pt; line-height:120%;}
  section.media-training-snip .container {padding:0 30px;}
}


section.training-grid {padding:0 40px;}
section.training-grid .container {display:grid; grid-template-columns:repeat(3, 1fr); max-width:100%;}
section.training-grid .item {padding:40px; background:rgb(247,248,248); background-image: url('/images/training-arrow.png'), linear-gradient(135deg, rgba(247,248,248,1) 40%,rgba(222,222,223,1) 100%); background-position:top center; background-repeat:no-repeat;}

section.training-tailored {padding:80px 40px;}
section.training-tailored img {width:100%;}

section.training-grid .item .item-header {display:flex; align-items:flex-start; justify-content:space-between; gap:30px;}
section.training-grid .item .item-header > div { padding: 0; }
section.training-grid .item .item-header div:last-child { text-align: right; }
section.training-grid .item .item-header img { width: auto; vertical-align: middle; opacity: .2; }
section.training-grid .item .item-header h2 {font-family:var(--font-bebas); font-weight:bold; font-size: 28px; margin-bottom: 0; color: var(--hughes-red); }
section.training-grid .item .item-header h3 {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: bolder; margin-bottom: 0; color: #58595b; }
section.training-grid .item .item-body { margin-top: 1.5rem; }
section.training-grid .item .item-body p { color: #58595b; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 21px; }

@media (max-width:1024px) {
  section.training-grid .container {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:700px) {
  section.training-grid {padding:0 20px;}
  section.training-grid .container {grid-template-columns:1fr;}
}

@media (max-width: 990px) {
  section.training-tailored {display:none;}
  section.training-grid .item {margin-top:20px;}
  /*section.training-grid .item {margin:10px 0; background-image: none; background-image: linear-gradient(135deg, rgba(247,248,248,1) 40%,rgba(222,222,223,1) 100%);}*/
}

section.trainers {display:flex; flex-direction:column; padding:80px 0;}
section.trainers h3 {margin-bottom:60px;}

section.trainers .trainer {display:flex; flex-direction:column; padding:80px 0;}
section.trainers .trainer:first-child {padding-top:60px;}
section.trainers .trainer .container {max-width:800px;}
section.trainers .trainer:nth-child(2n-1) {background:#fff2f2;}
section.trainers .trainer .profile {display:flex; gap:80px;}
section.trainers .trainer .profile .image {flex:1;}
section.trainers .trainer .profile .image img {width:100%;}
section.trainers .trainer .profile .text {flex:2; display:flex; flex-direction:column; gap:30px;}
section.trainers .trainer .profile .name {font-family:var(--font-bebas-bold); font-weight:bold; font-size:14pt; line-height:120%;}
section.trainers .trainer .profile a.name {color:#58595b; text-decoration:none;}
section.trainers .trainer .profile a.name:hover {text-decoration:underline;}
section.trainers .trainer .profile .snip {font-size:var(--font-baskerville-size); line-height:120%; font-family:var(--font-baskerville);}
section.trainers .trainer .profile .info {}

@media (max-width:1300px){
  section.media-training-snip .container {flex-direction:column;}
}

@media (max-width:1024px){
  section.trainers .trainer .container {padding:0 30px;}
}

@media (max-width:700px){
  section.trainers .trainer {padding:30px 0;}
  section.trainers .trainer .profile {flex-direction:column; gap:30px;}
  section.trainers .trainer .profile .image {max-width:60%; margin:0 auto;}
}



 /*
 *  Case study grids
*/

section.case-studies-all {padding:80px 0;}

@media (max-width:1024px){
  section.case-studies-all {padding:30px 0;}
}

.case-studies-filters {display:flex; justify-content:center; padding:30px 0; font-family:var(--font-bebas);}
.case-studies-filters .inner {display:inline-flex; flex-direction:column; align-items:center; width:100%; margin:0 auto;}
.case-studies-filters .heading {align-self:flex-start;}
.case-studies-filters .heading span {color:var(--hughes-red); font-size:18pt; line-height:120%; font-weight:bolder;}
.case-studies-filters .grid {display:grid; grid-template-columns:repeat(5, 1fr); width:100%; /* border-top: 2px solid var(--hughes-red); */}
.case-studies-filters .item  {overflow:hidden; position:relative; text-align: center; transition: all .3s ease-in-out; background:#eaecee;}
.case-studies-filters .item:hover > a object,
.case-studies-filters .item.selected > a object { color: #fff; background: none; -webkit-filter: grayscale(1) invert(1) brightness(2); -moz-filter: grayscale(1) invert(1) brightness(2); -ms-filter: grayscale(1) invert(1) brightness(2); filter: grayscale(1) invert(1) brightness(2); }
.case-studies-filters .item.selected {background:var(--hughes-red);}

.case-studies-filters .item .icon:before {position:relative; z-index:2;}
.case-studies-filters .item .icon:after {content:''; transition:width .5s ease-in-out; position:absolute; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:64px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; font-size:40px; color:white;}
.case-studies-filters .item:hover .icon:after {width:500px;}

.case-studies-filters .item:not(:last-child):after { content: ""; display: inline-block; position:absolute; top: 50%; right: -1px; transform: translate(0%,-50%); width: 1px; height: 80%; background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,127,0.45) 0%, rgba(0,0,0,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0.45) 0%,rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(127,127,127,0.45) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67f7f7f', endColorstr='#00000000',GradientType=1 ); }
.case-studies-filters .item a { display: inline-block; width: 100%; height: 100%; }
.case-studies-filters .item .icon {display:inline-flex; align-items:center; justify-content:center; width:82px; aspect-ratio:1/1; background:var(--hughes-red); border-radius:50%; filter:drop-shadow(0px 10px 10px #ff0000aa); font-size:40px; color:white;}
.case-studies-filters .item .icon img {position:relative; z-index:2; height:50px;}
.case-studies-filters .item.all-work .icon img {height:37px;}
/*
.case-studies-filters .item a img { width: auto; padding: 30px; padding-bottom: 0; }
*/
.case-studies-filters .item a object {pointer-events:none; width: 100%; height: 100%; max-width: 64px; max-height: 64px; -webkit-animation-duration: 2s; -webkit-animation-name: zoomSize; -webkit-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
-moz-animation-duration: 2s; -moz-animation-name: zoomSize; -moz-animation-fill-mode: forwards;
-moz-animation-timing-function: ease;
-ms-animation-duration: 2s; -ms-animation-name: zoomSize; -ms-animation-fill-mode: forwards;
-ms-animation-timing-function: ease;
animation-duration: 2s;
animation-name: zoomSize;
animation-fill-mode: forwards;
animation-timing-function: ease;}
/*
.case-studies-filters .item a span { display: inline-block; width: 100%; font-size: 24px; line-height:120%; font-weight: 400; padding: 5px 0; text-decoration: none !important; -webkit-text-fill-color: transparent; -moz-background-fill-color: transparent; -ms-text-fill-color: transparent; text-fill-color: transparent; }
*/
.case-studies-filters .item a {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:25px 20px 25px 20px; text-decoration:none; color:white;}
.case-studies-filters .item a .name {position:relative; z-index:3; font-family:var(--font-heading); font-size:20pt; line-height:120%; text-shadow:1px 1px 10px rgba( 0,0,0, .2 ); color:white;}
.case-studies-filters .item:hover a .name {color:white;}

/*
.case-studies-filters .item.all-work a span { background: var(--hughes-red); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; background-size: contain; }

.backgroundcliptext .case-studies-filters .item.all-work:hover,
.backgroundcliptext .case-studies-filters .item.all-work.selected { background: var(--hughes-red); background-size: cover; background-position: top left; }

.no-backgroundcliptext .case-studies-filters .item.all-work a span {background: transparent; color:var(--hughes-red);}
*/

@media (max-width:1160px){
  .case-studies-filters {padding:30px;}
}

@media (max-width:1024px){
  .case-studies-filters .grid {grid-template-columns:repeat(3, 1fr);}
  .case-studies-filters .item:not(:last-child):after {display:none;}
}

@media (max-width:600px){
  .case-studies-filters .grid {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:380px){
  .case-studies-filters .grid {grid-template-columns:repeat(1, 1fr);}
}

.case-studies {display:grid; grid-template-columns:repeat( 3, 1fr ); max-width:1920px; margin:0 auto;}
.case-studies h2 {clear:both; padding:0 0 30px 0; margin:0; font-size: 24px; font-size: 2.4rem; font-family:var(--font-bebas); color: var(--hughes-red);  }
.case-studies .item { position: relative; padding: 0;}
.case-studies .item img:first-child { display: inline-block; width: 100%; height: 100%;}
.case-studies .item .logo {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999; display:flex; align-items:center; justify-content:center; padding:50px;}
.case-studies .item .logo img {width:100%; height:auto;}

.case-studies .item img:nth-of-type(2) {transition:opacity .2s; opacity:0; position: absolute;  width: 100%; height:100%; top:0; left:0; z-index:5;}
.case-studies .item:hover img:nth-of-type(2) {opacity:0.7; mix-blend-mode: multiply;}
.case-studies .row {margin-bottom:30px;}

@media (max-width:1200px){
  .case-studies {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:700px){
  .case-studies {grid-template-columns:1fr;}
}


 /*
 *  Case study page
*/

.content.case-study section.hero {max-height:350px;}
.content.case-study section.hero.has-image:before {content:''; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; /* background:rgba( 0,0,0, .2 ); */ background:linear-gradient( to right, #000084, var(--hughes-red) ); opacity:.5;}
.content.case-study section.hero .title {z-index:2;}

@media (max-width:800px){
  .content.case-study section.hero {max-height:none;}
}

section.case-study {position:relative; padding:80px 0;}
section.case-study .container {display:flex; gap:120px;}
section.case-study .summary {flex:1;}
section.case-study .summary .snip {margin:0 0 40px 0; font-size:18pt; line-height:120%; font-family:var(--font-baskerville); white-space:pre-wrap;}
section.case-study .summary h2 {margin:30px 0 15px 0; font-size:32pt; line-height:120%;}
section.case-study .summary h2:first-child {margin-top:0;}
section.case-study .summary iframe {max-width:100%;}
section.case-study .sidebar {flex:1; padding:60px; background:#edeeef; border:1px solid white; box-shadow:0 10px 50px 0 rgba( 0,0,0, .15 );}
section.case-study .sidebar h2 {margin:0 0 30px 0; font-size:26pt; line-height:120%;}
section.case-study .sidebar p:first-of-type {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.case-study .sidebar ul {display:flex; flex-direction:column; margin:0; padding:0;}
section.case-study .sidebar ul li {display:flex; gap:25px; padding:15px 0;}
section.case-study .sidebar ul li:before {content:'■'; color:var(--hughes-red); font-size:11px;}
section.case-study .sidebar ul li:not(:last-child) {border-bottom:1px solid white;}

section.case-study .sidebar-video {flex:1;}
section.case-study .sidebar-video iframe {width:100%; max-width:100%; height:auto !important;}
section.case-study .sidebar-video br:first-child {display:none;}

@media (min-width:1361px){
  section.case-study .container {max-width:1300px;}
}

@media (max-width:1360px){
  section.case-study .container {padding:0 30px;}
}

@media (max-width:1024px){
  section.case-study {padding:40px 0;}
  section.case-study .container {flex-direction:column; gap:40px; padding:0 40px;}
  section.case-study .sidebar {padding:30px;}
}

section.case-study .sidebar .content-graph {position:relative;}
section.case-study .sidebar .content-graph .content-graph-value {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:32px; color:black; font-family:var(--font-bebas); font-weight:bold;}
section.case-study .sidebar .ct-series-b .ct-slice-donut { stroke: #cccccc; }
section.case-study .sidebar .content-graph-summary {margin-bottom:30px; padding:0 26px; text-align:center;}
section.case-study .sidebar .content-graph-summary p {font-family:var(--font-bebas); font-weight:700; font-size:21px; line-height:120%;}

section.case-study-video {padding:80px 0; background:var(--hughes-red); text-align:center;}
section.case-study-video h3 {margin:0 0 0px 0; color:white;}
section.case-study-video h3:not(.no-quote):before {background-image:url('/images/logo-quote.png');}
section.case-study-video h4 {color:white; font-family:var(--font-bebas-bold); font-size:14pt; font-weight:bold; line-height:120%;}
section.case-study-video .video {position:relative;}
section.case-study-video .video iframe {--aspect-ratio:640/360; width:100%; height:auto; max-width:100%; aspect-ratio:var(--aspect-ratio); border:2px solid white; box-shadow:0 10px 30px 0 rgba( 0,0,0, .25 );}
section.case-study-video .video .play-icon {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border:2px solid white; cursor:pointer;}

@media (max-width:1024px){
  section.case-study-video {padding:40px 0;}
  section.case-study-video .container {padding:0 40px;}
}

section.case-study-video-snip {padding:80px 0; background:#eaecee; border-bottom:1px solid white; box-shadow:0 10px 30px 0 rgba( 0,0,0, .15 );}
section.case-study-video-snip .container {position:relative;}
section.case-study-video-snip h2 {margin:0 0 30px 0; font-size:26pt; line-height:120%;}
section.case-study-video-snip p {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.case-study-video-snip .snip {font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.case-study-video-snip .snip:not(:last-child) {margin-bottom:0 0 1rem 0;}
section.case-study-video-snip .summary {max-width:600px;}
section.case-study-video-snip .background-image {position:absolute; right:0; bottom:0; width:40%; margin-bottom:-80px; aspect-ratio:417/352; background:url('/images/video-production-large-cropped.png') center no-repeat; background-size:contain; opacity:.6;}

@media (max-width:1024px){
  section.case-study-video-snip {padding:40px 0;}
  section.case-study-video-snip .container {padding:0 40px;}
  section.case-study-video-snip .background-image {display:none;}
}

section.suggested {padding:80px 0;}
section.suggested h3 {display:flex; align-items:center; justify-content:center; gap:20px; font-size:36pt; line-height:120%;}
section.suggested h3:not(.no-quote):before {margin:0; filter:none; width:auto; height:26pt;}

@media (min-width:1361px){
  section.suggested .container {max-width:1300px;}
}

@media (max-width:1360px){
  section.suggested .container {padding:0 30px;}
}

 /*
 *  Case study page (Graphic Design)
*/

.content.case-study-graphic-design {display:flex; flex-direction:column;}

section.graphic-design-case-study-title {padding:40px; text-align:center;}
section.graphic-design-case-study-title h3 {margin:0 0 0px 0;}
section.graphic-design-case-study-title h4 {color:#303333; font-family:var(--font-bebas-bold); letter-spacing:-0.75px; font-size:16pt; font-weight:bold; line-height:120%;}

section.case-study-carousel {border:solid var(--hughes-red); border-width:10px 0; background:#edeeef;}
section.case-study-carousel .container {max-width:calc(100vw - 17px);}
section.case-study-carousel .slider {position:relative; max-width:100%; width:100%; margin:0; background:white;}

section.case-study-carousel .item {background:rgba( 0,0,0, .05 );}
section.case-study-carousel img {width:100%; height:auto;}
section.case-study-carousel iframe {width:100%; height:100%;}

section.case-study-carousel .slick-track {display:flex; align-items:center;}
section.case-study-carousel .slick-button {position:absolute; top:0; display:inline-block; width:20%; height:100%; z-index:999; border:0; border-radius:0; font-size:38px; color:var(--hughes-red); }
section.case-study-carousel .slick-button.slick-prev {left:0; width:80px; padding-left:10px; text-align:left;}
section.case-study-carousel .slick-button.slick-next {right:0; width:80px; padding-right:10px; text-align:right;}
section.case-study-carousel .slick-button object,
section.case-study-carousel .slick-button img {pointer-events:none; position:absolute; top:50%; transform:translate(0%, -50%); width:auto; height:auto; max-width:35px; }
section.case-study-carousel .slick-button.slick-prev object,
section.case-study-carousel .slick-button.slick-prev img {left:0;}
section.case-study-carousel .slick-button.slick-next object,
section.case-study-carousel .slick-button.slick-next img {right:0;}

@media (max-width:768px){
  .madderns-video iframe {width:100%; height:auto;}
}

section.graphic-design-case-study-content {position:relative; padding:80px 0; box-shadow:0 20px 30px 0 rgba( 0,0,0, .2 );}
section.graphic-design-case-study-content .container {display:flex; align-items:flex-start; gap:80px;}
section.graphic-design-case-study-content .text {flex:1; background:url('/images/graphic-design-large-grey.png') top center no-repeat;}
section.graphic-design-case-study-content .text .background-image {position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%); height:80%; aspect-ratio:357/368; background:url('/images/graphic-design-large-grey.png') no-repeat left center; background-size:cover;}
section.graphic-design-case-study-content .text h2 {margin:0 0 30px 0;}
section.graphic-design-case-study-content .text .snip {margin:0 0 30px 0; font-size:18pt; line-height:120%; font-family:var(--font-baskerville);}
section.graphic-design-case-study-content .logo {flex:1; display:flex; justify-content:center;}
section.graphic-design-case-study-content .logo img {width:100%;}

@media (max-width:1160px){
  section.graphic-design-case-study-content .container {padding:0 30px;}
  section.graphic-design-case-study-content iframe {--aspect-ratio:640/360; max-width:100%; height:auto; aspect-ratio:var(--aspect-ratio);}
  section.graphic-design-case-study-content .logo {align-self:center;}
}

@media (max-width:1024px){
  section.graphic-design-case-study-content {padding:30px 0;}
  section.graphic-design-case-study-content .container {flex-direction:column; gap:40px;}
  section.graphic-design-case-study-content .text {background:none;}
}



.newsletter-modal {overflow:hidden; position:fixed; z-index:1005; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba( 0,0,0, .5 ); transition:all .5s;}
.newsletter-modal:not(.show) {opacity:0; pointer-events:none;}
.newsletter-modal iframe {width:75%; max-width:100%; aspect-ratio:16/9; box-shadow:10px 10px 20px 0 rgba(0,0,0, .2);}
.newsletter-modal:not(.show) iframe {display:none;}
.newsletter-modal .close {position:absolute; right:20px; top:20px; color:white;}
.newsletter-modal .inner {width:75%; max-width:100%; padding:40px; background:#edeeef; border:1px solid white; box-shadow:10px 10px 20px 0 rgba(0,0,0, .2);}
.newsletter-modal .inner h3:before {content:''; display:block; width:24px; aspect-ratio:47/42; margin:0 0 12px 0; background:url('/images/quote-red.png') no-repeat center; background-size:contain; filter:drop-shadow(10px 10px 10px #ff0000aa);}
.newsletter-modal .inner h3 {margin:0 0 20px 0; color:var(--hughes-red); font-family:var(--font-heading); font-weight:bold; font-size:36pt; line-height:120%; font-weight:bold;}
.newsletter-modal .inner form {display:flex; flex-direction:column; width:100%; }
.newsletter-modal .inner form input,
.newsletter-modal .inner form textarea {padding:15px 15px 15px 30px; border:0; border-radius:0; border-bottom:1px solid white; color:var(--hughes-red); background:#eee; font-size:20px; line-height:120%; font-family:var(--font-bebas); font-weight:bold;}
.newsletter-modal .inner form textarea {height:100px; border-bottom:0;}
.newsletter-modal .inner form button {align-self:flex-start; margin-top:20px; padding:10px 30px; background:none; border:1px solid white; box-shadow:0 10px 50px 0 rgba( 0,0,0, .15 ); color:#999; font-family:var(--font-bebas); font-size:24px; font-weight:bold; cursor:pointer;}
.newsletter-modal .inner form button:disabled {cursor:not-allowed;}
.newsletter-modal .inner form button:disabled:hover {color:#999;}
.newsletter-modal .inner form button:disabled:hover:after {display:none;}

@media (max-width:768px){
  .newsletter-modal .inner {width:90%;}
  .newsletter-modal .inner h3 {font-size:34pt; line-height:120%;}
}