table[class*='gridlayout']{
	margin: -8px !important;
	margin-bottom: -8px !important;
	width: calc(100% + 16px) !important;
}
@media screen and (max-width:1050px){
	table[class*='gridlayout']{
		margin: -10px !important;
		width: 100% !important;
	}	
}

[class*='cols-row']{
	height: 160px !important;

}
[class*='cols-cell']{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
}

/* XXX quickfix!!! */
table.gridlayout-3cols>tbody>tr:nth-last-child(1)>td[rowspan="2"] {
    height: 330px !important;
}

.item{
	display: block;
/*	height: 100%;*/
	width: 100%;
	padding: 0;
	margin: 0;
}

.item.item-template-image{
	display: flex;
}

.item-image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.item-template-complex .item-image{
	min-height: 170px;
	width: 100%;
	
}

.item .item-text-container{
	width: 100%;
	display: block;
	padding: 15px;
	padding-top: 10px;
	overflow: hidden;
	height: 100%;
}

.item-image.thumb + .item-text-container{
	width: 51.5% !important;
	display: table !important;
}
.item-image.thumb + .item-text-container .item-title{
	display: table-cell !important;
	vertical-align: middle !important;
}
.item-image.full + .item-text-container{
	position: absolute;
	bottom: 0;
	left: 0;
	/*height: 160px; /* size of one grid without the bottom margin*/
	height: auto;
	background: rgba(39, 57, 97, 0.7);
	color: white;
}
.item:hover .item-text-container{
	background: #344b80;
	color: white;
}
.item-text-container .item-title{
	font-family: "Source Sans Pro";
	font-weight: "800";
	font-size: 29px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

.item-title.nobot{
	margin-bottom: 0;
}

.item-text-container .item-text{
	display: block;
	width: 100%;
	font-family: "Source Sans Pro";
	font-weight: 300;
}
.item-button{
	position: absolute;
	right: 5px;
	bottom: 8px;
	height: 20px;
	width: 20px;
	z-index: 500;
}
	.item:hover .item-button, .postcard_item:hover .item-button{
		background-image: url("/parameters/hetedhetorszag/templates/images/r_arrow_white.png") !important;
		cursor: pointer;
	}
.item.item-template-image .item-text-container .item-text{
	display: none;
}

.item.item-template-basicdark{
    background-color: #344B80;
    color: white;
}

.item.item-template-basicdark:hover .item-text-container {
    background-color: white;
    color: black;
}

.item.item-template-basicdark:hover .item-button {
	background-image: url("/parameters/hetedhetorszag/templates/images/r_arrow_orange.png") !important;
}

.item.item-template-titledark{
    background-color: #344B80;
    color: white;
}

.block-content {
	padding: 15px !important;
}

.block-title {
	font-weight: 800;
	padding: 0;
	margin: 0;
	font-size: 24px;
	text-transform: uppercase;
}

.block-subtitle {
	font-size: 17px;
	font-weight: 800;
	padding: 0;
	margin: 0;
	font-size: 17px;
	margin-bottom: 5px;
}

.block-date {
	font-style: italic;
	font-size: 90%;
	margin-bottom: 0;
}

.fancy-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.fancy-list li {
	overflow: hidden;
	position: relative;
	font-weight: 300;
	font-size: 17px;
	color: black;
	display: block;
	width: 100%;
	background: #efefef;
	margin: 0 0 2px 0;
	padding: 0 1px 0 5px;
}
.fancy-list li a {
	display: block;
	margin-right: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: .3s;	
}
.fancy-list li a:hover{
	padding-left: 4px;
	transition: .3s;
	color: #FF8001;
	
}
.fancy-list li a:after {
	/*
	content: url("/parameters/hetedhetorszag/templates/images/r_arrow_orange.png") !important;
	*/
	content: "navigate_next";
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	top: 1px;
	right: 4px;
	height: 19px;
	width: 19px;
	transition: .3s;
}
.fancy-list li a:hover:after {
	color: #FF8001;
	transition: .3s;
}
	
.abslbtn{
	position: absolute;
	right: 5px;
	bottom: 5px;
}	
.newssgn{
	margin-top: 5px;
	margin-bottom: 5px;
}

 input[type='email'], input[type='text'], textarea, input[type='password']{
	padding: 0;
	margin: 0;
	border: 0;
	background: white;
	border-radius: 5px;
	font-weight: 700;
	font-size: 17px;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	border: 1px solid #ddd9d5;
}
.newssgn input[type='email']{
	width: 92%;
	color: #344c80;
}
.searchb a{
	padding-top: 15px;
	display: block;
	width: 130px;
}

.fullsize{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.bluebg{
	background-color: #344b80 !important;
	color: white !important;
}

.flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;	
}

.postcard_item{
	height: 256px;
	width: 256px;
	display: table-cell;
	vertical-align: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	padding: 5px;
}
.postcard_item .text{
	vertical-align: bottom;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
	display: block;
	background: rgba(52,75,128,0.6);
	position: relative;
	bottom: 40px;

}

.rate-value-container {
    display: inline-block;
    width: 125px;
    height: 25px;
    background-image: url("/parameters/hetedhetorszag/templates/_js/3rdparty/star.png");
    background-repeat: x-repeat;
    background-position: 0 0;
}

.rate-value-level {
    display: block;
    margin: 0 auto 0 0;
    height: 25px;
    background-image: url("/parameters/hetedhetorszag/templates/_js/3rdparty/star.png");
    background-repeat: x-repeat;
    background-position: 0 25px;
}

.main-column-separator {
    clear: both;
    margin: 5px 0;
    height: 2px;
    background-color: #DDDDDD;
}

.main-column-separator hr {
    display: none;
}

.calendar-container {
}

.calendar-header {
   /*overflow: hidden;
    color: #354C80;
    margin-bottom: 15px;
	*/
}

.calendar-header-left {
    float: left;
    line-height: 20px;
}

.calendar-header-right {
    float: right;
    line-height: 20px;
}

.calendar-previous {
    display: inline-block;
    overflow: hidden;
    vertical-align: baseline;
    margin-right: 3px;
}

.calendar-previous a {
    display: block;
    overflow: hidden;
    position: relative;
	background-color: #EFEFEF;
}

.calendar-previous a span {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 10px;
    height: 10px;
}

.calendar-monthlabel {
    display: inline;
}

.calendar-yearlabel {
    display: inline;
    overflow: hidden;
    font-size: 70%;
}

.calendar-next {
    display: inline-block;
    overflow: hidden;
    vertical-align: baseline;
    margin-left: 3px;
}

.calendar-next a {
    display: block;
    overflow: hidden;
    position: relative;
	background-color: #EFEFEF;

}

.calendar-next a span {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 10px;
    height: 10px;
}

.calendar-days {
    overflow: hidden;
	display: inline-block;
}

.calendar-container{
	display: block;
	width: 100%;
	height: 100%;
}

.calendar-day {
    float: left;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    padding: 3px 5px;
    /*width: 40px;*/
	
	width: calc(100% / 7 - 5px);
	
	
    height: 32px;
    background-color: #EFEFEF;
    font-size: 17px;
    font-weight: bold;
    color: #344B7F;
	position: relative;
}

.calendar-day.event{
	background: #FF8000;
	color: white;
}
.calendar-day a{
	display: block;
	height: 100%;
	width: 100%;
}
.calendar-day-current {
    background-color: #344B7F !important;
    color: #FFFFFF !important;
}

.calendar-days-firstday-mon .calendar-day:first-child{
	margin-left: 0px;
}
.calendar-days-firstday-tue .calendar-day:first-child{
	margin-left: calc(1 * (100% / 7));
}
.calendar-days-firstday-wed .calendar-day:first-child{
	margin-left: calc(2 * (100% / 7));
}
.calendar-days-firstday-thu .calendar-day:first-child{
	margin-left: calc(3 * (100% / 7));
}
.calendar-days-firstday-fri .calendar-day:first-child{
	margin-left: calc(4 * (100% / 7));
}
.calendar-days-firstday-sat .calendar-day:first-child{
	margin-left: calc(5 * (100% / 7));
}
.calendar-days-firstday-sun .calendar-day:first-child{
	margin-left: calc(6 * (100% / 7));
}


.region-selector-box {
    background-color: #EFEFEF;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

.region-selector-box h3 {
    position: absolute;
    top: 30px;
    left: 35px;
    z-index: 10;
    margin: 0;
    padding: 0;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}

.region-selector {
    border: 1px solid #DDD9D5;
    background-color: #FFFFFF;
}

.squares{
	display: table;
	table-layout: fixed;
}
.squares .item{
	height: 260px;
	width: 260px;
	display: table-cell;
	position: relative;
}
.squares .item .item-image{
	position: absolute;
	top: 0;
	left: 0;
	height: 260px;
	width: 100%;
	z-index: 20;
}
.squares .item .item-text-container .item-title{
    vertical-align: bottom;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    display: block;
    background: rgba(52,75,128,0.6);
    position: relative;
    bottom: 10px;
	z-index: 50;
}
.squares .item .item-text-container .item-button{
	display: none;
}


.item{
	position: relative;
}

.item-text-container.wb{
	background: white !important;
	color: black !important;
}
.item:hover .item-text-container.wb{
	background: #344b80 !important;
	color: white !important;	
}



.event-blob {
    height: 16px;
    width: 16px;
    background: #323284;
    border-radius: 10px;
    font-size: 12px;
    display: block;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
}
.calendar-day-current .event-blob {
    height: 16px;
    width: 16px;
    background: #FF8000;
    border-radius: 10px;
    font-size: 12px;
    display: block;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.eventinfo{
	height: 75px;
	width: 130px;
	text-align: center;
	border: 1px solid black;
	padding: 10px;
	font-size: 18px;
	text-decoration: underline;
	
}

.cmntsub{
	background: #344b80;
	border: 1px solid #ddd9d5;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;

	font-size: 18px;
	font-weight: 300;
	color: white !important;
	text-decoration: none !important;
	cursor: pointer;
}

.o{
	color: #FF8000;
}

.favorite-button {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    min-height: 30px;
    overflow: hidden;
    padding: 8px 8px 8px 30px;
    background-repeat: no-repeat;
    background-position: 5px 7px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    text-decoration: none !important;
}

.favorite-button-mark {
    background-image: url("/parameters/hetedhetorszag/templates/images/favorite.png");
    background-color: #BEBAB8;
    color: white !important;
}

.favorite-button-mark:hover {
    background-color: #FF8000 !important;
}

.favorite-button-unmark {
    background-image: url("/parameters/hetedhetorszag/templates/images/favorite.png");
    background-color: #FF8000;
    color: white !important;
}

.favorite-button-unmark:hover {
    background-color: #FF8000 !important;
}




.squares a .item .item-text-container, .squares a .item:hover .item-text-container{
	background: none !important;
}



@media print {
    
    .no-print {
        display: none;
    }
    
}

.pn-printing .no-print {
    display: none;
}


.print-only {
    display: none;
}

.print-preview {
    display: none;
}

@media print {
    
    .print-only {
        display: initial;
    }
    
}

.pn-printing .print-only, .pn-printing .print-preview {
    display: initial;
}