/*************************************************************************************************************************************
	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;}
}




/*************************************************************************************************************************************
		HOME SLIDER
*************************************************************************************************************************************/
#home-slider h2.avia-caption-title {  text-shadow: 0 0 32px rgb(0 0 0 / 75%), 2px 2px 16px rgb(0 0 0 / 50%), -2px -2px 16px rgb(0 0 0 / 50%);  }
#home-slider  .avia-caption-content p { text-shadow: 0 0 16px rgb(0 0 0 / 75%), 2px 2px 8px rgb(0 0 0 / 50%), -2px -2px 8px rgb(0 0 0 / 50%);  }
#home-slider .home-slider-pseudo-btn {font-size: medium; color: #FFF; background: rgb(0 179 210); background:#e5097f; padding: 12px 24px; display: inline-block; margin-top: 16px; border-radius: 160px; text-shadow:none;}




/*************************************************************************************************************************************
		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 {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: #5433FF;
background: -webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);
background: linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);
}

#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: #000428;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#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%;}
.slideshow_caption {width:66.667%;}

/* Custom color Call to Action Btn */
#tour-side-request-btn { background-color: #e5097f; }

/* 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: -160px;}
#tour-gallery {margin-bottom:0px;}
#tour-gallery .av_one_full { width:45%; }
}


#tour-data .blob-tour-price .av-image-caption-overlay p {padding-top: 48px;}


/* Overlay Form */
#appointment-cf-wrapper {
background: #2c3e50;
background: -webkit-linear-gradient(to top, rgb(52 152 219 / 95%), rgb(44 62 80 / 95%) );
background: linear-gradient(to top, rgb(52 152 219 / 95%), rgb(44 62 80 / 95%));
}


/* Btn FORM CTA */
#askaquestionbtn {background: #e5097f;}




/*************************************************************************************************************************************
	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; }



/*************************************************************************************************************************************
	AIR TICKETS
*************************************************************************************************************************************/
#plane-full-screen-section .av-section-color-overlay {
opacity: 0.5 !important;
background: #FF5F6D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Button */
#plane-full-screen-section #tour-bottom-request-btn {  background: #7442cc; }





/*************************************************************************************************************************************
	FOOTER
*************************************************************************************************************************************/
#footer {background: #008dc7; padding-top: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008dc7+0,00a5ad+100 */
background: #008dc7; /* Old browsers */
background: -moz-linear-gradient(top,  #008dc7 0%, #00a5ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #008dc7 0%,#00a5ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #008dc7 0%,#00a5ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dc7', endColorstr='#00a5ad',GradientType=0 ); /* IE6-9 */
}
#footer .lang-item { display: none;}


@media only screen and (min-width: 1250px) {
#footer { padding-top: 50px;}
}

#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;}



/*************************************************************************************************************************************
	SOCKET
*************************************************************************************************************************************/
#socket {background: #007aad; background: #00c0ca; }





/*************************************************************************************************************************************
	CUSTOM FONTS
*************************************************************************************************************************************/

@font-face {
	font-family: 'foo';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/foo.eot');
	src: url('/assets/fonts/foo.eot?#iefix') format('embedded-opentype'),
	url('/assets/fonts/foo.woff') format('woff'),
	url('/assets/fonts/foo.ttf') format('truetype');
}