/*  */
/*
 *************************************** 
 *************************************** 
 * EDITOR COLOR PICKER editor-color-palette -> must add_theme_support('editor-color-palette');
 *************************************** 
 *************************************** 
 */
.has-yellow-color		  { color: #EEB310; }
.has-navy-color       { color: #344570; }
.has-navy-md-color    { color: #384055; }
.has-navy-lt-color    { color: #edf3fa; }
.has-rust-color       { color: #bc8b7d; }
.has-rust-lt-color    { color: #f8f3f1; }
.has-orange-color		  { color: #d9a782; }
.has-coral-red-color  { color: #DD4742; }
.has-black-color		  { color: #000000; }
.has-grey-dk-color	  { color: #34353A; }
.has-nickel-color		  { color: #717073; }
.has-grey-md-lt-color	{ color: #BABABA; }
.has-grey-lt-color		{ color: #ededed; }
.has-grey-vlt-color   { color: #f9f9f9; }
.has-white-color		  { color: #ffffff; }
.has-yellow-background-color		{ background-color: #EEB310; }
.has-navy-background-color      { background-color: #344570; }
.has-navy-lt-background-color   { background-color: #edf3fa; }
.has-rust-background-color      { background-color: #bc8b7d; }
.has-rust-lt-background-color   { background-color: #f8f3f1; }
.has-orange-background-color		{ background-color: #d9a782; }
.has-coral-red-background-color	{ background-color: #DD4742; }
.has-black-background-color			{ background-color: #000000; }
.has-grey-dk-background-color	  { background-color: #34353A; }
.has-nickel-background-color		{ background-color: #717073; }
.has-grey-md-lt-background-color{ background-color: #ededed; }
.has-grey-lt-background-color		{ background-color: #f7f7f7; }
.has-grey-vlt-background-color  { background-color: #f9f9f9; }
.has-white-background-color			{ background-color: #ffffff; }


/*
 *************************************** 
 *************************************** 
 * THEME / BLOCK BREAKPOINTS
 *************************************** 
 *************************************** 
 */
@media screen and (max-width: 1199px) { }
@media screen and (max-width: 991px) { }
@media screen and (max-width: 600px) { }
@media screen and (min-width: 601px) { }

/*
p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 28.8px;
  margin: 0 0 18px;
}
h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  line-height: 1.2;
}
h3 {
  letter-spacing: 1px;
}
h1, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
h3 {
  letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
*/
header.entry-header {
  display: none;
}


/*
 *************************************** 
 *************************************** 
 * BLOCKS & BLOCKS CLASS STYLES
 *************************************** 
 *************************************** 
 */

/*
 **************
 * DEFAULTS
 ************** 
 */


.wp-block-columns p {
  padding: 0;
}

@media (max-width: 599px) {
  /* columns get a margin-bottom once they stack */
  .wp-block-column { margin-bottom: 20px; }
}

/*  
 *  Align Wide / Align Full -> Must add theme support (see functions.php)
 */
.entry-content .wp-block-columns.alignwide  {
  max-width: 1200px; 
  margin: 0 auto;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
/* Force fullwidth with custom fullwidth class on block. */
body .fullwidth {
  position: absolute;
  margin-left: 50%;
  right: 0;
  left: 0;
  transform: translateX(-50%);
  min-width: 100vw !important;
  width: 100vw !important;
}


/*
 **************
 * Block Class Style Accents
 ************** 
 */

/* MISC BLOCK CLASSES */

.padding-5-pc  { padding: 0 5%; }
.padding-10-pc { padding: 0 10%; }
.padding-15-pc { padding: 0 15%; }
.padding-20-pc { padding: 0 20%; }
.padding-25-pc { padding: 0 25%; }

.padding-10-all { padding: 10px; }
.padding-20-all { padding: 20px; }
.padding-30-all { padding: 30px; }
.padding-40-all { padding: 40px; }
.padding-50-all { padding: 50px; }
.padding-60-all { padding: 60px; }
.padding-70-all { padding: 70px; }
.padding-80-all { padding: 80px; }
.padding-90-all { padding: 90px; }
.padding-100-all { padding: 100px; }

.padding-10 { padding: 0 10px; }
.padding-20 { padding: 0 20px; }
.padding-30 { padding: 0 30px; }
.padding-40 { padding: 0 40px; }
.padding-50 { padding: 0 50px; }
.padding-60 { padding: 0 60px; }
.padding-70 { padding: 0 70px; }
.padding-80 { padding: 0 80px; }
.padding-90 { padding: 0 90px; }
.padding-100 { padding: 0 100px; }

.margin-top--100 { margin-top: -100px; }
.margin-top--150 { margin-top: -150px; }
.margin-top--200 { margin-top: -200px; }
.margin-top--250 { margin-top: -250px; }

.margin-right-0 { margin-right: 0px; }
.margin-left-0 { margin-left: 0px; }
.margin-0 { margin: 0 !important; }

.negative-lr-margin-15 { 
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

.pencil-border {
  border: 1px solid #222;
}
.wp-block-group.media-text-padding-right {
  padding: 0 70px 0 40px;
}
.wp-block-group.media-text-padding-left {
  padding: 0 40px 0 70px;
}
.wp-block-group.media-text-padding-even {
  padding: 0 55px;
}

/* .testimonial */
.wp-block-group.testimonial {
  border: 1px solid #000;
  padding: 40px 30px 20px;
}

/* RoA Media/Text Block */
.is-style-if-roa-media-text {
  margin: 0;
}
  /* Specific Styles Overrides for RoA Media/Text Block */
  div.wp-block-media-text.alignwide.is-stacked-on-mobile.is-style-if-roa-media-text {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 50% 50%;
  }
  /* media on right */
  div.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__media {
    padding-left: 115px;
    justify-self: start;
  }
  div.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__media img {
    max-width: 470px;
    padding-right: 0;
    max-height: 100%;
  }
  div.wp-block-media-text.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0;
    padding-right: 115px;
    max-width: 65%;
    justify-self: end;
  }
  /* media on left */
  div.is-style-if-roa-media-text .wp-block-media-text__media img {
    padding-right: 115px;
    
  }
  div.wp-block-media-text.is-style-if-roa-media-text .wp-block-media-text__content {
    padding: 0;
    padding-left: 115px;
    margin-right: 15px;
  }

/* Creative Process Media/Text Overrides */
.wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.margin-right-0 {
  margin-right: 0px;
  padding-left: 20vw;
  max-width: 100%;
}

.wp-block-media-text.has-media-on-the-right.margin-right-0 .wp-block-media-text__media {
  padding-left: 115px;
}
.wp-block-media-text.has-media-on-the-right.margin-right-0 .wp-block-media-text__content {
  padding-right: 115px;
}


/* ############################ */
/* ##### HEADINGS BLOCKS ###### */
/* ############################ */

/* RoA Page Heading Block Style */
.entry-content .is-style-ibf-roa-page-heading,
.is-style-ibf-roa-page-heading,
.is-style-ibf-roa-page-heading span {
  font-size:  36px;
  line-height: 42px;
  font-family: "freight-text-pro", serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}
.is-style-ibf-roa-page-heading:after {
  display: block;
  width: 52px;
  height: 2px;
  background: #fff;
  content: "";
  position: relative;
  left: 50%;
  margin-left: -26px;
  margin-top: 28px;
}
/* override for Navy color version */
.is-style-ibf-roa-page-heading.has-navy-color.navy-line:after {
  display: block;
  width: 52px;
  height: 2px;
  background: #344570;
  content: "";
  position: relative;
  left: 50%;
  margin-left: -26px;
  margin-top: 28px;
}

/* Specific Styles Overrides for RoA Heading Block Style 1 */
h2.alignfull.has-text-align-center.is-style-if-roa-feat-heading-1 {
  font-size: 36px;
  line-height: 42px;
  padding: 0 50px 0 50px;
}

/* ROA COPPER HEADING */

.entry-content .is-style-ibf-roa-copper-heading,
.is-style-ibf-roa-copper-heading,
.is-style-ibf-roa-copper-heading span {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .4px;
    font-family: "freight-text-pro", serif;
    font-weight: 700;
    color: inherit;
    color: #BC8B7B;
    text-transform: none;
}


.entry-content .is-style-ibf-roa-navy-heading,
.is-style-ibf-roa-navy-heading,
.is-style-ibf-roa-navy-heading span {
	font-size: 36px;
    line-height: 40px;
    letter-spacing: normal;
    font-family: "freight-text-pro", serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

/* Our World Page Overrides */
h2.is-style-ibf-roa-navy-heading.with-line.has-navy-color.has-text-color,
p.is-style-if-roa-prod-text-1.has-navy-color.has-text-color {
  max-width: 470px;
  width: 100%;
}

/* ROA NAV MENU STYLE - used in
 * main nav, 
 * footer nav items, 
 * uppercase small subheadings 
 * stories footer cards */
.is-style-ibf-roa-nav-style {
	letter-spacing: 3px;
    font-size: 14px;
    line-height: 16px;
    transition: opacity 0.1s ease-in-out;
    text-transform: uppercase;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
}
li.no-action.menu-item > a {
    cursor: default;
    pointer-events: none;
}



/* ############################ */
/* ##### COLUMNS BLOCKS ####### */
/* ############################ */
.wp-block-columns.is-style-ibf-roa-no-wrap.alignfull,
.entry-content > .wp-block-columns.is-style-ibf-roa-no-wrap.alignfull {
	padding: 0;
}

/* Our World page overrides */
.entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
  margin: auto;
  max-width: 70%;  
}
.entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) .wp-block-column:not(:first-child) {
  margin-left: 4em;
}


/* ############################ */
/* ####### COVER BLOCKS ####### */
/* ############################ */

/* HOVER COVER */
.wp-block-cover.is-style-ibf-roa-hover-cover {
	position: relative;
	height: 100px !important;
}
.wp-block-cover.is-style-ibf-roa-hover-cover:not(.has-background-gradient):before,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) .wp-block-group {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient):hover:before, 
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient):hover .wp-block-group {
	opacity: 0.95;
}
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) h3,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) h4,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) h5,
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) h6 {
	position: absolute;
    margin: auto;
	left: auto;
	right: 40px;
	top: 20px;
	transform: rotate(-90deg);
	transform-origin: top right;
	width: 150px !important;
    text-align: right;
}
.wp-block-cover.is-style-ibf-roa-hover-cover.has-background-dim:not(.has-background-gradient) .wp-block-cover__inner-container img {
	position: absolute;
    margin: auto;
	left: 20px;
	bottom: 20px;
	top: auto;
}

/* Fixes for Product page fixed background covers */
/* Now implemented via ACF block "Linkable Image" */
.group-with-background {
  background-attachment: fixed;
  height: 50vh;
  min-height: 415px;
  background-position: center bottom 150.5px;
  background-size: cover;
}
@media (max-width: 1919px) {
  .group-with-background {
    background-position: center bottom 18px;
  }
}
@media (max-width: 1200px) {
  .group-with-background {
    background-position: center bottom;
    background-attachment: scroll;
    min-height: 390px;
  }
}


/* ############################ */
/* ####### BUTTON BLOCKS ###### */
/* ############################ */

/* ROA TEXT LINK STYLE BUTTON */
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link {
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 5px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #d9a782;
	transition: color 0.3s ease-in-out;
	background-color: transparent !important;
}
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link.has-white-color {
	border-bottom: 2px solid #fff;
}
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link:not(.has-white-color),
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link.has-navy-color.has-text-color {
  color: #344570;
}

.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link.has-navy-color.has-text-color:hover {
  color: #d9a782;
}
.wp-block-buttons .wp-block-button.is-style-ibf-roa-button a.wp-block-button__link.has-white-color.has-text-color:hover {
  color: #dedede;
}
/* End Button Blocks */

/* RoA Heading Block Style 2*/
.is-style-if-roa-feat-heading-2 {
  font-size:  36px;
  line-height: 42px;
  font-family: "freight-text-pro", serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.is-style-if-roa-feat-heading-2:after {
  display: block;
  width: 52px;
  height: 2px;
  background: #bc8b7d;
  content: "";
  position: relative;
  left: 50%;
  margin-left: -26px;
  margin-top: 28px;
}
/* RoA Heading Block Style 2 - Specific Overrides */
h2.alignfull.has-text-align-center.is-style-if-roa-feat-heading-2 {
  font-size: 36px;
  line-height: 42px;
}

/* RoA Heading Block Style 3*/
.is-style-if-roa-feat-heading-3 {
  font-size:  36px;
  line-height: 40px;
  font-family: "freight-text-pro", serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0px !important;
}
/* RoA Heading Block Style 3 - Specific Overrides */
h2.alignfull.has-text-align-center.is-style-if-roa-feat-heading-3 {
  font-size: 36px;
  line-height: 40px;
}

/* RoA Featured Text Paragraph Style */
.is-style-if-roa-feat-text-1 {
  font-family: "freight-text-pro", serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .4px;
  line-height: 30px;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 0;
  text-rendering: optimizeLegibility;
}
  /* RoA Featured Text Paragraph Style - Specific Overrides*/
  p.has-text-align-center.is-style-if-roa-feat-text-1.has-text-color {
    max-width: 780px;
    margin-bottom: 0;
    margin-top: 0;
  }


/* RoA Product Heading Style 1 */
.is-style-if-roa-prod-head-1 {
  font-size:  36px;
  line-height: 42px;
  font-family: "freight-text-pro", serif;
  font-weight: 700;
  letter-spacing: 1px;
}
  /* RoA Product Heading Style 1 - Specific Overrides */
  .wp-block-media-text__content h2.is-style-if-roa-prod-head-1 {
    font-size: 36px;
    line-height: 42px;
  }

/* RoA Product Heading Style 2 */
.is-style-if-roa-prod-head-2 {
  font-family: "freight-text-pro", serif;
  font-weight: 700;
  font-size:  20px;
  line-height: 25px;
}
  /* RoA Product Heading Style 2 - Specific Overrides */
  .wp-block-media-text__content h5.is-style-if-roa-prod-head-2 {
    font-size: 20px;
    line-height: 25px;
  }

/* RoA Product Text Paragraph Style 1 */
.is-style-if-roa-prod-text-1 {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.6px;
}
/* RoA Product Text Paragraph Style 1 - Specific Overrides */
  p.is-style-if-roa-prod-text-1.contact-text:after {
      display: block;
      width: 52px;
      height: 2px;
      background: #d9a782;
      content: "";
      position: relative;
      left: 50%;
      margin-left: -26px;
      margin-top: 28px;
  }

/* Group block with no padding */
.group-no-padding,
.wp-block-group .group-no-padding {
  padding: 0;
}
div.wp-block-group.alignfull.group-no-padding.has-background {
  padding: 0;
}

/* Two-column Category Callouts */
.roa-category-columns {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: space-evenly;
}
.roa-category-columns .wp-block-column.roa-cat-col-left {
  margin: 0;
  padding-right: 5.5vw;
  width: 50%;
}
.roa-category-columns .wp-block-column.roa-cat-col-right {
  margin: 0;
  padding-left: 5.5vw;
  width: 50%;
}
.entry-content .wp-block-columns.alignfull.roa-category-columns {
  margin: 0;
  padding: 0;
  padding-top: 30px;
  width: 100%;
  max-width: 100%;
}

.with-line:before {
  display: block;
  width: 52px;
  height: 2px;
  background: #344570;
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
}
.wp-block-columns.roa-category-columns .wp-block-column p.is-style-if-roa-prod-text-1.with-line, 
.with-line {
  position: relative;
  padding-left: 75px;
  max-width: 470px;
}
.wp-block-columns.roa-category-columns .wp-block-column p.is-style-if-roa-prod-text-1.with-line:before {
  display: block;
  width: 52px;
  height: 2px;
  background: #344570;
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
}

/* ################################## */
/* ####### PAGE SPECIFIC FIXES ###### */
/* ################################## */

/* Cover Image Fixes for Our World page */
.entry-content [class*="__inner-container"] > .figure-no-margin:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
  max-width: 100%;
  margin-top: 0px;
}
.entry-content [class*="__inner-container"] > .figure-no-margin:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) img {
  height: 100%;
  width: 100%;
  padding: 0;
}

/* Cover image fix for Warranty page */
figure.wp-block-image.alignfull.size-full.warranty-image {
  margin-top: 0;
  margin-bottom: 0;
}

/* Warranty page strikethrough columns */
.entry-content [class*="__inner-container"] > .warranty-cols:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
  max-width: 35%;
  justify-content: space-evenly;
}
.warranty-cols .wp-block-column {
  max-width: max-content;
  width: max-content;
}
.wp-block-columns p.strikethrough:after {
  content: "";
  display: block;
  margin-top: -14.4px;
  width: 100%;
  height: 2px;
  background-color: #d9a782;
}

/* Tourism page Navy lines */
p.is-style-if-roa-prod-text-1.with-line.line-above {
  padding-left: 0px;
}
p.border-bottom-line {
  padding-bottom: 75px;
  border-bottom: 2px solid #344570;  
}
p.is-style-if-roa-prod-text-1.with-line.line-above:before {
    width: 60px;
    background: #344570;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    top: -30px;
    left: 0px;
}

/* Responsive Fixes for People/Stories pages columns */
.wp-block-columns.people-columns .wp-block-group.group-no-padding {
  padding: 0;
}
.wp-block-columns.people-columns .wp-block-group.group-no-padding .wp-block-group__inner-container {
  max-width: 100%;
}
.wp-block-columns.people-columns .wp-block-cover.ek-linked-block:hover h5, .wp-block-cover.ek-linked-block:hover h2 {
  opacity: 1;
}

@media (max-width: 1050px) {
  .wp-block-columns.people-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap;
  }
  .wp-block-columns.people-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    flex-basis: 50%;
    margin: 0;
  }
}

@media (max-width: 600px) {
  .wp-block-columns.people-columns:not(.is-not-stacked-on-mobile) .wp-block-column .wp-block-cover.back-to-stories {
    min-height: 400px !important;
  }
}


/* Creative Process Media Elements */
/* media on right */

/* media on left */
.wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left {
  max-width: 60%;
}
.wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__media {
  padding-right: 9vw;
}
.wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__content {
  padding-left: 4vw;
}


/* RoA Media Queries */
@media (max-width: 1919px) {
  
  /* RoA Media/Text Responsive Styles */
  div.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__media {
    padding-left: 4vw;
  }
  div.wp-block-media-text.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0;
    padding-right: 4vw;
  }
  div.is-style-if-roa-media-text .wp-block-media-text__media img {
    padding-right: 4vw;
  }
  div.wp-block-media-text.is-style-if-roa-media-text .wp-block-media-text__content {
    padding: 0;
    padding-left: 4vw;
  }

  /* Creative Process Media Responsive Styles */
  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.margin-right-0.creative-process-media-right {
    margin-right: 0px;
    margin-left: 10vw;
    padding-left: 6vw;
    max-width: 90%;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__media {
    padding-left: 6vw;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__content {
    padding-right: 4vw;
  }

  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left {
    max-width: 70%;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__media {
    padding-right: 7vw;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__content {
    padding-left: 7vw;
  }

}

@media (max-width: 1300px) {
  /* RoA Media/Text Responsive Styles */
  div.wp-block-media-text.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__content {
    max-width: 100%;
    padding-left: 30px;
  }

  /* Spacer Responsiveness */
  .md-60-high {
    height: 60px !important;
  }
  
  /* Creative Process Media Responsive Styles */
  /* media on right */
  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.margin-right-0.creative-process-media-right {
    grid-template-columns: 50% 50%;
    max-width: 100%;
    margin-left: 0;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__media {
    padding-left: 6vw;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__content {
    padding-right: 4vw;
  }
  /* media on left */
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left {
    max-width: 100%;
    margin-left: 0;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__media {
    padding-right: 7vw;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__content {
    padding-left: 7vw;
    margin-right: 4vw;
  }

  /* Warranty page strikethrough columns */
  .entry-content [class*="__inner-container"] > .warranty-cols:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
    max-width: 55%;
  }

  .wp-block-columns.warranty-cols .wp-block-column:not(:first-child) {
    margin-left: 0;
  }

}

@media (max-width: 1050px) {
  .entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
    max-width: 80%;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) .wp-block-column:not(:first-child).hide-at-1050 {
    margin-left: 0px;
    display:  none;
  }
  .entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) .wp-block-column {
    flex-basis: 100% !important;
  }
  .entry-content [class*="__inner-container"] > .no-margin-columns:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) .wp-block-column .show-at-1050 {
    display: block;
  }
  
  h2.is-style-ibf-roa-navy-heading.with-line.has-navy-color.has-text-color,
  p.is-style-if-roa-prod-text-1.has-navy-color.has-text-color {
    max-width: 95%;
  }
  h3.has-text-align-center.is-style-ibf-roa-copper-heading,
  h2.is-style-ibf-roa-copper-heading {
    padding: 0 20px;
  }
}

@media (max-width: 780px) {

  /* Spacer Responsiveness */
  .md-100-high {
   height: 100px !important;
  }
  .md-60-high {
    height: 60px !important;
  }
  .md-30-high {
    height: 30px !important;
  }
  .md-spacer-7vh {
    height: 7vh !important;
  }
  .md-spacer-5vh {
    height: 5vh !important;
  }

  /* RoA Media/Text Responsive Styles */
  div.wp-block-media-text.alignwide.is-stacked-on-mobile.is-style-if-roa-media-text, 
  div.wp-block-media-text.alignfull.is-stacked-on-mobile.is-style-if-roa-media-text {
    grid-template-columns: 100%;
    grid-template-rows: max-content max-content;
    padding: 0;   
  }

  /* media on right */
  div.wp-block-media-text.is-style-if-roa-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1 / 2;
    place-self: end center;
    padding: 7vh 0 7vh 0;
  }
  div.is-style-if-roa-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__media {
    grid-row: 2 / 3;
    grid-column: 1;
    place-self: start center;
    padding: 0 0 7vh 0;
  }
  .creative-process-media-right .wp-block-media-text__content p.is-style-if-roa-prod-text-1.has-navy-color.has-text-color {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }

  /* media on left */
  div.is-style-if-roa-media-text:not(.has-media-on-the-right) .wp-block-media-text__media img {
    grid-column: 1;
    grid-row: 1 / 2;
    place-self: end center;
    padding: 7vh 4vw 0 0;
  }
  div.wp-block-media-text.is-style-if-roa-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2 / 3;
    place-self: start center;
    padding: 7vh 8vw 5vh 4vw;
  }
  div.wp-block-media-text.big-image-left.is-style-if-roa-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2 / 3;
    place-self: start center;
    padding: 7vh 8vw 5vh 11vw;
  }

  /* Creative Process Media Responsive Styles */
  /* media on right */
  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.margin-right-0.creative-process-media-right {
    grid-template-columns: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
    max-width: 100%;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2 / 3;
    padding: 7vh 0 0 5vw;
  }
  .wp-block-media-text.has-media-on-the-right.margin-right-0.creative-process-media-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1 / 2;
    padding: 0 5vw 0 11vw;
  }

  /* media on left */
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1 / 2;
    padding: 7vh 0 0 0;
    margin: 0 10vw 0 10vw;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2 / 3;
    margin: 0 5vw 0 5vw;
  }

  /* remove extra padding from wp-block-media-text on Tourism page */
  div.wp-block-media-text.is-stacked-on-mobile.is-style-if-roa-media-text.no-vertical-padding .wp-block-media-text__media {
    padding-top: 0;
    padding-bottom: 0;
  }

    /* Warranty page strikethrough columns */
  .entry-content [class*="__inner-container"] > .warranty-cols:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
    max-width: 60%;
    flex-wrap: nowrap;
  }
  .warranty-cols .wp-block-column:not(:first-child) {
    margin-left: 0;
  }
  
  /* RoA Featured Text Style 1 Responsive Styles */
  .is-style-if-roa-feat-text-1 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .2px;
    margin-right: 30px;
    margin-left: 30px;
  }

  /* RoA Featured Heading Style 1 Responsive Styles */
  .is-style-if-roa-feat-heading-1 {
    font-weight: 500;
  }
  
  /* RoA Featured Heading Style 2 Responsive Styles */
  .is-style-if-roa-feat-heading-2 {
    font-weight: 500;
  }

  /* RoA Featured Heading Style 3 Responsive Overrides */
  h2.alignfull.has-text-align-center.is-style-if-roa-feat-heading-3 {
    font-size: 28px;
    line-height: 32px;
  }

  /* RoA Product Heading Style 1 Responsive Overrides */
  .wp-block-media-text__content h2.is-style-if-roa-prod-head-1 {
    font-size: 28px;
    line-height: 32px;
  }

  /* RoA Product Text Style 1 Responsive Styles */
  .is-style-if-roa-prod-text-1 {
    line-height: 22.4px;
  }

  .wp-block-columns.if-flex-columns {
    flex-direction: column;
    margin: 0;
  }
}

@media (max-width: 700px) {
  .entry-content [class*="__inner-container"] > .warranty-cols:not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe) {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
  }
}

@media (max-width: 600px) {

  /* Spacer Responsiveness */
  .sm-60-high {
   height: 60px !important;
  }
  .sm-30-high {
    height: 30px !important;
  }
  .sm-15-high {
    height: 15px !important;
  }
  .md-spacer-7vh {
    display: none;
  }


  /* RoA Media/Text Responsive Overrides */
  div.wp-block-media-text.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 7vh 8vw 5vh 8vw;
    max-width: 470px;
  }

  /* media on right */
  div.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__media {
    padding: 0 8vw 0 8vw;
  }
  div.is-style-if-roa-media-text.has-media-on-the-right .wp-block-media-text__media img {
    width: 100%;
  }

  /* Creative Process Media Responsive Styles */
  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.margin-right-0 {
    margin-right: 0px;
    margin-left: 4vw;
    max-width: 100%;
  }

  /* media on left */
  .wp-block-media-text.has-media-on-the-left.is-stacked-on-mobile {
    margin: 0;

  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__media {
    margin:0;
    padding: 0 6vw 0 6vw;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile.creative-process-media-left .wp-block-media-text__content {
    margin: 0;
    padding: 0 4vw 0 5vw;
  }

  /* media on right */
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-right: 4vw;
  }

  /* remove extra margin from wp-block-media-text */
  div.wp-block-media-text.is-stacked-on-mobile.is-style-if-roa-media-text.no-vertical-padding .wp-block-media-text__content {
    margin: 0;
    align-self: center;
    padding: 0px 3vw 0px 3vw;
    max-width: 470px;
  }
  div.wp-block-media-text.is-stacked-on-mobile.is-style-if-roa-media-text.no-vertical-padding.big-image-left .wp-block-media-text__content {
    padding: 0px 3vw 0px 6vw;
  }
  .entry-content > .wp-block-group.alignfull.has-background {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* give a little more room to warranty media/text text */
  .wp-block-group.has-grey-lt-background-color .wp-block-group__inner-container {
    max-width: 100%;
  }

}

/*  
 *  Zero margin alignfull columns
 */
.margin-none.wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0;
}
@media (min-width: 600px) and (max-width: 781px) {
  .margin-none.alignfull.wp-block-columns .wp-block-column:not(:only-child) {
    flex-basis: 50% !important;
  }
}

/*
 **************
 * IF Blocks Branded Styles -> requires IF Blocks plugin 
 ************** 
 */

/* Video Card */
a.ibf-video-card-image-container:hover .play-icon {
  color:#eeb310;
  border-color:#eeb310;
}
a.ibf-video-card-image-container:hover .play-icon:after {
  border-color: transparent transparent transparent #eeb310;
}



/*
 **************
 * UAG Blocks -> requires UAG plugin with activated blocks
 ************** 
 */

/* UAG FAQs Styles */

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-child__wrapper .uagb-faq-item {
  border: none;
  padding: 20px;
}

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap:nth-child(odd) .uagb-faq-child__wrapper .uagb-faq-item {
  background-color: #eee;
  border: none;
}

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap {
  margin: 0;
}
.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-child__wrapper .uagb-faq-item span.uagb-question {
  font-size: 18px;
}

/*.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel .uagb-tab {
border-width: 0;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-radius: 0;
margin-bottom: -1px;
}
 */
.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel .uagb-tab {
  border-width: 0;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 0;
  margin-bottom: -1px;
}
.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel li.uagb-tab.uagb-tabs__active {
  z-index: 1;
}



/*
 **************
 * HUBSPOT FORM CSS -> pulled from SALTO's hardscapes.polycor.com footer
 ************** 
 */


span.hs-form-required{display:none;}

.hbspt-form ::-webkit-input-placeholder {
  color: #FFF;
  opacity: 1 !important; /* for chrome */
}
.hbspt-form :-moz-placeholder { /* Firefox 18- */
  color: #FFF;
  opacity:1;
}
.hbspt-form ::-moz-placeholder {  /* Firefox 19+ */
  color: #FFF;
  opacity:1;
}
.hbspt-form :-ms-input-placeholder {  
  color: #FFF;
  opacity:1;
}

.wp-block-cover.has-black-background-color .hbspt-form .hs-input {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #FFF;
  font-weight: 400;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid #FFF;
  width: 100%;
  position: relative;
  letter-spacing: 1px;
  background-color: transparent;
  padding-right: 0 40px 0 10px;
}