@charset "UTF-8";
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); */
.my-trip-button .mytrip { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_white.png") center repeat-x transparent; background-size: cover; color: #B84B1B !important; font-family: 'Freight-Sans', arial, sans-serif; font-weight: 700; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; box-sizing: border-box; display: inline-block; font-size: 12px; letter-spacing: 3px; margin-bottom: 1em; min-height: 44px; padding: 14px 24px 11px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; }

.my-trip-button .mytrip::before { background-image: url("/themes/custom/tnvacation/img/btn_white_left.png"); }

.my-trip-button .mytrip::after { background-image: url("/themes/custom/tnvacation/img/btn_white_right.png"); }

.my-trip-button .mytrip:hover { color: #1C5064 !important; }

.my-trip-button .mytrip::before, .my-trip-button .mytrip::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-position: top left; background-repeat: repeat-y; background-size: 100% 100%; content: ''; height: calc(100% - 2px); left: 0; margin-left: -2px; position: absolute; top: 50%; width: 4px; }

.my-trip-button .mytrip::after { left: auto; right: -3px; }

.my-trip-button .mytrip:nth-child(1) { margin-left: 0; margin-right: 0; }

.mytrip-show-empty { display: none; }

.mytrip-empty .mytrip-show-empty { display: block; }

.mytrip-show-notempty { display: none; }

.mytrip-notempty .mytrip-show-notempty { display: block; }

.teaser-wrapper .mytrip, .img-wrap .mytrip, .paragraph--type-article-embedded-image .mytrip { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: transparent; border: 1px solid transparent; border-radius: 5px; color: #FFFFFF; height: 36px; left: auto; padding: 4px 8px; }

.teaser-wrapper .mytrip.mytrip-add, .img-wrap .mytrip.mytrip-add, .paragraph--type-article-embedded-image .mytrip.mytrip-add { width: 165px; }

.teaser-wrapper .mytrip.mytrip-add:focus .add, .img-wrap .mytrip.mytrip-add:focus .add, .paragraph--type-article-embedded-image .mytrip.mytrip-add:focus .add { opacity: 1; }

.teaser-wrapper .mytrip.mytrip-add:focus .remove, .img-wrap .mytrip.mytrip-add:focus .remove, .paragraph--type-article-embedded-image .mytrip.mytrip-add:focus .remove { opacity: 0; }

.teaser-wrapper .mytrip.mytrip-remove, .img-wrap .mytrip.mytrip-remove, .paragraph--type-article-embedded-image .mytrip.mytrip-remove { width: 165px; }

.teaser-wrapper .mytrip.mytrip-remove:after, .img-wrap .mytrip.mytrip-remove:after, .paragraph--type-article-embedded-image .mytrip.mytrip-remove:after { content: '\e93e'; }

.teaser-wrapper .mytrip.mytrip-remove:focus .add, .img-wrap .mytrip.mytrip-remove:focus .add, .paragraph--type-article-embedded-image .mytrip.mytrip-remove:focus .add { opacity: 0; }

.teaser-wrapper .mytrip.mytrip-remove:focus .remove, .img-wrap .mytrip.mytrip-remove:focus .remove, .paragraph--type-article-embedded-image .mytrip.mytrip-remove:focus .remove { opacity: 1; }

.teaser-wrapper .mytrip:after, .img-wrap .mytrip:after, .paragraph--type-article-embedded-image .mytrip:after { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; font-size: 1.625rem; float: right; height: 26px; margin-left: 4px; vertical-align: top; width: 26px; }

.teaser-wrapper .mytrip .mt-label, .img-wrap .mytrip .mt-label, .paragraph--type-article-embedded-image .mytrip .mt-label { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 14px; font-size: 0.875rem; font-weight: 700; left: 0; opacity: 0; padding-left: 15px; position: absolute; top: 50%; }

.my-trip-button .mytrip { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; letter-spacing: 2px; padding: 9px 14px; vertical-align: top; }

.my-trip-button .mytrip.mytrip-add { width: 165px; }

.my-trip-button .mytrip.mytrip-add .add { opacity: 1; }

.my-trip-button .mytrip.mytrip-add .remove { opacity: 0; }

.my-trip-button .mytrip.mytrip-add:hover .mt-label:after { content: '\e93e'; }

.my-trip-button .mytrip.mytrip-add:focus .add { opacity: 1; }

.my-trip-button .mytrip.mytrip-add:focus .remove { opacity: 0; }

.my-trip-button .mytrip.mytrip-remove { width: 165px; }

.my-trip-button .mytrip.mytrip-remove .add { opacity: 0; }

.my-trip-button .mytrip.mytrip-remove .remove { opacity: 1; }

.my-trip-button .mytrip.mytrip-remove .mt-label:after { content: '\e93e'; }

.my-trip-button .mytrip.mytrip-remove:hover .mt-label:after { -webkit-transform: all 0.3s linear; -moz-transform: all 0.3s linear; -ms-transform: all 0.3s linear; -o-transform: all 0.3s linear; transform: all 0.3s linear; content: '\e93d'; }

.my-trip-button .mytrip.mytrip-remove:focus .add { opacity: 0; }

.my-trip-button .mytrip.mytrip-remove:focus .remove { opacity: 1; }

.my-trip-button .mytrip .add, .my-trip-button .mytrip .remove { width: 100%; }

.my-trip-button .mytrip .mt-label { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: 30px; left: 8px; opacity: 0; padding-top: 8px; padding-left: 8px; position: absolute; text-align: left; top: 50%; }

.my-trip-button .mytrip .mt-label:after { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; font-size: 1.625rem; height: 26px; right: 19px; margin-right: 0; position: absolute; top: 2px; vertical-align: top; width: 26px; }

/*# sourceMappingURL=maps/my-trip.css.map */