/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}



/*   GENERAL STYLING   */
:root {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}
#container {
	overflow: hidden;
}
a {
  color: #00ADEF;
  text-decoration: none;
}
a:focus {
  outline:2px solid #d71ef7;
}
p {
  color: #FFF;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
p.sm {
  color: #FFF;
  font-size: .875rem;
  line-height: 1.4;
}
p.dark, .dark p {
  color: #4B4E51;
  font-weight: 400;
}
.content-block h4 {
  font-size: 1.2rem;
  padding-bottom: 0.5rem;
}
.content-block ul {
	list-style: none;
	margin-bottom: 1.5rem;
}
p:last-child, ul:last-child {
	margin-bottom:0;
}
.single.single-post ul li,
.content-block ul li {
	margin:1rem 0 1rem 1.5rem;
	line-height: 1.5rem;
	color:#4B4E51;
}
.single.single-post ul li:last-child,
.content-block ul li:last-child {
	margin-bottom: 0;
}
.single.single-post ul li:before,
.content-block ul li:before {
	content:'';
	display: inline-block;
	width:.75rem;
	height:.75rem;
	margin-left:-1.5rem;
	margin-right:.75rem;
	background:#00ADEF;
}
h1 {
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}
h1.voice-check {

}

h1.voice-check img {
  width: 100%;
  max-width: 350px;
}
h2 {
  color: #4B4E51;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}
h2.navigation {
  color: #FFF;
  padding-bottom: 4rem;
}
h2 span.title-tm {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4em;
  vertical-align: text-top;
}
h2 em {
  color:#00ADEF;
  font-style: normal;
}
h3 {
  color: #4B4E51;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}
h4 {
  color: #4B4E51;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}

.btn {
  display: inline-block;
  padding: .7rem 1.5rem;
  color: #FFF;
  background: #4B4E51;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid #4B4E51;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  margin-bottom:3rem;
}

.btn:last-child, .btn-white:last-child, .btn-dark:last-child {
	margin-bottom: 0;
}
.btn-white {
  display: inline-block;
  padding: .6rem 1.5rem;
  color: #FFF;
  font-size: .75rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid transparent;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  margin-bottom:3rem;
}
.btn-border-white {
  border: 2px solid #FFF;
}
.btn-white:hover {
  color: #00ADEF;
  background: #FFF;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.btn-dark {
  display: inline-block;
  padding: .6rem 1.5rem;
  color: #4B4E51;
  font-size: .75rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid transparent;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  margin-bottom:2rem;
}
	.home .btn-dark {
		margin-right:1rem;
	}
.btn-border-dark {
  border: 2px solid #4B4E51;
}
.btn-dark:hover {
  color: #FFF;
  background: #4B4E51;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.btn-services {
  width: 100%;
  height: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .7rem 1.5rem;
  color: #4B4E51;
  background: transparent;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid transparent;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.btn-services path { fill: #4B4E51; -webkit-transition: .45s; -o-transition: .45s; transition: .45s; }
.btn-services-active {
  color: #FFF;
  background: #00ADEF;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.btn-services-active path { fill: #FFF; -webkit-transition: .45s; -o-transition: .45s; transition: .45s; }



/*   CONTENT BLOCKS   */
.icon-list-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	margin-bottom:2em;
}
.icon-list-item:last-child {
	margin-bottom: 0;
}
.icon-list-item > div:first-child {
	width:15%;
}
.icon-list-item > div:first-child img {
	width:100%;
}
.icon-list-item > div:last-child {
	width:80%;
	line-height: 1.75;
}


/*   WRAPPER   */
.wrapper-split {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.wrapper-split-right {
  padding: 0 calc(6rem + 100px) 0 6rem;
}

.page-articles .alm-btn-wrap {
  padding: 1rem calc(6rem + 100px) 1rem 6rem;

  max-width: 810px;
}

.wrapper-split-right.content-block:nth-child(even) {
	background-color:#fff;
}
.wrapper-width {
  width: 100%;
  /* min-width: 526px; */
  max-width: 526px;
}
.wrapper-width-lg {
  width: 80%;
  min-width: 700px;
}
.wrapper-height-padding {
  padding: 2.5rem 0;
}

.wrapper-height-padding .pb-3rem:last-child {
  padding-bottom:.5rem;
}

.wrapper-height-padding h2 {
  padding-bottom:1.5rem;
}

.wrapper-news-column, .wrapper-services-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  padding: 2.5rem 2.5rem 3.5rem 2.5rem;
}

.wrapper-services-column {
  padding-bottom: 2.5rem;
}

.wrapper-news-column p {
  margin-bottom:0px;
  padding-bottom:2.25em;
}

.wrapper-footer {
  width: 100%;
  padding: 0 200px 0 100px;
}

.wrapper-nav-body {
/*   height: 100vh; */
  padding: 0 6rem;
/*
  display: flex;
  flex-direction: column;
  justify-content: center;
*/
}
.wrapper-split-right-full {
  width: calc(100% - 100px);
}
.wrapper-split-right-content {
	float:left;
}



/*   GRID   */
.two-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 4.5rem;
}
.news-two-column-grid, .services-two-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.footer-four-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 2rem 1fr 2rem 1fr 2rem 1fr;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}



/*   SPLIT   */
.split-left {
  position: relative;
  width: 44%;
  background: #FFF;
  z-index: -1;
}
.split-left-clear {
  position: relative;
  width: 44%;
  background: #EFEFEF;
  z-index: -1;
}
.split-right {
  width: 54%;
  background: #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
}

.split-right.no-intro {
  padding-top: 100px;
}

.page-slug {
	font-size:.75rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	height:100px;
	position:absolute;
	right:calc(4rem + 85px);
	text-transform:uppercase;
	color:#fff;
  top:85px;
}

.page-slug a:hover {
  text-decoration:underline;
}

.split-left:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(75,78,81,.7);
  background: rgba(0,0,0,.5);
  opacity:.5;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.split-active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(75,78,81,.2) !important;
  -webkit-transition: 1.8s;
  -o-transition: 1.8s;
  transition: 1.8s;
}
.split-left:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 13.28%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(13.28%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 13.28%);
}

.split-left-hero {
  position: fixed;
  bottom: 0px;
  /*height: 100vh;*/
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%);
}
.split-left-text {
  color: #FFF;
  font-size: .7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  cursor: default;
}
.split-left-text svg {
  position: relative;
  -webkit-animation: arrow-down 2s infinite;
          animation: arrow-down 2s infinite;
}
.split-left-bg > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	background-position:center;
	opacity:0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.split-left-bg > div.active {
	opacity:1;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

/* SKIP NAVIGATION LINK */
.skip-to-content-link {
  background: #014b67;
  color: white;
  font-weight: 600;
  /* height: 30px; */
  left: 50%;
  padding: 12px 15px 7px;
  position: absolute;
  transform: translate(-50%,    -100%);
  transition: transform 0.3s;
  z-index:999;
}

.skip-to-content-link:focus {
  transform: translate(-50%, 0%);

}


/*   NAVIGATION TOP   */
.main-logo {
  width: 199px;
  height: 46px;
  margin-top: 23px;
}
.nav-top {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 100px);
  /* min-width: 580px; */
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 100px;
  background: #4B4E51;
  z-index: 100;
}
.nav-top > a {
  padding-right:20px;
}
.nav-top-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.nav-top-links a {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.875rem;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 500;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.nav-top-links a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-top-links a:hover {
  color: #FFF;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  left: calc(100% - 100px);
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 101;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.nav .nav-body {
  visibility:hidden;

  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.nav.nav-open .nav-body {
  visibility:visible;

  -webkit-transition: 0;
  -o-transition: 0;
  transition: 0;
}

.nav-bar {
  width: 100px;
  min-width: 100px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4B4E51;
}
.nav-body {
  /*width: 50vw;*/
  width: 100%;
  min-height: 100vh;
  padding: 7.5rem 0;
  background: #404346;
  overflow-y: auto;
}

.nav-column-title {
  padding-bottom: 1.75rem;
  color: #cfcfcf;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.nav-menu-column, .nav-menu-column-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nav-menu-column-sm img {
	margin-right:.5em;
	
}
.nav-menu-column a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #FFF;
  font-size: .875rem;
  line-height: 1.75rem;
}
.nav-menu-column-sm a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #FFF;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.75rem;
}

.nav-menu-column.mobile-only {
  margin-bottom:30px;
}

@media screen and (min-width:768px) {
  .nav-menu-column.mobile-only {
    display:none;
  }
}

.nav-body .two-column-grid {
  grid-row-gap: 2.5rem;
}

.nav-open {
  left: 44% !important;
}



/*   MENU   */
.ham-menu {
  width: 100%;
  height: 100px;
  background: #404346;
  color:white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hamburger .ham-text {
  margin-top:2px;
  display:inline-block;
  font-size:15px;
  letter-spacing:.05em;
  text-transform:lowercase;
  font-variant:small-caps;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    height: 2px !important;
    background-color: #fff !important;
     mix-blend-mode: difference; 
}

.pagination {
  color: #76828D;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: 0.05em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  cursor: default;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}

.nav-bar .pagination {
  color: #fff;
}

.sidebar-skip {
  width: 100%;
  height: 80px;
  padding-top:14px;
  color:#fff;
}
.sidebar-skip svg path { -webkit-transition: .45s; -o-transition: .45s; transition: .45s; fill:#fff !important; }
.sidebar-skip:hover svg path {
  fill: #FFF !important;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.sidebar-skip svg {
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  width:100%;
  fill: #fff !important;
}
.scroll-up svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
  width:100%;
  fill: #fff !important;
}

.scroll-text {
    display: block;
    color: white;
    width: 100px;
    margin-top: 10px;
    font-size: 12px;
    left: 0;
    text-align: center;
    padding: 0px 12px;
    line-height: 1.5em;
    font-weight: 600; 
    color: #fff;;
}

.sidebar-skip:hover .scroll-text {
  color:white;
  -webkit-transition: .35s;
  -o-transition: .35s;
  transition: .35s;  
}

.sidebar-skip .up-text {
  display:none
}

.sidebar-skip .down-text {
  display:block;
}

.scroll-up .down-text {
  display:none;
}

.scroll-up .up-text {
  display:block;
}

/*   HERO   */
.hero {
  min-height: 50vh;
  padding-top: 1.5rem;
  padding-bottom:2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #00638A;
  background-image: url(images/shark-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

@media screen and (min-width:981px) {
  .wrapper-split-right.hero {
    padding-top:9rem;
  }

  .home .wrapper-split-right.hero {
    padding-top:125px;
  }

  .page-slug {
    top:72px;
  }

  .page-articles .page-slug {
    top: 62px;
  }
}

@media screen and (min-width:1201px) {
  .page-articles .page-slug {
    top: 72px;
  }
}

@media screen and (max-width:930px) {
  .page-articles .hero {
    padding-top: 10px;
  }

  .page-articles .page-slug {
    display: none;
  }

  .page-articles .wrapper-news-title .pb3-5rem {
    display: none;
  }
}

/*   NEWS   */
.news-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 7rem;
  padding-bottom: 2rem;
  background: url('images/latest-news-bg.jpg');
  background-size: cover;
  background-position: top center;
}
.news-section-tag {
  color: #00638a;
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding-bottom: .5rem;
}
.news-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFF;
}
.news-column:nth-child(even) { background: #EFEFEF; }
.news-column:nth-child(even) .arrow-up { border-bottom: 20px solid #EFEFEF; }
.news-column-image {
  position: relative;
  width: 100%;
  height: 360px;
  background-size: cover;
  background-position: top center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-column-tag {
  padding-bottom: 1rem;
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.news-column-title {
  color: #4B4E51;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
}

.news-column-title a {
  color: #4B4E51;
}


.news-column-title a:hover {
      color: #1a5c99;
}

.news-column-subtitle {
  margin-top: 0.3rem;
  color: #4B4E51;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.1;
  font-style: italic;
}
.news-column-date {
  padding-top: 1rem;
  color: #4B4E51;
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.news-column p {
  padding-top: 1.25rem;
  padding-bottom: 2rem;
}
.arrow-up {
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #FFF;
  z-index: 1;
}

/* ARTICLES */
.alm-listing a {color:#fff;}

.page-articles .news-section-title h1 {
  color: #4B4E51;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}

.page-articles .alm-btn-wrap .alm-load-more-btn {
	border-radius: 0 !important;
	border:none !important;
	font-family:  'Montserrat', sans-serif !important;
	text-transform: uppercase;
	font-size:.75rem !important;
  padding: .7rem 1.5rem !important;
  font-weight: 600;
}

.page-articles .news-column-title {
  font-size: 1.3rem;
  line-height: 1.1;
  padding-bottom: 0.5rem;
}

.page-articles .news-column-subtitle {
  font-size: 1rem;
  line-height: 1.1;
  padding-bottom: 0.5rem;
  margin: 0;
}

.page-articles .news-column-date {
  padding-top:0;
  padding-bottom: 1rem;
}

.single-post .hero {
  min-height: unset;
  padding-bottom: 2.5rem !important;
  background-image: none;
}

.single-post .hero h1 {
  padding-bottom: 0;
  text-transform: none;
}

.single-post .hero h2 {
  margin-top: 1rem;
  padding-bottom: 0;
  font-size: 1.5rem;
  text-transform: none;
  color:#fff;
  font-style: italic;
  font-weight: 600;
}

.single-post .article-content {
  color: #4B4E51;
  background: #efefef;
}

.single-post .article-content .wrapper-height-padding {
  padding-top: 2.5rem;
}

.single-post .article-content h2,
.single-post .article-content p {
  color: #4B4E51;
}

/* RX */
.mako-rx .news-column-image { background-color: #089CCB; }
.mako-rx .news-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #089CCB;
  opacity: .5;
}
.mako-rx .news-column-tag { color: #00638A; }
.mako-rx .btn { background: #089CCB; border: 2px solid #089CCB; }
.mako-rx .btn:hover { background: transparent; color: #089CCB; }

/* COMMUNITY */
.mako-community .news-column-image { background-color: #00ADEF; }
.mako-community .news-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00ADEF;
  opacity: .8;
}
.mako-community .news-column-tag { color: #00638A; }
.mako-community .btn { background: #00ADEF; border: 2px solid #00ADEF; }
.mako-community .btn:hover { background: transparent; color: #00ADEF; }

/* DOCUMENTS */
.mako-documents .news-column-image { background-color: #207ACD; }
.mako-documents .news-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #207ACD;
  opacity: .5;
}
.mako-documents .news-column-tag { color: #00638A }
.mako-documents .btn { background: #207ACD; border: 2px solid #207ACD; }
.mako-documents .btn:hover { background: transparent; color: #207ACD; }

/* NEWS */
.mako-news .news-column-image { background-color: #207ACD; }
.mako-news .news-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #207ACD;
  opacity: .5;
}
.mako-news .news-column-tag { color: #00638A }
.mako-news .btn { background: #00638a; border: 2px solid #00638a; }
.mako-news .btn:hover { background: transparent; color: #00638a; }
.mako-news .btn:focus {
  outline: 2px solid #d71ef7;
}

/* END NEWS COLORS */



/*   POSTS   */
.single .hero {
	height: auto;
	padding-top:10rem;
	padding-bottom:10rem;
}
.single ul {
	color:#fff;
	font-size:1rem;
	font-weight: 300;
	line-height: 1.75rem;
	list-style: none;
	margin-bottom: 3rem;
}
.single ul:last-child {
	margin-bottom:0;
}
.single ul li {
	margin:1rem 0 1rem 1.5rem;
	line-height: 1.5rem;
	color:#ffffff;
	
}
.single ul li:before {
	content:'';
	display: inline-block;
	width:.75rem;
	height:.75rem;
	margin-left:-1.5rem;
	margin-right:.75rem;
	background:#ffffff;
}
.single strong, .single b {
	font-weight: 700;
}
.single em {
	font-style: italic;
}
.single .wrapper-split-right a {
	color:#fff !important;
	text-decoration: underline !important;
}
.single.single-post .wrapper-split-right a {
	color:#00ADEF !important;
	text-decoration: underline !important;
}


/*   SERVICES   */
.services-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #EFEFEF;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.services-column-image {
  position: relative;
  width: 100%;
  height: 230px;
  background-size: cover;
  background-position: top center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.services-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #797979;
  opacity: .65;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.services-column-image-title {
  color: #FFF;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}
.services-column-image-title span {
  font-size: 2.25rem;
  line-height: 3rem;
}
.arrow-up-services {
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #EFEFEF;
  z-index: 1;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.services-column-title {
  color: #4B4E51;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2.25rem;
  text-transform: uppercase;
}
.services-column p {
  padding-top: 1.25rem;
  padding-bottom: 0;
}

.services-column-active { background: #FFF; -webkit-transition: .45s; -o-transition: .45s; transition: .45s; }
.services-column-active .arrow-up-services { border-bottom-color: #FFF; -webkit-transition: .45s; -o-transition: .45s; transition: .45s; }
.services-column-active .services-column-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.services-column-active .services-column-image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00B0EF;
  opacity: .5;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.page-videos .wrapper-split-right p {
  line-height: 1.5rem;
}

.page-videos .wrapper-split-right.hero p {
  margin-bottom: 2rem;
}

.page-videos .wrapper-split-right h2 {
  font-size: 1.7rem;
  line-height: 2rem;
  padding-bottom: 1.5rem;
}

.page-videos .wrapper-split-right.hero h1 {
  font-size: 1.7rem;
  line-height: 2rem;
  padding-bottom: 1.5rem;
  color:#fff;
}

.page-videos .wrapper-split-right.hero h2 {
  color:#fff;
}

.page-videos .wrapper-height-padding {
  padding: 2.5rem 0;
}

.page-videos .wrapper-height-padding h2 {
  font-size: 1.7rem;
  line-height: 2rem;
}

.page-videos .wrapper-height-padding .pb-3rem {
  padding-bottom:1.5rem;
}

.page-videos .wrapper-height-padding .pb-3rem:last-child {
  padding-bottom:.5rem;
}

.video-thumbnail a {
  position: relative;
  display: block;
}

.video-thumbnail a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(images/icons/icon-play.svg);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .7;
  z-index: 2;
}

.video-thumbnail a:hover:before,
.video-thumbnail a:focus:before {
  opacity: .9;
}

.video-thumbnail a:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}

.video-thumbnail a:hover:after,
.video-thumbnail a:focus:after {
  opacity: 0.2;
}

.video-thumbnail img {
  display: block;
  width: 100%;
  margin: 0;
}

.infographic .flex-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.infographic .infographic-item {
  max-width: 70%;

  padding:12px;
  text-align: center;
}

.infographic .infographic-item:nth-child(1), 
.infographic .infographic-item:nth-child(2) {
  border-bottom:2px solid #bfbfbf;
}

.infographic .infographic-item img {
  display: inline-block;
  width: 100%;
  max-width: 250px;

  padding:0 .5rem;

  vertical-align: middle;
}

.program-steps ol {
  position: relative;
  list-style: none;
  counter-reset: step-counter;
}

.program-steps ol > li {
  position:relative;
  counter-increment: step-counter;
  min-height: 60px;
  padding-left: 2.7rem;
  margin-bottom: 1.5rem;
}

.program-steps ol > li::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 2rem;
  content: counter(step-counter);
  font-weight: bold;
  font-size: 50px;
  line-height: 1;
  text-align: center;
}

.program-steps ol > li strong {
  margin-bottom: .5rem;
  font-weight: bold;
  display: block;
  font-size: 1.3rem;
  line-height: 1.2;
}

.program-steps ol > li ul li {
  margin-top: 0;
}


/* BASIC   */
.page-template-template-basic .wrapper-split-right strong, .page-template-template-basic .wrapper-split-right b {
	font-weight: 700;
}
.page-template-template-basic .wrapper-split-right em {
	font-style: italic;
}
.page-template-template-basic .wrapper-split-right a {
	color:#fff !important;
	text-decoration: underline !important;
}



/* FOOTER   */
#footer {
  position: relative;
  color: #FFF;
  background: #404346;
  /* background: #3B3D40; */
  z-index: 1;
}

.footer-top {
  padding: 4rem 0;
}
.footer-bottom {
  color: white;
  font-size: .75rem;
  padding: 2rem 0;
  border-top: 1px solid #4B4E51;
}
.footer-bottom a {
  color: white;
  margin: 0 1.5rem;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.footer-bottom a:hover {
  color: rgba(255,255,255,1);
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.footer-logos {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 190px;
}
.footer-logos div {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-logos div img {
  opacity: .5;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.footer-logos div img:hover {
  opacity: 1;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}

.footer-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-column-title {
  padding-bottom: 1rem;
  color: #FFF;
  font-weight: 600;
  font-size: 1rem;
  line-height:16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.footer-column a, .footer-column p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color:white;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.75rem;
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.footer-column a:hover {
  color: rgba(255,255,255,1);
  -webkit-transition: .45s;
  -o-transition: .45s;
  transition: .45s;
}
.footer-contact p {margin-bottom:0;}
.footer-social {
	margin-top:.75rem;
}
.footer-social img {
	width: 2rem;
	height: auto;
	margin-right:.5rem;
}


/*   ATOMIC   */
.mt-auto { margin-top: auto; }
.mr-auto { margin-right: auto; }
.pt-6rem { padding-top: 6rem; }
.pb-3rem { padding-bottom: 1.5rem; }
.pb3-5rem { padding-bottom: 3.5rem; }
.pb-5halfrem { padding-bottom: 5.5rem; }
.pb-10rem { padding-bottom: 10rem; }
.grayscale-0 {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: 1.8s;
  -o-transition: 1.8s;
  transition: 1.8s;
}
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.hidden {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}
.z-index {
  position: relative;
  z-index: 1;
}


/*   KEYFRAMES   */
@-webkit-keyframes arrow-down {
  0% { top:0; opacity:0; }
  80% { top:10px; opacity:1; }
  100% { top:10px; opacity:0; }
}
@keyframes arrow-down {
  0% { top:0; opacity:0; }
  80% { top:10px; opacity:1; }
  100% { top:10px; opacity:0; }
}



/*   MEDIA QUERIES   */
@media only screen and (max-width: 1320px) {
  .main-logo {
    width: 150px;
    height: 35px;
    margin-top: 29px;
  }
  .wrapper-split-right { padding: 0 calc(4rem + 100px) 0 4rem; }
  .page-articles .alm-btn-wrap { padding: 1rem calc(4rem + 100px) 1rem 4rem; }
  .wrapper-nav-body {
    padding: 0 4rem;
    min-width: 600px;
  }
  .wrapper-news-title { padding: 0 calc(3rem + 100px) 0 3rem; }
  .footer-four-column-grid { -ms-grid-columns: 2fr 1fr 1fr 1fr; grid-template-columns: 2fr 1fr 1fr 1fr; }
}

@media only screen and (max-width: 1200px) {
  :root { font-size: 15px; }
  .nav-top {
    height: 85px;
    padding-left: 3rem;
    width: calc(100% - 85px);
  }
  .nav-top-links a { padding: 0 1.25rem; }
  .main-logo { margin-top: 21px; }
  .nav { left: calc(100% - 85px); }
  .nav-bar {
    width: 85px;
    min-width: 85px;
  }
  .ham-menu { height: 85px; }
  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger-box { width: 35px !important; }
  .split-left-hero { height: calc(100vh - 85px); }
  .split-right.no-intro {
    padding-top: 85px;
  }
  .wrapper-split-right { padding: 0 calc(4rem + 85px) 0 4rem; }
  .page-articles .alm-btn-wrap { padding: 1rem calc(4rem + 85px) 1rem 4rem; }
  .wrapper-split-right-full { width: calc(100% - 85px); }
  .news-column-image { height: 300px; }
  .wrapper-footer { padding: 0 calc(3rem + 85px) 0 3rem; }
  .pb-10rem { padding-bottom: 6rem; }
}

@media only screen and (max-width: 1100px) {
  .wrapper-nav-body { min-width: 500px; }
  .news-two-column-grid, .services-two-column-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}

@media only screen and (max-width: 1080px) {
  .wrapper-split-right { padding: 0 calc(3rem + 85px) 0 3rem; }
  .page-articles .alm-btn-wrap { padding: 1rem calc(3rem + 85px) 1rem 3rem; }
}



@media only screen and (max-width: 980px) {
  .nav-top { width: calc(100% - 85px); }
  .hero { padding-top: 135px; }
  .home .hero { padding-top: 110px; }
  .page-slug {top:65px;}
  .split-left { width: 40%; }
  .nav-open { left: 40% !important; }
  .split-left-clear { width: 40%; }
  .footer-four-column-grid { -ms-grid-columns: 1.5fr 1fr 1fr 1fr; grid-template-columns: 1.5fr 1fr 1fr 1fr; }
}


@media only screen and (max-width: 930px) {
  .nav-open { left: 0% !important; }
  .split-left { display: none; }
  .split-left-clear { width: 100%; }
  .split-right { width: 100%; }
  .wrapper-split { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .news-two-column-grid, .services-two-column-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
  .news-section-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .wrapper-news-column { padding: 2rem 2rem 3rem 2rem; }
  .footer-four-column-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 2rem;
  }
  .footer-column:first-of-type { -ms-grid-column-span: 3; grid-column-end: span 3; }
  .footer-column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}

@media only screen and (max-width: 800px) {
  .wrapper-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
 }
 .mr-auto { margin-right: initial; margin-bottom: 10px; }
 .footer-bottom a { padding: 5px 0; }
}

@media only screen and (max-width: 767px) {
  .nav-top-links {
		display: none;
	}
}

@media only screen and (max-width: 680px) {
  .footer-four-column-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .footer-column:first-of-type { -ms-grid-column-span: initial; grid-column-end: initial; }
}

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

@media only screen and (max-width: 540px) {
  :root { font-size: 14px; }
  .nav-open .nav-bar {
		position: absolute;
		height: 85px;
	}
	.nav-top-links, .pagination, .sidebar-skip {
		display: none;
	}
	.nav-open .wrapper-nav-body {
		width:100%;
		min-width: auto;
		padding: 0 2rem;
	}
	.page-slug {right:2rem;}
	h1 {font-size: 2.5rem;}
  .wrapper-split-right { padding: 0 2rem 0 2rem; }
  .page-articles .alm-btn-wrap { padding: 1rem 2rem; }
  .hero { padding-top: 135px; }
  .home .hero { padding-top: 110px; }
  .wrapper-split-right-full { width: 100%; }
  .nav-bar { height: 85px; }
  .wrapper-news-title { padding: 0 2rem; }
  .news-two-column-grid, .services-two-column-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .wrapper-footer { padding: 0 2rem; }
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1050;
}

.modal__container {
  position: relative;
  width: 80%;
  max-width: 920px;
  height: calc(100% - (1.75rem * 2));
  
  margin: 1.75rem auto;
  box-sizing: border-box;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 540px) {
  .modal__container {
    max-width: 500px;
    height: calc(100% - (.5rem * 2));

    margin: .5rem;
  }
}

.modal__close {
  position: absolute;
  top: -13px;
  right: -13px;
  opacity: .9;
    
  width: 26px;
  height: 26px;
  background: #eee;
  color:#666;
  border: 0;
  border-radius: 100%;

  cursor: pointer;
}

.modal__close:hover,
.modal__close:focus {
  opacity: 0.7;
}

.modal__close svg {
  position:absolute;
  display: inline-block;
  font-size: inherit;
  height: 16px;
  overflow: visible;
  vertical-align: -0.125em;

  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  pointer-events: none;
}

.modal__content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  width: 100%;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}