/* ====  colours ========= 
red:     #95134b
grey:    #707271
-===========================*/

/* - reset --- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block;}a img{border:none;}
* { box-sizing: border-box; }
body,html { height:100%; }
body { background:#efefef; color:#222;font-family: 'Raleway', sans-serif; font-size:16px;}
strong { font-weight:700; }

/* -==== fonts ====== */

@font-face {
    font-family: 'majesti_bannerheavy';
    src: url('/assets/fonts/majesti-banner-heavy-webfont.woff2') format('woff2'),
         url('/assets/fonts/majesti-banner-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* === mini Gallery ==== */


.wrapper ul.miniGallery { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; margin:0 0 0 -2%; padding:0;}
.wrapper ul.miniGallery li { width:48%; padding:2%; list-style-type:none; }
.miniGallery img { width:100%; height:auto;  }
/* === campaigns ==== */
.template-22 .hero h1 { position:static; margin:0 auto; font-size:40px; max-width:700px; }
.template-22 .hero h1 strong { color:#fff; }
.template-22 h2 { font-size:200%;color:#000; }
.template-22 p,
.template-22 .textList li { color:#000; }
.template-22 footer p{ color:#fff; }

blockquote { position:relative;margin: 40px 0; padding:20px; line-height:1.2;background:#fff; text-align:center; border-radius:5px;  font-size:24px; font-style:italic; color:#191970; font-weight:700; }
blockquote p { font-size:12px; color:#333; padding-top:5px; }
blockquote:before, blockquote:after {  font-size:80px; font-family:'Georgia', serif;}
blockquote:before { position:absolute; left:0; top:0; content:"“"; }
blockquote:after { position:absolute; right:20px; bottom:-40px;content:"”"; }

.campaignHero:after { content:""; background:#95134b; width:180px; height:500px; transform:rotate(-20deg); position:absolute; right:-80px; top:-60px; z-index:-1; }
.campaignHero:before { content:""; background:#707271; width:80px; height:500px; transform:rotate(-20deg); position:absolute; right:60px; top:-60px; z-index:-1; }
.campaignHero h1 { text-align:center; margin:0 auto; display:block; position:static; max-width:1000px;padding-top:80px;}

.campaignHeader { max-width:1024px; margin:0 auto; display:flex;}

@media screen and (max-width:500px) {
    .campaignHeader  { flex-direction:column; }
    .template-22 h2 { font-size:150%; }
.template-22 .belowfold { top:300px; }
.campaignHero { height:300px; }
.template-22 .hero h1 { padding-top:0; font-size:180%; }
}
/* === popup ====== */

.popup { display:none;transition:top 0.4s ease;position:fixed; z-index:100; top:20%; left:15%; width:70%; height:80%;background:#95134b; padding:40px; box-shadow:0 0 10px rgba(0,0,0,0.8); border-radius:5px; }
.showPop .popup { display:block; }
.popup h2 { color:#fff;}
.closePopup { position:absolute; right:20px; top:20px; font-size:50px; cursor:pointer; color:#fff; }
.five .closePopup { display:none; }

@media screen and (max-width:900px) {
    .popup { top:-100%; left:5%; width:90%;height:90%;padding:40px 10px 10px; }
    .popup h2 { margin-bottom:0;}

.showPop .popup { top:5%; }

}
/* ==== Christmas opening time ==== */
.resource-56 .hero > div { display:flex; align-items:flex-end; justify-content:center; }
.resource-56 .hero h1 { position:relative;text-shadow:0 0 10px red,0 0 30px red; text-align:center; margin:0 auto; }
.resource-56 h2 { text-align:center;}
.resource-56 table td { background:#fff;}
.xmasOpeningBtn { text-align:center; cursor:pointer; transition:all 0.2s ease;position:fixed; right:40px; bottom:0; background:#cc0000; color:#fff;text-decoration:none; padding:20px; z-index:300;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.xmasOpeningBtn:hover { padding-bottom:30px; }

@media screen and (max-width:500px) {
    .xmasOpeningBtn { width:90%; right:5%; }
    .resource-56 .hero  { padding-bottom:10px; }
.resource-56 .hero h1 { font-size:34px; }

}

/* =========== 2018 styles ============ */

.wrapper .pageListing li a { text-decoration:none;  display:block;  height:100%; color:#333; }

.wrapper .sidebarListing { padding:0; }
.wrapper .sidebarListing li { list-style-type:none; width:100%; margin:0 0 10px 0; }
.wrapper .sidebarListing li a { position:relative;text-decoration:none; padding:0; display:flex; align-items:center;    justify-content: flex-start; background:#fff;color:#333;box-shadow:0 2px 2px rgba(0,0,0,0.1); margin:0 0 20px 2%;  }
.wrapper .sidebarListing li img { margin-right:20px; width:100px; height:70px; object-fit:cover; display:block; align-self:flex-start;}
.wrapper .sidebarListing li a:hover { box-shadow:0 3px 6px rgba(0,0,0,0.2); bottom:2px;  }
.wrapper .sidebarListing li.active a { background:#95134b; color:#fff; }
.wrapper .sidebarListing li a p { font-size:18px; }
.wrapper .noImageListing li a { padding:20px; }
section { padding:0 40px 40px 40px;width:100%; display:flex;}
.template-14 section { display:block; }

.wrapper .careersListing li.active { display:block; }
.wrapper .careersListing li.active a { background:#ccc; }
.icon { max-width:50px; margin:0 ; display:block; }
.cardImage { width:100%; height:auto; }

/* ====== MEET THE TEAM =========  */

.wrapper .cards { margin-left:-2%; width:102%;padding:0; display:flex; flex-wrap:wrap; justify-content:flex-start; list-style-type:none;}
.wrapper .cards li { position:relative;transition:all 0.2s ease;border-radius:5px;  width:18%;background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.1); margin:0 0 20px 2%; list-style-type:none; }

.template-14 .wrapper .cards { justify-content:center; }

.template-14 .wrapper .cards li {width:31%; }

 .wrapper .cards li > img { width:100%; height:230px; object-fit:cover; object-position:top; }

 .wrapper .cards li div { padding:20px; }
.wrapper .cards li h4 { margin-top:0; }
.wrapper .cards li div p.hasIcon,
.wrapper .cards li div span.hasIcon {padding-left:20px; padding-right:10px; position:relative; }
.wrapper .cards li div span.hasIcon { white-space:nowrap; }
.wrapper .cards li div p { position:relative; }
.wrapper .cards li div i { position:absolute; left:0; top:4px; color:#999; }

@media screen and (min-width:768px) { 
    .wrapper .cards li:hover { box-shadow:0 3px 6px rgba(0,0,0,0.2); bottom:2px; }
}

.bioTrigger { text-decoration:underline; cursor:pointer; color:#95134b;}

.bio {  display:flex; overflow-y:scroll; transition:top 0.2s ease;  position:fixed; top:110%; left:0; height:calc(100% - 100px); width:100%; z-index:500; /* background-color:#707271; */ }

@media screen and (min-width:768px) { .bio { background-color:#707271;}
}
.bio img { align-self:flex-start;background-color:#707271; padding:20px; }
.bio p { color:#fff; max-width:700px; }
.bio h4 { color:#fff; font-size:60px; }
.bio a { color:#fff; }
.wrapper .cards li .bio div { padding:20px 20px 120px 20px; background-color:#707271; }

 .wrapper .sidebarCards,
 .wrapper .sidebarCards li {  width:100%; margin-left:0;}
  .wrapper .sidebarCards li img { width:100%; height:auto; }
 

 
 /* == home team list ====== */
  .wrapper .homeTeamList { width:100%; margin-left:0; }
  
 .wrapper .homeTeamList li { width:100%!important; }
 .wrapper .homeTeamList li > img { height:340px;  }
 .wrapper .homeTeamList li:hover {box-shadow:0 2px 2px rgba(0,0,0,0.1); bottom:0; }
 
 @media screen and (max-width:1000px){
      .wrapper .homeTeamList li > img { height:340px; }
 }
 @media screen and (max-width:900px){
      .wrapper .homeTeamList li > img { height:400px; }

 }
  @media screen and (max-width:500px){
.mobileHide { display:none; }
      
  }
 /* - owl - */
 
 .owl-nav { position: relative; width: 100%; font-size:50px; color:#666; text-align:center;}
 .owl-nav .owl-prev span, .owl-nav .owl-next  span { padding:5px;}
  .owl-nav button span {  color:#666;}
 .owl-nav button span:hover { color:#95134b; }
 
/* show bio */
.show-bio .bio,
/* = show bio on news article */
.show-bio + .bio { top:140px; }
.close { cursor:pointer; padding:10px 20px; border:2px solid #fff; color:#fff; font-size:18px; border-radius:40px; position:absolute; right:80px; bottom:80px; }
/* == show bio from hash in url */

/* -- typography ---- */

p   { font-size:100%;  line-height: 150%; font-weight:300; margin-bottom:10px;  }
h1  { font-size:200%;  line-height: 120%; font-weight:300; margin-bottom:20px; color:#222 }
h2  { font-size:160%;  line-height: 140%; font-weight:300; margin-bottom:20px; color:#222 }
h3  { font-size:160%;  line-height: 120%; font-weight:300; margin:20px 0 30px 0;  color:#95134b; /*font-family:'majesti_bannerheavy' */ }
.eight h3 { margin:40px 0 0 0; }
.home082019 h3 { font-size:130%;  line-height: 140%; text-align:center; margin:0 0 0 0; font-family:'Raleway'; color:#333; }
h4  { font-size:100%;  line-height: 120%;  margin:20px 0 10px 0; color:#95134b;/*font-family:'majesti_bannerheavy' */ }
h5  { font-size:130%;   line-height: 140%; font-weight:300;}
h6  { }
a   { color:#95134b; }

.btn { background:#95134b; color:#fff; text-decoration: none; display: inline-block; padding:14px 30px; border-radius:50px; cursor:pointer;  }

.btn:hover { opacity: 0.7; }

.wrapper ol, .wrapper ul {  padding-left: 30px; margin-bottom: 10px;}
.wrapper ol li, .wrapper ul li { list-style-position: outside; margin-bottom: 7px; font-weight: 300; }
.wrapper ol li{ list-style-type: decimal; }
.wrapper ul li { list-style-type: disc;}


/* === detailed numbering 2019 === */
.wrapper ol { counter-reset: item; margin-bottom:20px;}
ol li{ display: block }
ol li:before { content: counters(item, ".") " "; counter-increment: item }

/* === detailed numbering 2019 === */


.wrapper ol.romanList li{ list-style-type: lower-roman; display:flow-root list-item; }

.wrapper ol.romanList li:before  { content:none; }

header .active > a { border-bottom:1px solid #fff; }

.burger { display:none; }

/* - header --- */
header {  transition: all 1s; background: rgba(255,255,255,1); position: fixed; width:100%; height:100px; top:0; left:0; z-index: 100;  box-shadow: 0 0 15px rgba(0,0,0,0.2);}


/* --- logo -------- */

.logo { transition:all 0.2s ease;width:240px;  top:10px; height:80px; display:block; position:absolute; left:40px; text-indent: -9999px; background:url(/assets/rebrand/PDCLaw-logo_RGB.svg) no-repeat 0 / contain; }
.logo:before {transition: all 1s;  opacity:1; content: ""; width:40px; height:40px; display:none; position:absolute; left:-60px; top:0; background:none; }
.logo:after { transition: all 1s; opacity:0; content: ""; width:40px; height:40px; display:none; position:absolute; left:-60px; top:0; background:none; }


/* --- nav -------- */

.nav { text-align: right; position: absolute; right:40px; top:0; }
.nav > li { position:relative;display: inline-block; padding: 0 10px; line-height:100px; font-size: 90%; }
.nav li a {  transition: color 0.5s; text-decoration: none; font-weight: 700; color: #707271; text-transform: uppercase; letter-spacing: 2px; }

.nav li a:hover { border-bottom:1px solid #95134b;  }

.nav li.active > a { color:#95134b; }
.nav .nav li.active > a { color:yellow; }



/* ==== dropdown ==== */
@media screen and (min-width:851px) {
.nav li a.wideDropdown + ul { width:460px; margin-left:-230px;  }
.nav li a.wideDropdown + ul li { width:48%; text-align:left;  }
.nav li a.wideDropdown + ul > li > a { opacity:0.7;  }

.nav li ul:before { content: "";
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 10px);
    top: -10px;
    background: #95134b; }

.nav li ul { transition:all 0.2s ease; display:none; position:absolute; left:50%; margin-left:-125px; width:250px;top:80px; padding:10px;background:#95134b; border-radius:5px; text-transform:none; }

.nav li ul li { width:100%; padding:7px 0;text-align:center; line-height:120%;  }
.nav li:hover > ul { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.nav li ul a { text-transform:none;letter-spacing: 0; border:none; padding:0;}
.nav li ul a:hover { color:yellow; }
.nav li li a { color:#fff; }

/* services dropdown subcagegories */
.nav ul li a.subCategory + .nav { display:block; position:static;margin: 0; width: auto;padding:0; border-radius:0; background:none;}
.nav ul li a.subCategory + .nav li { width:100%; padding:5px 0;}
.nav ul li a.subCategory + .nav:before { display:none;}
}



/* --- home -------- */

.belowfold {background: #efefef; z-index: 10; top:400px; width:100%; position: relative; }
.home082019 .belowfold { top:100%; }
.hero {  left:0; top:100px;padding: 30px;width:100%; height:300px; margin: 0; z-index: 1; position: fixed;  }
.home082019 .hero {height:100%;  }
.home082019 h1 { z-index: 10; position:fixed; padding-top: 180px; width:100%; text-align: center; color: #fff; font-size: 550%;  text-shadow: 0 0 10px #000;  }
.home082019 .hero h2 { max-width: 960px; margin:0 auto; color: #fff; padding-top: 10px; text-align: center; font-size: 550%; text-shadow: 0 0 10px #000;  }

.home082019 .hero p { max-width: 900px; margin:0 auto 30px auto; color: #fff; text-align: center; font-size: 120%; text-shadow: 0 0 10px #000;  }

a.howbutton {  height:40px; z-index: 9;text-indent: -9999px; background: url(/assets/images/arrow.svg) no-repeat center / contain;  text-align: center; color: #fff; width:100%; display: block;}
.strapline { width:100%; text-decoration: none; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: center; z-index: 9; position: fixed; left:0; bottom:140px; }

.slide { width:100%; height:100%; padding:0 0 80px 0; display:flex!important; flex-direction:column; align-items:center; justify-content:center; }

.home082019 .slide1 { background: url(/assets/rebrand/homeSlides/londonView.webp) no-repeat center / cover; }
.home082019 .slide2 { background: url(/assets/rebrand/homeSlides/perspective.webp) no-repeat center / cover; }
.home082019 .slide3 { background: url(/assets/rebrand/homeSlides/conversation.webp) no-repeat right / cover; }

.home082019 aside,
.home082019 h1 { margin:0; font-size:24px; text-transform:uppercase; z-index: 9; position: fixed;letter-spacing: 6px; font-weight:700; bottom:0; left:0; width:100%; display:block; background:#95134b; color:#fff; text-align: center; padding:40px;}

.home082019 h2 { text-align: center; font-size:50px; }




/* --- structure -------- */

.wrapper {   position: relative; padding:50px 0 0; max-width:100%; margin: 0 auto; width:100%; }
.wrapperNarrow { max-width:1300px;}


.hero h1 {  font-family: 'Raleway', sans-serif; position: absolute; bottom:0; left:10px;margin:0; color: #fff;  font-size: 50px;text-shadow: 0 0 10px #000; width:100%; text-align: left; display:block;   }
.row { display:flex;width:100%; border-top: 1px solid #707271; padding: 30px 0; overflow: hidden; }
.callout { overflow:hidden; background: rgba(131, 131, 131, 1); padding:30px; clear:both;max-width:900px; margin:30px auto;}
.callout h2,.callout li, .callout h3, .callout p,.callout a { color: #fff; }
.callout p { margin-bottom:0; }

.callout h2 { font-size:160%; margin: 0; text-align: left;}

.whisper { background:#efefef; }
.whisper h2,.whisper h3, .whisper p, .whisper li { color:#333; }

.calloutPrimary { background:#95134b; color:#fff; }


.number { width:100px; height:100px; border-radius:100%; border:5px solid #95134b;  font-size:200%; line-height: 90px; color: #95134b; text-align: center; display: block; margin:0 auto 20px auto; }
.joeimage { width:15%; padding-bottom:15%;border-radius:100%; background:url(/assets/images/3638_C.jpg) no-repeat center / cover; float:left; margin-right:2%; }
.joetext { float:left; display:block; width:80%; font-size:200%; }
.template-8 .callout { max-width:100%; }
.template-8 h3 { margin:20px 0 10px 0; }
.promo { background:#fff;  }
.promo h3, .promo p, .promo a { color:#333;}

.smallPromo { display:flex; }
.smallPromo h3 { margin-bottom: 20px; }
.smallPromo img {width: 200px; height: 200px; object-fit:cover; margin: 0 20px 0 0; }

@media screen and (max-width:500px) {
    .row { display:block; }
    .smallPromo { flex-direction:column; }
.smallPromo img { width:100%; height:auto; margin-bottom:20px;}
}

/* ---- about ------- */

.profile img { width:20%; margin-right: 40px;float:left;  }
.profile a { transition:background 0.2s; background:#fff; border-radius:5px; display:inline-block; margin-right: 5px; border:2px solid #95134b; color:#95134b; padding:10px 20px; text-decoration: none; }
.profile a:hover { background:rgba( 147,16,4,0.2);  }
.profile-secondary { width:30%; padding-bottom:28%; border:6px solid #95134b; border-radius:100%; margin:0 auto 30px auto; }
.profile  h2 { text-align: center; margin-bottom:10px; }
.profile  h3 { text-align: center; margin-top: 0; margin-bottom: 30px; }
.main-profile  h2 { text-align: left!important; }
.main-profile  h3 { text-align: left!important; }
table { border: 1px solid #ccc;}
table td { padding:10px; border: 1px solid #ccc; }
table th { background: #95134b; font-weight: 300; text-align:left;padding:10px; color:#fff; }
/* -- get in touch ---- */

/* --- news ----- */

.story { border-bottom: 1px solid #ccc; padding:30px 0; overflow: hidden; }
.story .date { font-size:90%;margin-top: 10px; }
.story h2 { margin-bottom: 10px; }
.story img { float:left; display: block; margin-right: 30px; width: 400px; }
.template-21 .twelve h3 { margin-bottom:10px; margin-top:40px; }
.romanNumerals {  list-style-type: lower-roman; }
h2 sup,h3 sup { font-size: 12px;
display: inline-block;
position: relative;
bottom: 10px; }

@media screen and (min-width:768px) {
 .floatLeftDesktop  { float: left; margin: 0 20px 20px 0; }
 .floatRightDesktop  { float: right; margin: 0 0 20px 20px; }
}


/* - grid --- */
.col {  margin: 1% 0 1% 4%; position:relative; }
.col:first-of-type { margin-left: 0; }

.twelve     {   width: 100%;  }
.eleven     {   width: 91.3333333333%; }
.ten        {   width: 82.6666666667%; }
.nine       {   width: 74.0%; }
.eight      {   width: 65.3333333333%;}
.seven      {   width: 56.6666666667%;}
.six        {   width: 48.0%; }
.five       {   width: 39.3333333333%; }
.four       {   width: 30.6666666667%; }
.three      {   width: 22.0%; }
.two        {   width: 13.3333333333%; }
.one        {   width: 4.66666666667%; }



/* - footer --- */
.home082019 footer { top:100%;}

footer { top:400px; z-index:9;position: relative; padding: 50px 30px; width:100%; overflow: hidden; background:#000; text-align: center; }
footer h5, footer p, footer a { color:#fff; }
footer h2 {  font-size: 170%!important; font-weight: 300; color: #fff; margin-bottom:70px; }
footer h2 a { text-decoration: none; }
footer h3,
.home082019 footer h3 { margin-bottom:30px;font-family:'Raleway'; }
footer p { font-size: 80%; }
footer li { display:inline-block; margin:0 10px; }
footer li.active a { color:#95134b; }

.xmas-button a { transition:background 0.2s; background:#999; border-radius:5px; display:inline-block; margin-right: 5px; margin-bottom:20px; color:#fff; padding:10px 20px; text-decoration: none; }
.xmas-button a:hover { background:#95134b;  }

/* - media queries --- */
@media screen and (max-width:1300px) {
.wrapper .cards li { width:23%; }
.wrapper .sidebarCards li { width:100%; }

}

@media screen and (max-width:1024px) {
.wrapper .cards li { width:31%; }
    .logo:before,.logo:after { width:40px; height:50px; left:-55px; top:-4px;  }
    .logo { width:250px; left:30px; top:12px;}
    a.howbutton {   }
    .home082019 aside,
    .home082019 h1 { font-size: 14px; padding: 20px 20px; }
.wrapper .sidebarCards li { width:100%; }

}
@media screen and (max-width:850px) {
      .template-14 .wrapper .cards { width:100%; margin-left:0; }
    .template-14 .wrapper .cards li {width:100%; margin-left:0; }

.wrapper .cards li { width:30%; margin:0 10px 20px 10px; }
.profile img { width:30%; margin-right: 20px; }

.nav { transition:top 0.3s; display:block; width:100%; height:100%; padding:100px 40px 40px; position: fixed; top:100%; left:0; z-index: 500; background:#222; }
.show-menu .nav { top:0;}
.nav > li { line-height:50px; }

    .nav li { width:100%; display: block; text-align: center; }
    .nav li a,
    .nav li a:hover { color: #fff;border:none; opacity:1; }
    .nav li ul { display:none;  }



.home082019 .btn_home a,
.about .btn_about a,
.what .btn_what a,
.news .btn_news a,
.contact .btn_contact a { border-bottom:none; opacity:0.5; }
.home082019 .btn_home a, .about .btn_about a, .what .btn_what a, .news .btn_news a, .contact .btn_contact a { border-bottom:none; opacity:0.5; }

.burger { z-index: 700; cursor: pointer; width:30px; height:30px; display:block; background: url(/assets/images/burger.svg) no-repeat center / contain; position: fixed; top:30px; right:30px; }
    .burger:after { transition: opacity 0.3s; opacity:0; content: ""; z-index: 800; width:30px; height:30px; display:block; background: url(/assets/images/burger-blue.svg) no-repeat center / contain; position: fixed; top:30px; right:30px;}

    .col { margin: 0 0 20px 0; float:none;  }
    .twelve,.eleven,.ten,.nine,.eight,.seven,.six,.five,.four,.three,.two,.one        {   width: 100%;  }

    .profile { text-align: center; }
    .profile h4,  .profile p { text-align: left; }
    .story img { width:40%; height:auto; margin-bottom: 20px; }
section { padding:20px; flex-direction:column;}


}

 
@media screen and (max-width:768px) {

    .home082019 h3 { font-size:120%;  line-height: 140%; text-align:center; margin:0 0 30px 0; font-family:'Raleway'; color:#333; }

.bio { display:block;padding:0!important; overflow-y:scroll; }
.bio img { width:100%; height:auto; display:block; }

.bio h4 { font-size:30px; }
.close { transition:right 0.3s ease 0.3s; position:fixed; right:-100px; bottom:20px; background:#333; }
.show-bio + .bio .close {  right:20px; }

.home082019 h2 { font-size:32px; }
    h2 { font-size:24px; }
    .hero .wrapper { padding:50px 0; }
    .hero h1 { left:0; }
    .wrapper .cards li h4{ text-align: center; }
    .belowfold h3 { text-align: center; }
    .profile img { width:100%; max-width: 70px; float:none; margin: 0 auto; }
.main-profile  h2 { text-align: center!important; }
.main-profile  h3 { text-align: center!important; }
    .wrapper .cards li div p { text-align: center; }

    .story img { width:100%; }
    .story, .story h2 { text-align: center; }
   
    .home082019 .hero h2{ font-size: 400%;  }
    .home082019 .hero h2{ padding-top:0;  }
    .slide { padding: 30px 30px 30px; }
    .home082019 .slide3 { background-position: right; }

    .logo:before,.logo:after { width:33px; height:33px; left:-45px; top:5px;  }
    .logo { width:220px; left:20px; }
    .hero h1 { font-size: 250%; text-align:center;}
    .template-8 .hero h1 { font-size: 150%; }
    .home082019 .hero h2 {font-size: 280%; }
    .joeimage { width:40%; padding-bottom:40%;float:none; margin:0 auto 30px auto; }
    h2.joetext { float:none; width:100%; font-size:150%;   text-align:center; }
}

.wrapper .cards li.teamSectionHeader { background:#95134b; position:relative; }
.teamSectionHeader h2 { margin-bottom:0; color:#fff; width:100%; }
.teamSectionHeader:after { display:block; content:""; width:40px; height:40px; background:url(/assets/images/team/arrow_bold.svg) no-repeat center / contain; 
position:absolute; bottom:20px; right:20px; }

@media screen and (max-width:600px) {
.teamSectionHeader:after { display:none;}

}
@media screen and (max-width:600px) {
.wrapper .teamList { justify-content:space-between; }
    .wrapper .cards li { width:48%; margin:0 0 10px 0; }
    .wrapper .cards li img {  height:200px;}
    .wrapper .pageListing li { width:100%; }
.wrapper .sidebarCards li { width:100%; margin-bottom:20px; }
.wrapper .cards li.teamSectionHeader { width:100%;}

.teamSectionHeader div { background:#95134b; border-radius:5px;}

.wrapper .cards li p { font-size:14px; }

}
@media screen and (max-width:450px) {

.wrapper .cards { margin-left:0; width:100%; }
    .wrapper .cards li img {  height:auto;}
   footer { top:400px; }

}

@media screen and (max-width:350px) {
    .wrapper .cards li { width:100%; }

        .wrapper .cards li img {  height:300px;}

    .joeimage { width:60%; padding-bottom:60%;}
    h2.joetext { font-size:130%; }
    .home082019 h1 { padding-top: 100px;}
    .slide { padding: 150px 30px 30px; }
    .home082019 aside,
    .home082019 h1 { padding:10px; letter-spacing: 0; font-size: 100%; }
    .home082019 .hero p { display:none; }
a.howbutton {  }
    .strapline { bottom:110px; }
    .profile-secondary { width:60%; padding-bottom: 57%;}
    .hero { height:200px; }
        .campaignHero { height:300px;}

    .belowfold { top:200px;}
    .template-20 .belowfold { top:400px;}

    .wrapper { padding:30px; }
   .belowfold .wrapper > h3 {margin-top:0; }
   footer { top:200px; }
   footer h2 span { display: none; }
   footer h2 a:after { display: block; content: ""; clear:both; }
section { padding:0;}
}

/*  @media screen and (min-width:1800px) {
        .wrapper .cards li img {  height:340px;}
}


@media screen and (min-width:2800px) {
        .wrapper .cards li img {  height:440px;}
}
*/

/* === GA LANDING PAGES ======== */

.template-23 .belowfold,
.heroGA,
.template-23 footer {  top:80px}
.heroGA {left:0;padding: 30px;width:100%; margin: 0; z-index: 1; position: relative;  }
.heroGAHeaderContent { margin:0 auto; padding:40px;display:flex; flex-direction:column; justify-content:space-between; align-items:center;width:100%; max-width:1300px;}
.heroGAHeaderContent div { max-width:900px; margin:0 auto; text-align:center; }
.heroGAHeaderContent h1, .heroGAHeaderContent h2 { font-weight:bold; color:#fff; text-align:center; text-shadow:0 0 20px rgba(0,0,0,0.3);}
.heroGAHeaderContent h1 { font-size:50px;max-width:800px; margin:0 auto 40px auto; }
.heroGAHeaderContent div.shoutout { width:100%; max-width:650px; background:#95134b; margin:0; border-radius:5px; box-shadow:0 10px 10px #000; }
.gaContent { max-width:800px; margin:0 auto; }
.rowGa { border-color: #ccc; }
.gaImage { width:100%; height:200px; object-fit:cover; }

@media screen and (max-width:500px) {
    .template-23 .belowfold, .heroGA, .template-23 footer { top:100px; }
    .heroGAHeaderContent h1 { font-size:30px; margin:0 auto 20px auto; }
    .heroGAHeaderContent h2 { font-size:20px;  }
    .heroGAHeaderContent p { font-size:16px; }
    .heroGAHeaderContent div.shoutout { padding:20px; }
.heroGAHeaderContent { padding:0; }
.gaContent h2 { font-size:18px; }

}