.headerContainer {
width: var(--pageWidth);
max-width: 100%;
margin: 0px auto;
background-color: #fff;
padding: 0 30px;
}
#masthead {
height: var(--headerHeight);
background-color: transparent;
}
#masthead {
height: 60px
}
#masthead.topEdge {
height: var(--headerHeight)
}
.booknowHead.borderedBtn img {
width: 26px
}
.booknowHead.borderedBtn {
padding: 9px 29px;
font-weight: 400;
border-radius: 30px;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.3s;
justify-content: center;
}
.topEdge .booknowHead.borderedBtn {
padding-top: 9px !important;
padding-bottom: 9px !important;
}
.nav-down .booknowHead.borderedBtn {
padding-top: 5px;
padding-bottom: 5px;
}
.booknowHead.borderedBtn {
padding: 5px 20px;
font-weight: bold;
background-color: var(--darkblue);
border-color: var(--darkblue);
margin-left: 10px;
color: #fff;
}
.booknowHead.borderedBtn:hover {
text-decoration: none;
background-color: var(--maincolor);
border-color: #fff
}
.topEdge .header-logo img {
height: 67px;
transition: all 0.2s;
}
.header-logo img {
height: 40px;
}
#masthead>div {
height: 100%;
}
#content {
padding-top: var(--headerHeight)
}
#content:before {
content: '';
display: block;
height: var(--headerHeight);
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.headerLeft {
width: 355px;
display: flex;
align-items: center;
}
.headerCenter {
width: auto;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
.headerRight {
width: 355px;
display: flex;
padding-left: 0px;
padding-right: 0px;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
font-weight: 500;
}
.booknowHead {
font-size: 18px;
line-height: 24px;
margin-left: 30px;
border-color: #fff;
background-color: transparent
}
.site-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-overflow-scrolling: touch;
height: auto;
transition: all 0.2s ease-in-out;
width: 100%;
}
.headerWrapper {
display: flex;
justify-content: space-between;
align-items: center;
align-content: space-between;
height: 100%;
}
#wrapper:before {
content: '';
width: 100%;
height: 100px;
background: var(--darkblue);
background: transparent;
position: absolute;
left: 0;
top: 0
}
@media screen and (max-width:990px) {
#wrapper:before {
height: 78px
}
}
.headerWrapper.header2 .header-logo {
order: 2
}
.headerWrapper.header2 .main-navigation {
order: 1
}
.headerWrapper.header2 .headerContact {
order: 3
}
.header2 ul.primary-menu {
justify-content: flex-start;
}
.header2 .main-navigation {
width: auto
}
.nav-up {
top: -100px;
}
.topEdge.nav-up {
top: 0px;
}
.main-navigation {
border: 0;
text-align: center;
}
.headerContact {
width: auto;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.headContactBtn {
display: flex;
align-items: center
}
.headContactBtn .booknowHead {
border: 0 !important
}
.headContactBtn .booknowHead span {
margin-left: 10px;
font-weight: 400;
}
.headContactBtn img.googleReview {
width: 87px !important
}
.phoneNav {
margin-right: 0;
}
.phoneNav img {
width: 29px;
}
.phoneNav {
display: flex;
flex-direction: row;
align-items: center;
}
.phoneNav span {
padding-left: 14px;
}
.headerMobLogo {
background-color: var(--maincolor);
padding: 40px 0 20px;
}
.headerMobLogo img {
width: 150px;
}