/* Hollybush child theme - legacy site rules (git test change) */
/* Site-specific rules that were added directly to the OLD parent theme (Responsive 1.9.5.5 core/css/style.css,
   from the "last 29 days of the month" comment onwards). Moved here so they survive parent upgrades. */

/*The last 29 days of the month are the hardest."- Nikola Tesla*/

/* .leftAlign_grid{
	width: 65% !important;
} */

.rightAlign_grid{
	max-width: calc(35% - 70px) !important;
}

.home_prizes{
    margin: 25px 0 0 0;
	float: left;
	text-align: center;
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.home_prizes img {
	max-width: calc(100% - 20px);
	max-height: 150px;
}

.ftb_widget.ftb_combined{
	float: right;
	width: calc(100% - 12px) !important;	
	max-width: 400px;
}

.prizes_title h2{
	font-size: 13px;
	margin-top: 0;
	/* text-align: left; */
}

.widget-wrapper-footer .textwidget-footer1{
	width: 35% !important;
}

.trip-advisor{
	width: 30% !important;
	display: flex;
    justify-content: center;
    align-items: center;
    min-height: 222px;
}

@media screen and (max-width: 1024px) {
	.leftAlign_grid{
		width: 100% !important;
	}

	.rightAlign_grid{
		max-width: 100% !important;
		margin: 0 !important;
		width: 100%;
	}

	.ftb_widget.ftb_combined {
		max-width: 400px;
		margin: 0 auto;
		float: none;
	}

	.events .rightAlign_grid {
		max-width: 50% !important;
		width: 50%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 600px) {
	.rightAlign_grid{
		width: calc(100% - 15px);
	}

	.widget-wrapper-footer .textwidget-footer1,
	.trip-advisor{
		width: 100% !important;	
	}
}

/* RAFAEL CHANGES - 07/07/2020 - START */

.book_direct_header{
	max-width: 125px;
}

.homepage_logos{
	display: flex;
    float: left;
	width: 100%;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}


.homepage_logos .rightAlign_grid {
    margin-top: 0;
}

.homepage_logos .rightAlign_grid .home_prizes {
	margin-top: 45px;
}

.menutitleDescription{
	margin-top: -20px;
    margin-bottom: 20px;
}

.foodPage .box-item img{
	height: 204px;
}

.good-certificate .box-item{
	width: 100%;
	height: auto;
    min-height: 1px;
}

@media only screen and (max-width: 767px) {
	.home_prizes {
		flex-direction: column;
	}

        .home_logo:not(.last) {
                margin-bottom: 40px;
        }

        .home_prizes img{
               max-width: 100%;
        }

	.home_logo{
		display: inline-block;
		float: none !important;
	}

	.prizes_title {
		width: calc(100% - 22px) !important;
		padding-right: 15px;
		padding-left: 15px;
		margin-left: -15px;
		margin-top: 20px !important;
	}

	.home_logo.last{
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 650px){
	.book_direct_header{
		max-width: 90px !important;
		margin-top: -20px !important;
	}
}

@media only screen and (max-width: 650px){
	#f2b-widget{
		height: auto !important;
    	float: left !important;
    	width: 100% !important;
	}

	#head-centre {
		height: 120px !important;
	}

	.book_direct_header{
		max-width: 90px !important;
		margin-top: 0 !important;
    	margin-right: 20px !important;
	}

	#header {	
		height: 273px !important;
	}
}

@media screen and (max-width: 1078px) {
	/* codiv-19 */
	.page-id-1229 .rooms .box-item{
		min-height: 1px;
	}

	.page-id-1229 .rightAlign_grid.cert {
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.home_prizes #plague {
		margin-left: 0;
	}

	#content-full, #content{
		width: calc(100% - 20px) !important;
	}

	.home_logo {
		width: 25%;
		float: left;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.homepage_logos {
		display: flex;
    	flex-direction: column;
		margin-top: 20px;
	}

	.home_logo a {
		padding: 0 20px;
		display: contents;
	}

	.page-id-1229 .box-wrapper.good-certificate  .box-item{
		padding: 0 !important;
	}

	.page-id-1229 .box-wrapper.good-certificate {
		margin: 0;
		padding: 0;
	}

	.left_cert,
	.rightAlign_grid.cert,
	.grid{
		width: 100% !important;
	}

	.page-id-1229 .box-wrapper.rooms {
		display: flex;
		width: 100%;
		float: left;
		margin-top: 40px;
		justify-content: space-between;
	}

	.page-id-1229 .box-wrapper.rooms .box-item{
		padding: 0;
	}

	.page-id-1229 .box-wrapper.rooms .box-item:not(:first-child){
		margin-left: 20px;
	}

	.page-id-1229 .leftAlign_grid{
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.widget-wrapper-footer .textwidget-footer1 {
		width: 50% !important;
	}

	.trip-advisor{
		width: 100% !important;
	}
}

@media screen and (max-width: 650px) {
	.page-id-1229 .box-wrapper.rooms{
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.page-id-1229 .box-wrapper.rooms .box-item{
		margin: 0 0 30px 0 !important;
		width: calc(50% - 20px);
	}

	.page-id-1229 .rightAlign_grid.cert{
		margin-top: 20px !important;
	}
/* 
	.home_prizes {
		flex-direction: column;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.home_logo a {
		padding: 20px;
		display: block;
	} */

	.home_logo {
		width: 50% !important;
	}

	.home_logo a {
		padding: 20px;
		display: inline-table;
	}
}

@media screen and (max-width: 500px) {
	.widget-wrapper-footer .textwidget-footer1 {
		width: 100% !important;
	}
}

@media screen and (max-width: 480px) {

	

	.page-id-1229 .rightAlign_grid.cert {
		flex-direction: column;
	}

	.page-id-1229 .box-wrapper.rooms{
		flex-direction: column;
	}

	.page-id-1229 .box-wrapper.rooms .box-item{
		width: 100%;
	}

	.page-id-1229 .box-wrapper.rooms .box-item img{
		margin: 0 auto;
		display: block;
	}
}

#container #header {
    height: 260px;
}

#container #head-centre {
    height: 145px ;
}

@media screen and (max-width: 650px)
{
	#container #header {
		height: 270px !important;
	}

	#container #head-centre {
		height: 145px !important;
	}
}

.room-subtitle {
    margin-bottom: 10px;
    margin-top: -5px;
    font-weight: bold;
    color: #889988;
}

@media screen and (max-width: 980px){
    #content .box-item:nth-child(1) .room-subtitle + p, 
    #content .box-item:nth-child(2) .room-subtitle + p{
         min-height: 80px !important;
    }

    #content .box-item:nth-child(3) .room-subtitle + p,
    #content .box-item:nth-child(4) .room-subtitle + p{
         min-height: 80px !important;
    }

    #content .box-item:nth-child(5) .room-subtitle + p, 
    #content .box-item:nth-child(6) .room-subtitle + p {
         min-height: 80px !important;
    }
}

@media screen and (max-width: 568px){
    #content .box-item:nth-child(1) .room-subtitle + p, 
    #content .box-item:nth-child(2) .room-subtitle + p,
    #content .box-item:nth-child(3) .room-subtitle + p,
    #content .box-item:nth-child(4) .room-subtitle + p,
    #content .box-item:nth-child(5) .room-subtitle + p, 
    #content .box-item:nth-child(6) .room-subtitle + p {
         min-height: 1px !important;
    }

    .rooms .box-item {
         min-height: 1px !important;
    }
}

.event_item {
    display: flex;
	margin-bottom: 40px;
}

.event_date,
.event_header{
	font-size: 20px;
}

.event_date {
    line-height: 28px;
	text-align: center;
}

.event_date__info {
    width: 250px;
    display: flex;
    flex-direction: column;
	background: #889988;
	padding: 20px;
    color: white;
    font-weight: bold;
}

.event_content {
    width: 100%;
	padding: 20px 40px 40px 40px;
	border-left: none;
}

.event_header {
    margin-bottom: 10px;
    font-weight: bold;
}

.event_content {
    background: #efefef;
}

.event_content img {
    margin: 20px auto 0 auto;
	display: block;
}
/* Typography carried over from the OLD parent (Responsive 1.9.5.5). Responsive 6.x changed the body font to the
   system stack at 18px, resized headings, and made headings #333. Restore the old look. */
body,
button,
input,
select,
textarea {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6,
.site-title {
	color: inherit;
	line-height: 1.0em;
}

/* The old em sizes compounded from the 14px body (e.g. h1 = 2.625em x 14px), so use the real px values. */
body h1 { font-size: 36.75px; margin-top: .5em; margin-bottom: .5em; }
body h2 { font-size: 31.5px; margin-top: .75em; margin-bottom: .75em; }
body h3, body .site-title { font-size: 26.25px; margin-top: .857em; margin-bottom: .857em; }
body h4 { font-size: 21px; margin-top: 1em; margin-bottom: 1em; }
body h5 { font-size: 15.75px; margin-top: 1.125em; margin-bottom: 1.125em; }
body h6 { font-size: 14px; margin-top: 1.285em; margin-bottom: 1.285em; }

/* Header contact box (#phone is 1em / 0.8em of this) */
#check { font-size: 14px; line-height: 1.5em; }

/* Footer headings were white (inherited from .textwidget-footer1) */
.widget-wrapper-footer .textwidget-footer1 h1,
.widget-wrapper-footer .textwidget-footer1 h2,
.widget-wrapper-footer .textwidget-footer1 h3 {
	color: #FFF;
}

/* Responsive 6.x pads .hentry in "boxed" site style (28px, plus tablet/mobile variants); the old parent didn't. */
.responsive-site-style-boxed .hentry,
.responsive-site-style-content-boxed .hentry {
	padding: 0;
}

/* Responsive 6.x zeroes margin-top on :first-child headings and h1.entry-title; the old parent didn't. */
#content-full h1,
#content h1 {
	margin-top: .5em;
	margin-bottom: .5em;
}
