/*
File: layout.css (converted from _layout.scss)
This contains site-wide layout overrides for Divi and Wordpress
*/

/*
DIVI LAYOUT OVERRIDES
*/
*:focus { 
  outline: 0 !important;
}

body {
  overflow-x: hidden;
}

.et_pb_section:not(.et_pb_fullwidth_section) {
  padding: var(--size-large) 0;
}

.et_pb_row {
  width: var(--row-width);
  max-width: var(--row-max-width);
  padding: var(--size-medium) 0;
}

.et_pb_module {
  margin-bottom: var(--size-medium);
}

.et_pb_module.et-last-child,
.et_pb_module:last-child {
  margin-bottom: 0;
}

.rf-centered--row {
  display: flex;
}

.rf-centered--row .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Fixing the media queries for the centered row class */
@media (max-width: 980px) {
  .rf-centered--row {
    flex-direction: column;
  }
  
  .rf-centered--row .et_pb_image {
    max-width: 500px;
  }
  
  .rf-centered--row .et_pb_column:first-child {
    margin-bottom: 3rem;
  }
  
  /* Add this to a row to flip the order of columns on tablet and mobile.
     Best use for displaying text before images. */
  .rf-flip {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .rf-flip .et_pb_column:last-child {
    margin-bottom: 3rem !important;
  }
  
  .rf-flip .et_pb_column:first-child {
    margin-bottom: 0px !important;
  }
}

/* Removing extra space under gallery images */
.et_pb_gallery_image a {
  line-height: 0 !important;
}

@media (max-width: 980px) {
  #rf-body .rf-contact--blurb .et_pb_blurb_content {
    margin: 0;
  }
}