/*
 * Name: Atlas
 * Author: Zengenti Ltd
 * Author URI: http://zengenti.com
 * Description: A modern front-end framework
 * Version: 0.0.1
 */
/**
 * Utilities
 */
/**
 * Grid HTML classes
 */
/**
 * Align classes
 */
/**
 * Vertical align middle
 */
/**
 * Clearfix
 */
/**
 * Makes an element visually hidden, but accessible
 * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
/**
 * Turns off the element-invisible effect
 */
/**
 * RGBA fallback
 */
/**
 * Input placeholder color
 */
/**
 * Icons
 */
/**
 * Icons fallback
 */
/**
 * Aspect ratio
 */
/**
 * Calculate columns
 */
/**
 * Strip unit
 * It strips the unit of measure and returns it
 */
/**
 * Convert to REM
 */
/**
 * REM calc
 */
/**
 * Assets paths
 */
/**
 * Base
 */
/**
 * Global
 */
/**
 * Breakpoints
 * Override default settings from _mq.scss partial
 * https://github.com/sass-mq/sass-mq
 */
/**
 * Icons
 */
/**
 * Base
 * core elements
 */
/**
 * Components
 * singular modular items, no parent-child relationship
 */
/**
 * Patterns
 * objects that have children
 */
/**
 * Views
 * specific views
 */
@media only screen and (min-width: 64.0625em) {
  .row-flex {
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 64.0625em) {
  .row-padding {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.dp__card {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top: 4px solid #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  overflow: hidden;
}

@media only screen and (min-width: 64.0625em) {
  .dp__card {
    border-left: 4px solid #ffffff;
  }
}

.dp__card video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  overflow: hidden;
}

.dp__card--remove-border {
  border-left: none;
}

.dp__card--tall {
  height: 650px;
}

.dp__card--tall-half {
  height: 325px;
}

.dp__card--horizontal {
  height: 300px;
}

.dp__card--block {
  height: 400px;
  padding: 32px;
}

.dp__card--overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1d5681;
  background: linear-gradient(45deg, #1d5681 0%, rgba(255, 255, 255, 0) 100%);
}

.dp__card-bottom-content {
  position: absolute;
  bottom: 32px;
  left: 24px;
  right: 24px;
  z-index: 2;
}

.dp__card-bottom-content p {
  font-size: 20px;
}

.dp__card-content--center {
  text-align: center;
}

.dp__card-content-banner {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 32px 16px;
  width: 100%;
  background: rgba(2, 86, 129, 0.8);
  text-align: center;
}

.dp__card-content-banner h2 {
  margin: 0;
}

.dp__card-cta {
  display: inline-block;
  border: 2px solid #ffffff;
  border-radius: 2px;
  padding: 8px;
  text-transform: uppercase;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}

.dp__card-cta:hover {
  color: #003b5c;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

.dp__heading-styled {
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.dp__heading-styled:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 3px;
  width: 40px;
  background-color: #ffffff;
}

.dp__banner {
  height: 350px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top: 4px solid #ffffff;
}

.dp__embed {
  padding-top: 35px;
  background-color: #f7f5f4;
}

.dp__embed h3 {
  font-size: 32px;
}

.dp__embed p {
  display: block;
  font-size: 20px;
}

.dp__embed a {
  display: inline-block;
  border: 2px solid #184670;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px;
  text-decoration: none;
  color: #184670;
  font-size: 14px;
  transition: all 0.2s ease-out 0s;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.dp__embed a:hover {
  background-color: #184670;
  color: #f7f5f4;
  border-bottom: 2px solid #184670;
}

.dp__embed .embed__content {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 35px;
  padding-left: 16px;
}

.dp__form {
  background-color: #cccccc;
}

.dp__form .dp__graphic {
  position: relative;
  min-height: 400px;
  padding: 32px 0;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 64.0625em) {
  .dp__form .dp__graphic {
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
  }
}

.dp__form .dp__graphic h3 {
  display: inline-block;
  background-color: #3da4c3;
  color: white;
  text-transform: uppercase;
  padding: 8px 12px;
}

.dp__form a {
  position: absolute;
  bottom: 32px;
  left: 0px;
  text-transform: uppercase;
  padding: 8px 32px;
  border: 2px solid #333333;
  border-radius: 2px;
  color: #333333;
  background-color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.2s ease-out 0s;
  text-decoration: none;
}

.dp__form a:hover {
  background-color: #333333;
  color: #ffffff;
  border-bottom: 2px solid #333333;
}

.dp__form .dp__iframe h3 {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 16px 0 8px;
}

/*# sourceMappingURL=digital-printing.css.map */