/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

h2 {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
}

h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

h5 {
	text-transform: uppercase;
	font-weight: 600;
	font-family: Lora;
	color: #707070;
	letter-spacing: .5px;
}

h6 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 768px) {
    h2 {
        font-size: 30px;
    }
    
    h3 {
        font-size: 24px;
    }
}

a.nav-link {
	letter-spacing: 1px;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a {
    color: #fff;
}

body.home .fl-page-header-primary a.nav-link {
	color: rgba(255,255,255,0.7);
	transition: color 0.1s ease-in;
}

.video-button a.fl-button i {
	transition: 0.1s color ease-in;
}

.enquire-cta-button a.fl-button {
	transition: 0.1s background ease-in;
}

body.home .fl-page-header-primary .fl-page-header-logo-col {
	display: none;
}

body.home .fl-page-header-primary .fl-page-nav-col {
	width: 100%;
	text-align: center;
	padding-left: 0px;
}

body.home .fl-page-header-primary {
	position: absolute;
	padding: 10px 0;
	z-index: 10;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(67,120,186,1) 0%, rgba(67,120,186,0) 100%);
	background: -webkit-linear-gradient(top, rgba(67,120,186,1) 0%,rgba(67,120,186,0) 100%);
	background: linear-gradient(to bottom, rgba(67,120,186,1) 0%,rgba(67,120,186,0) 100%);
}

.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: 0px;
}

.fl-page-nav-wrap {
    border-top: 0px;
    border-bottom: 0px;
    background: transparent;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    padding: 20px 8px;
}

.fl-page-footer {
	border-top: 0px;
	font-family: Raleway;
}

.fl-page-footer a {
	text-transform: uppercase;
	transition: 0.1s color ease-in;
}

.fl-page-footer .text-left {
	width: 75%;
}

.fl-page-footer .text-right {
	width: 25%;
}

@media only screen and (max-width: 768px) {
    .fl-page-footer .text-left {
        width: 100%;
    }
    
    .fl-page-footer .text-right {
        width: 100%;
    }
}

.fl-page-footer-container {
    padding: 30px 0 0;
}

#fl-to-top {
    background-color: #4379bf;
}

.fl-button-lightbox-wrap .mfp-content {
    background: transparent;
}

.mfp-wrap.fl-button-lightbox-wrap .mfp-close, .mfp-wrap.fl-button-lightbox-wrap .mfp-close:hover {
	color: #fff !important;
}

#fl-to-top:hover {
    background-color: rgba(68,121,187,0.7);
}

.room-col .fl-col-group, .room-col h4, .room-col h5, .room-col i:before {
	transition: 0.1s all ease-in;
}

.room-col:hover .fl-col-group {
	background: #4379bf;
}

.room-col:hover {
	cursor: pointer;
}

.room-col:hover h4 {
	color: rgba(255,255,255,1);
}

.room-col:hover h5 {
	color: rgba(255,255,255,0.6);
}
	
.room-col:hover i:before {
		color: rgba(255,255,255,1) !important;
}

.contact-form-btn {
    font-family: Raleway, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: #4479bb !important;
    padding: 15px 25px 13px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    border: 0px !important;
}

.contact-form-btn:hover {
    opacity: 0.7;
}

.contact-form-btn:active {
    opacity: 0.7;
    position: relative !important;
    top: 1px;
}