harrypapas
5/14/2020 - 10:15 AM

Tiles

Add tile_wrap to parent and child rows and add tile_text/image to columns

/**********TILES**********/

@media (min-width:768px){
  
  .tile_wrap > .full_section_inner {
    display: flex;
  }
    
  .tile_text {
    display: flex;
    padding: 100px !important;
  }
  
  .tile_image {
    display: flex;
  }
  
  .tile_image .vc_column-inner {
    background-size: cover;
    background-position: center center;
  }
  
}

@media (max-width:768px) {
  
  .tile_text_mobile_right {
    padding-top: 40px !important;
    padding-right: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
  }
  
  .tile_text_mobile_left {
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
  }
  
  .tile_image > .vc_column-inner {
    background-size: cover;
    background-position: center center;
    padding: 200px !important;
  }
  
}

/**********END TILES**********/
@media (min-width:768px){
    
  
  .tile_wrap > .full_section_inner {
    display: flex;
  }
    
  .tile_text {
    display: flex;
    padding: 100px !important; 
  }
  
  .tile_image {
    display: flex;
  }
  
  .tile_image .vc_column-inner {
    background-size: cover;
    background-position: center center;
  }
  
}
.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .vc_column_container {
    -webkit-box-align: normal;
    -webkit-align-items: normal;
    -ms-flex-align: normal;
    align-items: normal;
}