/*
Theme Name:     look child
Description:    Make your modifications to Look in this child theme.
Template:      	look
Theme URI: 		http://demo.themeruby.com/look
Author: 		Theme-Ruby
Version:        1.0
Author URI: 	https://themeforest.net/user/Theme-Ruby
Tags:           custom-background, custom-menu, editor-style, featured-images, theme-options, custom-colors, translation-ready
License:        license purchased
License URI:    http://themeforest.net/licenses/standard
*/

/* --- ashley@happy-giraffe.com Custom Styles --*/

h1{
	font-family: 'Montserrat', sans-serif !important;
	color: #54d96e;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
}

h2{
	color: #717171;
	text-align: center;
	font-size: 24px;
}

.header-style-2 .logo-image img{
	max-height: 100% !important;
	height: auto !important;
}

@media only screen and (max-width: 1199px) {
	.header-style-2 .logo-image img{
		height: 86px !important;
	}
}

@media only screen and (max-width: 991px) {
	.header-style-2 .logo-image img{
		height: 69px !important;
	}
}

.logo-image:hover{
	opacity: 1;
}

.logo-image:focus{
	opacity: 1;
}

.header-style-2 .header-nav-inner{
	background-color: transparent;
}

.header-background{
	background-color: #1c224e;
	height: 60px;
}
.header-nav-wrap{
	background-color: transparent;
}

.header-logo-wrap{
	text-align: left;
}

.campanile-logo{
	position: absolute;
	top: 20px;
	right: 0;
	background-image: url("../../../img/campanile-logo-block-new.svg");
	background-size: cover;
	height: 40px;
	width: 160px;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1199px) {
	.campanile-logo{
		top: 50px;
	}
}

@media only screen and (max-width: 991px) {
	.campanile-logo{
		width: 120px;
		top: 60px;
	}
	
}

@media only screen and (max-width: 767px) {
	.campanile-logo{
		background-image: url("../../../img/campanile-logo-house-new.svg");
		background-size: contain;
	/*	background-image: url("../../../img/campanile-logo-block-new.svg");*/
		top: -37px;		
		left: 260px;
	}
	
}
@media only screen and (max-width: 441px) {
	.campanile-logo{
		background-image: url("../../../img/campanile-logo-house-new.svg");
		background-size: contain;
		/*background-image: url("../../../img/campanile-logo-block-new.svg");*/
		top: -37px;
		left: 220px;
	}
	
}


.footer-campanile-logo{
	position: absolute;
	bottom: -1.6px;
	background-image: url("../../../img/campanile-logo-block-new.svg");
	height: 40px;
	width: 160px;
	background-repeat: no-repeat;
}

.footer-campanile-logo-row{
	margin-top: 30px;
}

.social-container{
	display: block;
	position: relative;
	margin-top: 20px;
	float: right;
}

@media screen and (max-width: 767px) {
	.social-container{
		display: none;
	}
}

#ruby-banner-search{
	float: left;
	margin-right: 15px;
	margin-top: -2px;
}

#ruby-banner-search .fa-search{
	color: #64cbe8;
}

#ruby-banner-search .fa-search:hover{
	color: #54d96e;
}

.top-social-icons{
	height: 20px;
	width: 20px;
	margin-right: 15px;
	float: left;
}

@media only screen and (max-width: 1199px) {
	.top-social-icons{
		margin-right: 8px;
	}
	#ruby-banner-search{
		margin-right: 8px;
	}
	.main-nav-inner > li > a{
		height: 35px !important;
	}
	.header-background{
		height: 90px;
	}
}
@media only screen and (max-width: 991px) {
	.main-nav-inner > li > a{
		padding: 0 6px !important;
	}

}

@media only screen and (max-width: 766px) {
	.header-background{
		height: 60px;
	}
	.logo-image-mobile img{
		margin-top: 8px;
		max-height: 40px;
		position: absolute;
		left: 110px;
	}
	
}

.top-social-icons.twitter{
	background-image: url("../../../img/twitter-icon.svg");
	display: block;
	background-repeat: no-repeat;
	
}

.top-social-icons.twitter:hover{
	background-image: url("../../../img/twitter-icon-hover-new.svg");
}

.top-social-icons.facebook{
	background-image: url("../../../img/facebook-icon.svg");
	display: block;
	background-repeat: no-repeat;	
}

.top-social-icons.facebook:hover{
	background-image: url("../../../img/facebook-icon-hover-new.svg");
}

.top-social-icons.instagram{
	background-image: url("../../../img/instagram-icon.svg");
	display: block;
	background-repeat: no-repeat;	
}

.top-social-icons.instagram:hover{
	background-image: url("../../../img/instagram-icon-hover-new.svg");
}

.block-title::after{
	background-color: #54d96e;
}

.block-title h3{
	color: #969697;
	font-weight: 700;
	text-transform: uppercase;
}

.main-nav-inner > li > a{
	padding: 0 10px;
}

#footer-extra{
	display: block;
	height: auto;
	padding: 20px 0;
}

.social-text{
	font-family: 'Montserrat', sans-serif;
	color: #9c9c9c;
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
}

@media only screen and (max-width: 766px) {
	.social-text{
		text-align: center;
	}
}

.footer-logos-wrapper{
	float: right;
}

@media only screen and (max-width: 766px) {
	.footer-logos-wrapper{
		float: none;
		width: 300px;
		margin: 0 auto;
	}
}

.premiere-class-logo{
	margin-right: 20px;
}

.social-icons-wrapper{
	float: left;
	margin-top: 20px;
	left: 20px;
}

@media only screen and (max-width: 766px) {
	.social-icons-wrapper{
		float: none;
		margin: 0 auto;
		margin-top: 40px;
		width: 220px;
		margin-bottom: 40px;
		height: 30px;
	}
}

#footer-extra .social-icon{
	float: left;
	margin-right: 20px;
}

#footer-extra .social-icon.facebook{
	background-image: url("../../../img/facebook-footer-icon-new.svg");
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
#footer-extra .social-icon.twitter{
	background-image: url("../../../img/twitter-footer-icon-new.svg");
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
#footer-extra .social-icon.instagram{
	background-image: url("../../../img/instagram-footer-icon-new.svg");
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}

@media only screen and (max-width: 766px) {
	#footer-extra .social-icon{
		margin-right: 0px;
	}
	#footer-extra .social-icon.facebook{
		margin-right: 65px;
	}
	#footer-extra .social-icon.twitter{
		margin-right: 65px;
	}
}

.icon-container{
	width: 1020px;
	display: block;
	margin: 0 auto;
	height: 220px;
}
@media only screen and (max-width: 1999px) {
	.icon-container{
		width: auto;
	}

}

@media only screen and (max-width: 766px) {
	.icon-container{
		height: auto;
	}
}

.icon-wrapper{
	width: 60%;
	margin: 0 35px;
	float: left;
	text-align: center !important;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1999px) {
	.icon-wrapper{
		margin: 0 40px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 1199px) {
	.icon-wrapper{
		margin: 0 30px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 991px) {
	.icon-wrapper{
		margin: 0 22px;
	}

}

@media only screen and (max-width: 766px) {
	.icon-wrapper{
		width: 90%;
		margin: 0 10px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 441px) {
	.icon-wrapper{
		margin: 0 5px;
		margin-bottom: 40px;
	}
}

.icon-wrapper.first{
	margin: 0;
	margin-right: 15px;
}

@media only screen and (max-width: 441px) {
	.icon-wrapper.first{
		margin-right: 0px;
	}
}

.icon-wrapper.last{
	margin: 0;
	margin-left: 15px;
}

.icon-wrapper .icon{
	height: 150px;
}
@media only screen and (max-width: 1199px) {
	.icon-wrapper .icon{
		height: 120px;
	}
}

@media only screen and (max-width: 991px) {
	.icon-wrapper .icon{
		height: 105px;
	}
}
@media only screen and (max-width: 766px) {
	.icon-wrapper .icon{
		height: 180px;
	}
}
@media only screen and (max-width: 441px) {
	.icon-wrapper .icon{
		height: auto;
	}
}

.icon-wrapper .icon.events-icon img{
	padding-top: 20px;
	max-width: 70%;
	transition: max-width 0.2s ease;
}
.icon-wrapper .icon.events-icon img:hover{
	max-width: 80%;
}
.icon-wrapper .icon img{
	max-width: 90%;
	transition: max-width 0.2s ease;
}

.icon-wrapper .icon img:hover{
	max-width: 100%;
}

.icon-wrapper .icon.specials-icon img{
	max-width: 85%;
	transition: max-width 0.2s ease;
}
.icon-wrapper .icon.specials-icon img:hover{
	max-width: 95%;
}

.icon-wrapper .icon.icon-hotel-news img{
	max-width: 70%;
    margin-top: 13%;
	transition: max-width 0.2s ease;
}

.icon-wrapper .icon.icon-hotel-news img:hover{
	max-width: 80%;
}

@media only screen and (max-width: 766px) {
	.icon-wrapper .icon img{
		max-width: 90%;
	}

	.icon-wrapper .icon img:hover{
		max-width: 90%;
	}

	.icon-wrapper .icon.events-icon img{
		max-width: 80%;
	}

	.icon-wrapper .icon.events-icon img:hover{
		max-width: 80%;
	}
	.icon-wrapper .icon.specials-icon img{
		max-width: 85%;
	}

	.icon-wrapper .icon.specials-icon img:hover{
		max-width: 85% !important;
	}

	.icon-wrapper .icon.icon-hotel-news img{
		max-width: 70%;
        margin-bottom: 2.5%;
	}

	.icon-wrapper .icon.icon-hotel-news img:hover{
		max-width: 70%;
	}
}



.icon-wrapper a{
	color: #002a4e;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	margin-top: 20px;
}

.icon-wrapper a:hover{
	text-decoration: underline;
}

.logo-footer{
	position: absolute;
	top: -20px;
}

.column-footer-wrap{
	padding-top: 80px;
}

.header-style-2 .header-logo-wrap{
	height: 120px;
}
@media only screen and (max-width: 1199px) {
	.header-style-2 .header-logo-wrap{
		height: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.header-style-2 .header-logo-wrap {
        display: block;
    }

	.header-logo-mobile-wrap {
        display: none;
    }

	.header-nav-inner .off-canvas-btn-wrap,
    .header-nav-inner .nav-search-wrap {
        display: none !important;
    }

	.main-nav-wrap, .top-bar-wrap {
        display: block !important;
    }
	.single.is-hide-sidebar .sidebar-wrap{
		display: block;
	}

}

@media only screen and (max-width: 767px) {
	.header-style-2 .header-logo-wrap {
        display: none;
    }

	.header-logo-mobile-wrap {
        display: block;
    }

	.header-nav-inner .off-canvas-btn-wrap,
    .header-nav-inner .nav-search-wrap {
        display: block !important;
    }

	.main-nav-wrap, .top-bar-wrap {
        display: none !important;
    }
}

.single .entry{
	margin-left: 30px;
}

.entry ol{
	margin: 0 0 30px 25px;
}

.promo-sidebar{
	display: block;
	background-color: #fff;
	border-top: 10px solid #54d96e;
	border-right: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding-left: 20px;
	padding-right: 20px;
}

.promo-sidebar p{
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 55px;
}

.promo-button{
	display: block;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	width: 50%;
	margin: 20px auto;
}

@media only screen and (max-width: 991px) {
	.promo-sidebar p{
		line-height: 27px;
		margin-top: 15px;
	}
	.promo-button{
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
}

.footer-wrap{
	margin-top: 40px;
}

#sb_instagram #sbi_images{
	padding-top: 0px !important;
}

.footer-inner .cat-item{
	font-size: 16px;
}

.twitter-content.post-excerpt p{
	color: #002a4e;
}

.twitter-content.post-excerpt a{
	color: #54d96e;
}

.twitter-timestamp{
	color: #54d96e;
}

.archive-page-header{
	background-position: center 10px;
	background-size: 180px !important;
	background-repeat: no-repeat;
	height: 200px;
}

.archive-page-header.has-bg-image::before{
	background-color: rgba(24, 24, 24, .0);
}

.archive-title-wrap .archive-title{
	color: #002a4e;
	margin-top: 130px;
}

.is-light-text .post-title{
	text-shadow: 0;
}

.category-sidebar-links-container img{
	text-align: center;
	width: 40%;
	display: block;
	margin: 0 auto;
}

.sidebar-category.sidebar-events{
	width: 35%;
}

.category-sidebar-links-container a{
	text-align: center;
	margin: 20px 0;
}

.category-links{
	margin-bottom: 40px;
}

.category-intro h4{
	text-align: center;
}

@media only screen and (max-width: 766px) {
	.fa.fa-search{
		font-size: 23px;
	}
}

article .single-entry a:not(.button){
	color: #54d96e;
}

.category-27 .post-title h3{
	display: none;
}

.home .post-excerpt{
	text-align: center;
}

.copyright{
	text-align: right;
	margin-top: 20px;
}

.single-author-wrap{
	display: none;
}