/************************************************************************************************************************************* HIDE TEST COOKIES ECHO div (visible only by Admin) *************************************************************************************************************************************/ #testcookies { display: none !important; } /************************************************************************************************************************************* HEADER TOP PADDING FIX » SET PADDING ACCORDINGLY TOP BAR AND HEADER BEHAVIOUR *************************************************************************************************************************************/ /* @media screen and (min-width:990px) { #main {padding-top: 117px !important;} .av_header_transparency #main {padding-top: 0px !important;} } @media screen and (min-width:1250px) { #main { padding-top: 152px !important;} .av_header_transparency #main {padding-top:0px !important;} } */ /************************************************************************************************************************************* OVERLAY MENU *************************************************************************************************************************************/ #av-burger-menu-ul li.lang-item .avia-menu-text {font-size: large; color: #FFc; display: inline-block; background: #204350; line-height: 0.5; text-align: center; padding: 12px; margin: 0 12px; border-radius: 64px; } @media only screen and (min-width: 1250px) { #av-burger-menu-ul li.lang-item .avia-menu-text {font-size: x-large;} } /************************************************************************************************************************************* Banner Covid *************************************************************************************************************************************/ #banner-covid {margin-top: -180px;} @media screen and (min-width: 1250px) { #banner-covid {margin-top: -140px;} } /************************************************************************************************************************************* HOME - PROFILE and SINGLE POST SLIDER CUSTOM WAVE WIDTH *************************************************************************************************************************************/ .voya-travel-wave:after { background: url(/assets/img/Full-Width-Overlay-Mask_01.png) center bottom no-repeat; } /* Just for Voyas */ .home .overlay-mask-bottom:after, .single .overlay-mask-bottom:after, .page-id-424 .overlay-mask-bottom:after {background-size: auto !important; } /************************************************************************************************************************************* HOME TRAVEL CATEGORIES GREECE - EUROPE *************************************************************************************************************************************/ #home-travel-categories-section {} #home-travel-categories-section .container { max-width:none;} #home-travel-categories-section .flex_column_table { margin-top: 10px !important; } #home-travel-categories-section .avia-image-container-inner {border-radius: 16px; overflow: hidden;} /* Captions */ #home-travel-categories-section .av-image-caption-overlay-center {} #home-travel-categories-section .av-image-caption-overlay-center h3 {font-size: xx-large; color: #FFF;} #home-travel-categories-section .av-image-caption-overlay-center h3 em { display:block; font-size: large; font-style: normal;} /* Overlays */ #home-travel-categories-section .av-caption-image-overlay-bg { opacity: 0.5 !important; background: #00c6ff; background: -webkit-linear-gradient(to top, #0072ff, #00c6ff); background: linear-gradient(to top, #0072ff, #00c6ff); } #home-travel-categories-section .av-image-caption-overlay:hover .av-caption-image-overlay-bg { opacity: 0.8 !important; background: #12c2e9; /* fallback for old browsers */ background: -webkit-linear-gradient(to top, #f64f59, #c471ed, #12c2e9); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to top, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /* Second Group */ #home-travel-categories-section.alt-gradient .av-caption-image-overlay-bg { opacity: 0.6 !important; background: #00c6ff; background: -webkit-linear-gradient(to top, #0072ff, #00c6ff); background: linear-gradient(to top, #0072ff, #00c6ff); } #home-travel-categories-section.alt-gradient .av-image-caption-overlay:hover .av-caption-image-overlay-bg { background: #000428; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #004e92, #000428); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /************************************************************************************************************************************* SINGLE TOUR *************************************************************************************************************************************/ /* Tour Slider */ #tour-slider {margin-bottom: -100px;} .slideshow_align_caption {padding-bottom: 5%;} /* Custom color Call to Action Btn */ #tour-side-request-btn, #tour-bottom-request-btn { background-color: #0072bc; } /* Tour Wavy with Round Thumbs */ #tour-gallery .jig-overflow {border-radius: 320px; border: 6px solid rgb(255 255 255 / 50%);} @media screen and (min-width: 1250px) { #tour-slider {margin-bottom: -190px;} #tour-gallery {margin-bottom:-30px;} #tour-gallery .av_one_full { width:45%; } } /* Price */ #tour-data .tour-price { } #tour-data .tour-price p {font-size: 19px; text-align: center; margin: 0 auto; padding: 16px 0; color: #707070; border: 1px dashed #cacaca;} #tour-data .tour-price p:before { /* content: "\f3ff"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; position: relative; top: 1px; margin-right: 8px; color: #31c5de; */ } #tour-data .tour-price p i:after { content: "€"; font-size: 26px; margin-left: 2px; } #tour-data .tour-price p i {font-family: "gothic",sans-serif; font-size: 32px; color: #a28947; font-style: normal; font-weight: 400; letter-spacing: -1px; } /* Days */ #tour-data .tour-days { background: #eaeaea; padding: 16px; } #tour-data .tour-days p { text-align: center; margin: 0; } #tour-data .tour-days p i:before { content: "\f073"; font-family: 'Font Awesome 5 Free'; font-weight: 500; font-size: 16px; position: relative; top: -2px; margin-right: 8px; color: #adadad; } #tour-data .tour-days p i { font-family: "gothic",sans-serif; font-size: 23px; font-style: normal; color: #707070; display: block; } /************************************************************************************************************************************* SINGLE POST *************************************************************************************************************************************/ /* Single Post CTA */ #askaquestionbtn {background: #0072bc;} /************************************************************************************************************************************* HOVER OVERLAY ARCHIVES and FLIX *************************************************************************************************************************************/ .hover-gradient-overlay { background: #1FA2FF; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /************************************************************************************************************************************* PRE-FOOTER *************************************************************************************************************************************/ #prefooter-wrapper {display: block; padding: 0; background: #008dc7; } #prefooter-wrapper .container {padding:0;} /* SVG */ #prefooter-wrapper svg {background:#FFF;} .archive #prefooter-wrapper svg {background:#f2f2f2;} .blog #prefooter-wrapper svg, .single #prefooter-wrapper svg {background:#ededed;} #prefooter-wrapper p {text-align: center; background: #008dc7; color: #FFF; font-family: "foo",sans-serif; margin:0 auto; line-height: .8; font-size:12vw;} @media only screen and (max-width: 767px) { #prefooter-wrapper .container { width: 100% !important; max-width: 100% !important;} } @media only screen and (min-width: 1250px) { #prefooter-wrapper p {font-size: 6vw;} } /************************************************************************************************************************************* FERRIES *************************************************************************************************************************************/ #ferries-full-screen-section .av-section-color-overlay { opacity: 0.6 !important; background: #000046; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #1CB5E0, #000046); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /* Button */ #ferries-full-screen-section #tour-bottom-request-btn { background: #00BCD4; } /************************************************************************************************************************************* FOOTER *************************************************************************************************************************************/ #footer { background-color: #0072bc; } #footer .lang-item {display:none;} #footer .mite {display: block; text-align: center; padding: 4px; margin: 4px auto 8px; background: rgba(255, 255, 255, 0.15); border-radius: 3px;} #footer .iata-number {display: block;text-align: center; padding: 4px; margin: 4px auto 8px; background: rgba(255, 255, 255, 0.15); border-radius: 3px;} #footer-company-info h2 {font-size: large; margin-bottom: 0;} /************************************************************************************************************************************* SOCKET *************************************************************************************************************************************/ #socket { background: #00a7e9;}