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); */
.paragraph-item--cta-columns-50-50 { overflow: hidden; position: relative; }

.paragraph-item--cta-columns-50-50 .paragraph-content-wrapper { display: flex; margin: 0 auto; max-width: 90%; padding: 8rem 0 4rem; width: 1400px; }

.paragraph-item--cta-columns-50-50 .field--name-field-bg-image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.paragraph-item--cta-columns-50-50 .field--name-field-bg-image img { height: 100%; object-fit: cover; width: 100%; }

.paragraph-item--cta-columns-50-50 .component-cta-columns-50-50__content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }

@media (min-width: 768px) { .paragraph-item--cta-columns-50-50 .component-cta-columns-50-50__content { flex-direction: row; } }

.paragraph-item--cta-columns-50-50 .component-cta-columns-50-50.hide-printed-guide .component-cta-columns-50-50__content { justify-content: center; }

.paragraph-item--cta-columns-50-50 .component-cta-columns-50-50.hide-printed-guide .component-cta-columns-50-50__content > div:first-of-type { display: none; }

.paragraph-item--cta-columns-50-50 .col { align-items: center; display: flex; flex-direction: column; z-index: 1; }

@media (max-width: 768px) { .paragraph-item--cta-columns-50-50 .col:first-of-type { margin-bottom: 4em; } }

.paragraph-item--cta-columns-50-50 .col .field--type-image { margin: auto 0; max-width: 100%; text-align: center; width: 385px; }

.paragraph-item--cta-columns-50-50 .col .field--type-image.field--name-field-image-two { width: 650px; }

@media (min-width: 768px) { .paragraph-item--cta-columns-50-50 .col-6 { width: calc(50% - 1em); } }

.paragraph-item--cta-columns-50-50 .button { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_blue.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; margin: 2em 0 0; max-width: 100%; width: 350px; }

.paragraph-item--cta-columns-50-50 .button::before { background-image: url("/themes/custom/tnvacation/img/btn_blue_left.png"); }

.paragraph-item--cta-columns-50-50 .button::after { background-image: url("/themes/custom/tnvacation/img/btn_blue_right.png"); }

.paragraph-item--cta-columns-50-50 .button:hover { color: #000000 !important; }

.paragraph-item--cta-columns-50-50 .button.button--navy { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_navy.png") center repeat-x transparent; background-size: contain; color: #FFFFFF !important; }

.paragraph-item--cta-columns-50-50 .button.button--navy::before { background-image: url("/themes/custom/tnvacation/img/btn_navy_left.png"); transition: all 0.3s linear; }

.paragraph-item--cta-columns-50-50 .button.button--navy::after { background-image: url("/themes/custom/tnvacation/img/btn_navy_right.png"); transition: all 0.3s linear; }

.paragraph-item--cta-columns-50-50 .button.button--navy:hover { background-image: url("/themes/custom/tnvacation/img/btn_surf.png"); color: #10233E !important; }

.paragraph-item--cta-columns-50-50 .button.button--navy:hover::before { background-image: url("/themes/custom/tnvacation/img/btn_surf_left.png"); }

.paragraph-item--cta-columns-50-50 .button.button--navy:hover::after { background-image: url("/themes/custom/tnvacation/img/btn_surf_right.png"); }

/*# sourceMappingURL=../../maps/libraries/paragraph/cta-columns-50-50.css.map */