html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.component-campaign-grid { background: #EEEEEE; padding: 2rem 1rem 4rem; position: relative; }

.component-campaign-grid.homepage-campaign-grid:before { background-image: url("/themes/custom/tnvacation/img/paper-tear.png"); background-position: bottom center; background-repeat: repeat-x; background-size: auto 100%; bottom: -1px; content: ''; height: 39px; left: 0; position: absolute; top: -39px; width: 100%; }

.component-campaign-grid.homepage-campaign-grid .component-campaign-grid--right .component-campaign-grid-item.grid-count-5:last-child .field--name-field-image img { max-width: 240px; width: 98%; }

@media (max-width: 1024px) { .component-campaign-grid.homepage-campaign-grid .component-campaign-grid--right .component-campaign-grid-item.grid-count-5:last-child .field--name-field-image img { margin-bottom: 15px; width: 90%; } }

.component-campaign-grid header .field--name-field-content { font-size: 20px; margin: 0 auto; max-width: 520px; padding-bottom: 1.25rem; text-align: center; width: 90%; }

.component-campaign-grid .component-campaign-grid--content { margin: 0 auto; max-width: 1440px; width: 100%; }

@media only screen and (min-width: 768px) { .component-campaign-grid.grid-count--2 .component-campaign-grid--content, .component-campaign-grid.grid-count--3 .component-campaign-grid--content, .component-campaign-grid.grid-count--4 .component-campaign-grid--content, .component-campaign-grid.grid-count--5 .component-campaign-grid--content { display: flex; justify-content: center; flex-wrap: nowrap; }
  .component-campaign-grid.grid-count--3 .component-campaign-grid--right { display: flex; flex-direction: column; justify-content: space-between; }
  .component-campaign-grid.grid-count--4 .component-campaign-grid--content { flex-wrap: wrap; justify-content: space-evenly; }
  .component-campaign-grid.grid-count--5 .component-campaign-grid--left { flex-basis: 50%; }
  .component-campaign-grid.grid-count--5 .component-campaign-grid--right { display: flex; flex-direction: row; flex-wrap: wrap; flex-basis: 50%; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/campaign-grid.css.map */