/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

h1, h2, h3, h4, h5, h6, #grid-boy {
letter-spacing: 1px !important;
}

/*h1, h2, h3, h4, h5, h6, #grid-boy {
 font-family: "freight-sans-pro",open sans, sans-serif !important;
font-weight:normal !Important;
letter-spacing: 2px !important;
} */

#header .widget{
      right: 30%;
    padding-top: 0;
    position: absolute;
    transform: translate(50%);
text-align:right;
top: 40px;
z-index:999;
}

#icon-floater{
 right: 85%;
    position: absolute;
    transform: translate(50%);
z-index:999;
}

.special_amp{
font-size:1em !important;
font-family:open sans !Important;
font-style: normal !important;
}

#header .widget h3{
 font-family: "freight-sans-pro",open sans, sans-serif !important;
font-weight:500 !Important;
letter-spacing: 1px !important;
font-size:18px !Important;
text-align:center;
color:#555 !Important;
}

.html_bottom_nav_header #top #menu-item-search>a {
    padding: 0 20px !important;
}

.header_color .avia-tt {
background-color: #eee !important;
}

.page-id-533 .normal, .page-id-533 .normal2 {
display:none !Important;
}

.allergy, .allergy2 {
display:none;
}

.normal {
float: left;
padding-right: 5px;
}

.page-id-533 .allergy {
display:block !important;
float: left;
padding-right: 5px;
}

.page-id-533 .allergy2 {
display:block !important;
}

#grid-boy {
border-top:2px white solid;
}

#grid-boy .av-image-caption-overlay {
background: rgba(31, 65, 146, 0.7); 
height:70px;
bottom:0px;
}

#grid-boy .av-image-caption-overlay:hover{
color:#fff !important;
}

.av-main-nav > li > a {
padding:0 24px !important;
}

.bookings {
background-color:#e6e6e6;
padding:8px;
}

.bookings:hover{
background-color:#e3e3e3;
}


/*--------------- MEDIA QUERIES -----------------*/

@media only screen and (max-width: 1750px) {
#grid-boy .av-image-caption-overlay-center p{
font-size:24px;
line-height:1em;
}
}

@media only screen and (max-width: 1510px) {
#grid-boy .av-image-caption-overlay-center p{
font-size:20px;
}

#header .widget{
      right: 20% !important;
}
}

@media only screen and (max-width: 989px) {
#header .widget{
      display:none;
}
}

@media only screen and (max-width: 786px) {
#grid-boy{
display:none;
}

#header .widget{
      right: 40%;
width:230px;
top:60px;
}

#header .widget h3 {
font-size:16px;
}

#header .widget h1, #icon-floater {
display:none;
}
}

@media only screen and (max-width: 530px) {
#header .widget h3 {
font-size:12px;
}
#header .widget{
right: 411%;
width:200px;
}
}

@media only screen and (max-width: 480px) {
#header .widget{
display:none;
}
}