@charset "UTF-8";
@import url("https://cloud.typography.com/795858/6454372/css/fonts.css");
@font-face{
font-family:"Helvetica Neue LT W04_41488978";
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-47-light-condensed/7f7623bf-e7be-4b5f-b6a9-cc5370689300.eot?#iefix");
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-47-light-condensed/7f7623bf-e7be-4b5f-b6a9-cc5370689300.eot?#iefix") format("eot"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-47-light-condensed/a4ace127-46e5-4b0a-bee8-37278cfd7ad7.woff2") format("woff2"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-47-light-condensed/56189118-36f3-4137-9e51-6de760b4b0b8.woff") format("woff"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-47-light-condensed/b0bb8ccf-bcf7-47bc-b1d8-8a1f4b650585.ttf") format("truetype");
}
@font-face{
    font-family:"Helvetica Neue LT W04_51488990";
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-57-condensed/27728a27-f589-44f1-b815-55f76d06e751.eot?#iefix");
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-57-condensed/27728a27-f589-44f1-b815-55f76d06e751.eot?#iefix") format("eot"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-57-condensed/97cef389-d745-467a-ae86-e71bea8a6b4e.woff2") format("woff2"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-57-condensed/6217134a-8a5c-4902-ab62-2b54461e9e50.woff") format("woff"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-57-condensed/87860635-46aa-45d2-9f72-c86e3bcb1411.ttf") format("truetype");
}
@font-face{
    font-family:"Helvetica Neue LT W04_71489014";
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-77-bold-condensed/70921a99-d985-497d-a4e3-a485a3981384.eot?#iefix");
    src:url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-77-bold-condensed/70921a99-d985-497d-a4e3-a485a3981384.eot?#iefix") format("eot"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-77-bold-condensed/d0a337b6-b9f3-41c9-a0fb-390f5053a8de.woff2") format("woff2"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-77-bold-condensed/1e2871fa-be08-40ea-9d56-b9cbf430ee6f.woff") format("woff"),url("/media/style-assets/helvetica-neue-lt/neue-helvetica-w04-77-bold-condensed/7fd11f14-9243-426f-a688-fa8923c854d3.ttf") format("truetype");
}

body, html {
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}

/* Bootstrap Overrides
-------------------------------------------------- */
/* adjustments to the core bootstrap framework */
.row.container-wide {
  max-width: 1420px !important;
}

.container.container-wide, .container.container-wide .row {
  max-width: 1420px !important;
}

/*Fixing the grid on Safari because they won't */
.row:before, .row:after {
  display: none !important;
}

/*Fixing Header for IE*/
.site-header .row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* Header Ajustments
-------------------------------------------------- */
/* Narrows the header content and sets the background texture */
.l-section-header {
  background: #d6d7d8 url("https://uwf.edu/media/university-of-west-florida/style-assets/images/pattern-fade-section.png") repeat-x center 0;
  padding: 10px 0 20px 50px;
}

.site-header {
  border-bottom: solid 3px #97d200;
}

.site-header .header__main {
  width: 100%;
}

@media screen and (min-width: 68.125em) {
  .site-header .uwf-logo {
    margin-bottom: 1.5rem;
    width: 17.625rem;
  }
  .header__main {
    font-size: 1.15rem;
    letter-spacing: .1em;
  }
}

/* Typography defaults
-------------------------------------------------- */
/* Sets default font family and weight */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Helvetica Neue LT W04_71489014", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 0.25em;
  line-height: 1.2;
}

h1.UWFBlue, .h1.UWFBlue, h2.UWFBlue, .h2.UWFBlue, h3.UWFBlue, .h3.UWFBlue, h4.UWFBlue, .h4.UWFBlue, h5.UWFBlue, .h5.UWFBlue, h6.UWFBlue, .h6.UWFBlue {
  color: #004c97;
}

p {
  text-rendering: optimizeLegibility;
  font-size: 18px;
  line-height: 1.5;
}

p.lead {
  font-size: 20px;
}

.lead {
  font-weight: 400;
}

.lead strong {
  font-weight: 700;
}

/*Links*/
a {
  color: #004c97;
}

a:hover, a:focus, a:active {
  color: #007DB3;
  text-decoration: none;
}

/* SVG fixes
-------------------------------------------------- */
/* fixes SVG render issues with legacy browsers */
/* IE9 */
.ie9 img[src$=".svg"] {
  width: 100%;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}

svg {
  vertical-align: inherit;
}

/* Main Section
-------------------------------------------------- */
/* Sets the bottom margin */
section.main-section {
  margin-bottom: 45px;
}

.hr-title {
  font-family: "Helvetica Neue LT W04_71489014", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-top: 0;
  line-height: 1.2;
  padding-left: 0;
  font-size: calc(38px + (64 - 38) * ((100vw - 300px) / (2670 - 300)));
}

.hr-title a {
  color: black;
}

.hr-title a:hover {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

.site-header ul, .site-footer ul {
  list-style: none;
}

.callout {
  color: #666666;
  font-size: 20px;
  line-height: 26px;
}

/*blockquote*/
blockquote {
  margin: 0px;
  padding: 25px 35px;
  border-left: none;
}

blockquote cite {
  display: block;
  font-size: 1em;
  color: #666666;
}

blockquote cite:before {
  content: "\2014";
}

blockquote cite a, blockquote cite a:visited {
  color: black;
}

blockquote, blockquote p {
  line-height: 20px;
  color: black;
}

blockquote {
  clear: both;
  background: #eeeeee url("/media/university-of-west-florida/style-assets/images/pattern.png");
}

ul.disc {
  list-style-type: none;
}

ul.disc li {
  padding-left: 0;
  position: relative;
  margin-left: 30px;
}

ul.disc li:before {
  font-size: 1.5em;
  color: #00afdb;
  content: '• ';
  position: absolute;
  left: 20px;
  speak: none;
  top: -7px;
  margin-left: -45px;
}

ul.disc li ul {
  margin-left: 0;
}

ul.disc li li li li li:before, ul.disc li li:before {
  content: '○ ';
}

ul.disc li li li li li li:before, ul.disc li li li:before {
  content: '■ ';
}

ul.disc li li li li li li li:before, ul.disc li li li li:before {
  content: '• ';
}

ul ul {
  list-style: none;
}

/* Ordered Lists */
ol li ul, ol li ol {
  margin-left: 1.28571em;
  margin-bottom: 0;
}

ol.disc {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 15px;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}

ol.disc > li {
  position: relative;
  /* Create a positioning context */
  margin: 0 0 6px 1em;
  /* Give each list item a left margin to make room for the numbers */
  padding: 0;
  /* Add some spacing around the content */
  list-style: none;
  /* Disable the normal item numbering */
}

ol.disc > li:before {
  content: counter(li) ".";
  /* Use the counter as content */
  counter-increment: li;
  /* Increment the counter by 1 */
  position: absolute;
  top: 0;
  left: -1.5em;
  padding-right: 4px;
  color: #004c97;
  background: #fff;
  font-weight: bold;
  text-align: center;
}

ol.disc ol li:last-child {
  margin-bottom: 0;
}

ol.disc ol {
  counter-reset: nestedStyle;
  list-style: none;
}

ol.disc ol > li {
  counter-increment: nestedStyle;
}

ol.disc ol > li::before {
  content: counter(nestedStyle, lower-alpha) ".";
  padding-right: 4px;
  margin-right: 5px;
  color: #004c97;
  background: #fff;
  font-weight: bold;
  text-align: center;
}

ol.disc ol ol {
  counter-reset: superNestedStyle;
  list-style: none;
}

ol.disc ol ol > li {
  counter-increment: superNestedStyle;
}

ol.disc ol ol > li::before {
  content: counter(superNestedStyle, lower-roman) ".";
}

button:focus {
  outline: none;
}

a.button:hover {
  color: white;
}

.textured a:hover {
  color: white;
  text-decoration: underline;
}

h2 .subheadline {
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: block;
  font-size: calc(21px + (24 - 21) * ((100vw - 300px) / (2670 - 300)));
  line-height: calc(30px + (34 - 30) * ((100vw - 300px) / (2670 - 300)));
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
}

.h1.hr-emphasized, .h2.hr-emphasized, h2.hr-emphasized {
  font-family: "Helvetica Neue LT W04_71489014", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #159bd7;
  padding-bottom: 0;
}

.h1.hr-emphasized {
  font-size: 48px;
  line-height: 1.2;
  margin-top: 40px;
}

.h1.hr-emphasized .subheadline {
  color: #3D3D3D;
}

.h2.hr-emphasized, h2.hr-emphasized {
  font-size: 32px;
  line-height: 1.2;
  padding-bottom: 15px;
  letter-spacing: -0.5px !important;
}

.image-callout h2 {
  font-size: calc(35px + (50 - 35) * ((100vw - 300px) / (2670 - 300)));
}

.textured h2 {
  color: white;
  font-size: calc(35px + (50 - 35) * ((100vw - 300px) / (2670 - 300)));
}

.textured.luna-blue h2 {
  color: black;
}

.textured.luna-blue p {
  font-weight: normal;
}

@media (min-width: 768px) {
  .h1.hr-emphasized {
    font-size: 56px;
    letter-spacing: normal;
  }
  .h2 {
    font-size: 35px;
  }
  .h2.hr-emphasized, h2.hr-emphasized {
    font-size: 58px;
    line-height: 1.2;
    margin-top: 25px;
    letter-spacing: normal;
  }
}

/* Heroes
-------------------------------------------------- */
/* Adjustments related to the different kinds of hero images */
.l-banner {
  margin-top: -25px;
}

/* Textured Heroes
-------------------------------------------------- */
/* Heroe images that have a background texture and text overlay */
.textured {
  padding: 45px 0;
  font-size: 1.375rem;
  color: #fefefe;
  background-color: black;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.textured.luna-blue {
  background-color: white;
  color: black;
  padding: 58px 0 51px;
}

.textured.dk-blue {
  background-color: #004c97;
}

.textured.callout-icons {
  padding: 70px 0;
}

.textured .sm-feat-text {
  color: white;
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 17pt;
  line-height: 1.4;
}

.textured > figure {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  overflow: hidden;
  z-index: -1;
}

.textured > figure:after {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  content: '';
}

.textured > figure > img {
  position: absolute;
  max-width: none;
  max-height: none;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}

.textured.lt-blue > figure::after {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  background-color: rgba(0, 156, 222, 0.8);
  content: '';
}

.textured.luna-blue > figure::after {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  background-color: rgba(141, 200, 232, 0.1);
  content: '';
}

.textured.dk-blue > figure::after {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  background-color: transparent;
  content: '';
}

/* Full-width Heroes
-------------------------------------------------- */
/* Sets default styles for full-width cosmetic banners */
.rock-bottom {
  margin-bottom: -45px !important;
}

.rock-bottom img {
  min-width: 100%;
}

@media (min-width: 768px) {
  .rock-bottom {
    margin-bottom: -35px;
  }
}

/* Breakout Heroes
-------------------------------------------------- */
/* Sets defaults styles for the banners that break the plane */
/*Mobile*/
.breakOut-banner-wrapper-mobile blockquote p {
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
}

.breakOut-banner-wrapper blockquote p:before, .breakOut-banner-wrapper-mobile blockquote p:before {
  content: "\00201C";
  padding-right: 1px;
  margin-left: -3%;
}

.breakOut-banner-wrapper blockquote p:after, .breakOut-banner-wrapper-mobile blockquote p:after {
  content: "\00201D";
  padding-left: 1px;
}

.breakOut-banner-wrapper-mobile cite {
  color: black;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: normal;
}

.breakOut-banner-wrapper-mobile blockquote p {
  font-size: 18px;
  line-height: normal;
}

/*Desktop*/
.breakOut-banner-wrapper figure {
  margin: 0 auto;
  width: 80%;
}

.breakOut-banner-wrapper blockquote {
  background: none;
}

.breakOut-banner {
  background-image: url();
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 590px;
}

.breakOut-banner.reverse-copy p, .breakOut-banner.reverse-copy cite {
  color: white; 
}

.breakOut-banner-wrapper blockquote p {
  font-size: 22px;
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
}

.breakOut-banner-wrapper blockquote cite {
  font-size: 16px;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .breakOut-banner-wrapper figure {
    margin: 0;
    width: 100%;
  }
}

/* Buttons
-------------------------------------------------- */
/* Sets default button styles */
button, .button {
  padding: 8px 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  position: relative;
  border-style: none !important;
  border-width: 0;
  cursor: pointer;
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: bold;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-size: 14pt;
  background-color: #159bd7;
  border-color: transparent;
  color: white;
  text-transform: uppercase;
  letter-spacing: normal;
  border-radius: 4px;
}

button:after, .button:after {
  border: none !important;
  border-top: none;
  border-bottom: none;
  border-left: none;
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
  background-color: #008BC7;
}

button.secondary, .button.secondary {
  background-color: #97d200;
  color: black;
}

button.secondary:hover, button.secondary:focus, button.secondary:active, .button.secondary:hover, .button.secondary:focus, .button.secondary:active {
  background-color: #43B02A;
  color: black;
}

ul.button-list.secondary li {
  padding: 10px 0;
}

ul.button-list.secondary .button.secondary {
  padding: 25px 11%;
  text-transform: none;
  color: black;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  line-height: 25px;
  letter-spacing: normal;
  border-radius: 8px;
  font-size: 20px;
  max-width: 20em;
}

ul.button-list.secondary .button.secondary:hover {
  background-color: #43B02A;
}

button.search-close:hover, button.search-close:focus, button.search-close:active {
  background: none;
}

.textured {
  /*&.dk-blue {
    .button {
      background-color: #159bd7;
      &:hover, &:focus, &:active {
        background-color: #008bc7;
      }
    }
  }*/
}

.textured .button {
  background-color: #004C97;
}

.textured .button:hover {
  background-color: #003D7A;
  color: white;
  text-decoration: none;
}

@media only screen {
  button, .button {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  button:active, .button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  button.radius, .button.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  button.round, .button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
  }
}

@media (min-width: 768px) {
  button, .button {
    padding: 12px 18px;
    letter-spacing: 2px;
    font-size: 18pt;
  }
}

/*Spacing*/
.minispaced {
  padding: 30px;
}

.morespaced {
  padding: 50px;
}

/*Green Blocks*/
@media screen and (max-width: 40em) {
  .col-emphasized h3, .sm-col-emphasized h3 {
    font-size: 36px;
    overflow: visible !important;
  }
}

.green-photo-blocks .col-emphasized {
  font-size: 1.375rem;
  color: black;
  background-color: #fff;
  position: relative;
  z-index: 1;
  min-height: 280px;
  overflow: hidden;
}

.green-photo-blocks .row:first-child .col-emphasized {
  margin-bottom: 15px;
}

.green-photo-blocks .row:nth-child(2) .col-emphasized:first-child {
  margin-bottom: 15px;
}

.green-photo-blocks .col-emphasized .infographic-headline,
.green-photo-blocks .col-emphasized .infographic-content {
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.green-photo-blocks .column, .green-photo-blocks .columns {
  padding-left: 7px;
  padding-right: 7px;
}

.green-photo-blocks .col-emphasized > figure {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  overflow: hidden;
  z-index: -1;
}

.green-photo-blocks .col-emphasized > figure > img {
  position: absolute;
  max-width: none;
  max-height: none;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}

.green-photo-blocks .col-emphasized figure > img {
  -webkit-transform: scale(1), translateX(-50%);
  transform: scale(1, translateX(-50%));
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.green-photo-blocks .col-emphasized:hover figure > img, .green-photo-blocks .col-emphasized:focus figure > img, .green-photo-blocks .col-emphasized:active figure > img {
  -webkit-transform: scale(1.05) translateX(-48.5%);
  transform: scale(1.05) translateX(-48.5%);
}

.green-photo-blocks .col-emphasized > figure::after {
  width: 101%;
  overflow: hidden;
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  content: '';
}

.green-photo-blocks .col-emphasized > figure::after {
  background-color: rgba(151, 210, 0, 0.8);
}

.green-photo-blocks .col-emphasized > figure::after > img {
  position: absolute;
  max-width: none;
  max-height: none;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}

.green-photo-blocks .col-emphasized > figure > img {
  z-index: 0;
}

.green-photo-blocks .col-emphasized > figure > img {
  opacity: .8;
}

.green-photo-blocks .col-emphasized figure > img {
  -webkit-transform: scale(1), translateX(-50%);
  transform: scale(1, translateX(-50%));
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/*Typography and effects */
.green-photo-blocks .col-emphasized {
  color: black;
  text-align: center;
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
}

.green-photo-blocks .col-emphasized .infographic-content {
  font-size: 14pt;
  line-height: 1.2;
  max-width: 20em;
  padding: 0 10px;
  margin: 0 auto;
}

.green-photo-blocks .col-emphasized .infographic-headline {
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-size: 48px;
  font-weight: 600;
  position: relative;
  line-height: 1;
  letter-spacing: -0.0225em;
  color: black;
  padding-bottom: 10px;
}

.green-photo-blocks .col-emphasized .infographic-headline.smaller {
  font-size: 46px;
  padding-bottom: 20px;
  max-width: 9em;
  margin: 0 auto;
}

.infographic-content-wrapper {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textured .button {
  background-color: #004C97;
  margin-bottom: 25px;
}

.textured .button {
  font-size: 18px;
}

@media (min-width: 300px) and (max-width: 900px) {
  .textured .button {
    font-size: calc( 18px + 4 * (100vw - 300px) / 600);
  }
}

@media (min-width: 900px) {
  .textured .button {
    font-size: 22px;
  }
}

@media only screen and (max-width: 48em) {
  .textured .button {
    max-width: 14.575em;
  }
}


@media (min-width: 768px) {
  .h1.hr-emphasized {
    font-size: 62px;
    letter-spacing: normal;
  }
  .h2 {
    font-size: 35px;
  }
  .h2.hr-emphasized, h2.hr-emphasized {
    font-size: 58px;
    line-height: 1.2;
    margin-top: 25px;
    letter-spacing: normal;
  }
}

figure {margin: 0;}