/* Basics */
  .content > *{box-sizing:border-box;max-width:760px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;}
  .content > ul,
  .content > ol{padding-left:3.5rem;list-style-position: outside;}
  .content > * figure{margin:0;}
  
/* Typography */
  .content > h2,
  .content > h3,
  .content > h4,
  .content > h5,
  .content > h6{margin-top:1.5em;}
  
  .content li{margin:0.5em 0;}

/* Alignment */
  .content > .alignwide{max-width:1160px;}
  .content > .alignextrawide{max-width:1440px;}
  .content > .alignfull,
  .content > .is-style-wide{max-width:100%;padding-left:0;padding-right:0;}
  
/* Images */
  .wp-block-image{display:block;}
  .wp-block-image img{display:block;}
  .wp-block-image figcaption{font-size:80%;font-style:italic;opacity:0.7;}
    
/* Columns */
  .wp-block-column,
  .wp-block-columns{margin-bottom:0;}
  
  /* custom classes to align columns */
    .wp-block-columns.center{align-items:center;}
    .wp-block-columns.bottom{align-items:flex-end;}
    
/* Cover */
  .wp-block-cover, .wp-block-cover-image{margin-bottom:0;}
  .wp-block-cover__inner-container{box-sizing:border-box;max-width:760px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;}
  .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2{max-width:760px;}
  .wp-block-cover-image h2, .wp-block-cover h2{font-size:2.5em;line-height:120%;margin:1rem 0;padding:0;}

/* Group */
  .wp-block-group{overflow:hidden;}
  .wp-block-group.cover{align-items: center;display:flex;justify-content: center;min-height:430px;}
  .wp-block-group.cover > .wp-block-group{margin:auto;}
  .wp-block-group__inner-container > *{box-sizing:border-box;max-width:760px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;}
  .wp-block-group__inner-container > .alignwide{max-width:1160px;}
  .wp-block-group__inner-container > .alignfull,
  .wp-block-group__inner-container > .is-style-wide{max-width:100%;padding-left:0;padding-right:0;}
    
/* Embeds - needs to be built out more */
    .wp-embed-aspect-16-9 .wp-block-embed__wrapper{position: relative;padding-bottom: 56.25%;/* 16/9 ratio */height: 0;overflow: hidden;}
    .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
    .wp-embed-aspect-16-9 .wp-block-embed__wrapper object,
    .wp-embed-aspect-16-9 .wp-block-embed__wrapper embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
  
/* Quotes */
  .wp-block-quote{padding-left:3rem;position:relative;}
  .wp-block-quote:before{background-color:currentColor;content:'';position:absolute;left:1.5rem;width:3px;top:0;bottom:0;}
  .wp-block-quote cite{opacity:0.7;}
  .wp-block-quote.is-style-large{margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:1.5rem;}
  .wp-block-pullquote{border-bottom:3px solid;border-top:3px solid;}

/* Separators */
  .wp-block-separator{margin:2em auto !important;padding:0;max-width:120px !important;}
  .wp-block-separator:not(.is-style-wide){height:5px !important;padding:0;}
  .wp-block-separator.is-style-wide{max-width:700px !important;text-align:center;}
  
/* Colors */
  .has-text-color h1,
  .has-text-color h2,
  .has-text-color h3,
  .has-text-color h4,
  .has-text-color h5,
  .has-text-color h6{color:inherit;}
  
  .has-red-background-color{background-color:#ff3639!important;}
  a.has-red-background-color{background-color:rgba(255,54,57,0.5)!important;}
  a.has-red-background-color:hover{background-color:#ff3639!important;}
  .has-red-color{color:#ff3639!important;}
  .has-blue-background-color{background-color:#203442!important;}
  a.has-blue-background-color:hover{background-color:#000!important;}
  .has-blue-color{color:#203442!important;}
    
  .is-style-expand-red{position:relative;margin:80px auto;}
  .is-style-expand-red *{color:#fff;}
  .is-style-expand-red:before{content:'';background-color:#ff3639;position:absolute;bottom:-40px;left:-40px;top:-40px;right:-40px;}
  .is-style-expand-red > *{position:relative;}

.wp-block-media-text{padding-left:0;padding-right:0;}


/* Duplicated front-end css for backend */
/* Item Grid */
  .grid{display: flex;flex-wrap:wrap;margin:0 -20px;}
  .grid__item{flex:1;padding:20px;box-sizing:border-box;min-width:184px;}

  .grid--top{align-items: flex-start;}
  .grid--center{align-items: center;}
  .grid--bottom{align-items: flex-end;}

  .grid__item--top{align-self: flex-start;}
  .grid__item--center{align-self: center;}
  .grid__item--bottom{align-self: flex-end;}

  /* fix width of items by item or container */
    .grid__item--half,
    .grid--halves .grid__item{flex: 0 0 50%;}
    .grid__item--third,
    .grid--thirds .grid__item{flex: 0 0 33.3333%;}
    .grid__item--fourth,
    .grid--fourths .grid__item{flex: 0 0 25%;}
    .grid__item--fifth,
    .grid--fifths .grid__item{flex: 0 0 20%;}
  
  /* loners center */
    .grid--centered{justify-content: center;}

  /* loners spread */
    .grid--spaced{justify-content: space-between;}
  
  @media (max-width: 979px) {
    .grid{margin:0 -15px;}
    .grid__item{padding:15px;}
  }
  @media (max-width: 767px) {
    .grid{margin:0 -10px;}
    .grid__item{padding:10px;}
  
    .grid__item--767-full{flex: 0 0 100% !important;}
    .grid__item--767-half{flex: 0 0 50% !important;}
    .grid__item--767-third{flex: 0 0 33.3333% !important;}
  }
  @media (max-width: 480px) {
    .grid__item{flex: 0 0 100% !important;}
  }

.center-text{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}

a.btn,
a.wp-block-button__link,
input[type="submit"]{background-color:#203442;color:#fff;padding:0.5rem 1rem calc(0.5rem + 1px) 1rem;display:inline-block;font-family:'Oswald';font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;}
a.btn:hover,
a.wp-block-button__link:hover,
input[type="submit"]:hover{background-color:#203442;}

.label{color:#203442;font-family:'Oswald';font-size:16px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;}
.label--white{color:#ffffff;}

.elephant-hr{height:1px; background-color:rgba(0,0,0,0.1);margin-bottom:60px;margin-top:60px;position:relative;}
.elephant-hr:after{background:transparent url('../images/grey-elephant.jpg') no-repeat 50% 50% ;background-size:contain;height:53px;content:'';left:50%;display:block;width:90px;transform:translate(-45px,-26px);position:absolute;}