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




/*************************************************************************************************************************************
	HOME
*************************************************************************************************************************************/

/* Slider Mobiles Gradient */
#slider-mobiles-and-tablets .av-section-color-overlay {
opacity: .7 !important;
background: #5433FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #A5FECB, #20BDFF, #5433FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #A5FECB, #20BDFF, #5433FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Slider Mobiles Overlay Logo */
#slider-mobiles-and-tablets ul:after {
content:""; position:absolute; width:100%; height:100%; left:0; top:0; display:block;
background: url(/wp-content/uploads/2021/06/castello-apts-logo-header-white-large.png) center 33.333% no-repeat;
background-size: contain; z-index:10;
}



#home-video-intro .av-section-color-overlay {
opacity: .4 !important;
background: #DCE35B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #45B649, #DCE35B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #45B649, #DCE35B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/* Foo Pseudo-Heading */
.foo-pseudo-heading p { font-family: "foo",sans-serif; font-size: 16vw; color: #a28947; line-height: 0; margin: 16px auto 20px; }

@media screen and (min-width: 640px) {
.foo-pseudo-heading p {font-size: 12vw; margin: 24px auto 32px;}
}

@media screen and (min-width: 989px) {
.foo-pseudo-heading p {font-size: 8vw; margin: 24px auto 32px;}
}

@media screen and (min-width: 1570px) {
.foo-pseudo-heading p {font-size: 6vw; margin: 32px auto 40px;}
}


/* Icons */
.flix .icon-symbol p {text-align:center;}
.flix .icon-symbol p i { color: #a28947; }


/* About us */
#home-about-us-section .av-section-color-overlay {
opacity: .8 !important;
background: #5433FF;
background: -webkit-linear-gradient(to left, #A5FECB, #20BDFF, #5433FF);
background: linear-gradient(to left, #A5FECB, #20BDFF, #5433FF);
}

#home-about-us-section .huge-bold-pseudo-heading p { color: rgb(255 255 255 / 60%);}
#home-about-us-section .ultra-huge-bold-pseudo-heading p { color:#FFF; line-height: .9; font-weight: 500; letter-spacing: 4px;}

@media screen and (min-width:989px) {
#home-about-us-section {background-attachment: fixed !important; }
#home-about-us-section .content {padding-left:8vw !important;}
}







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










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






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

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




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