/*
Theme name: New Hotel Theme
Description: Custom Theme
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

p {  }

.pin-content { display: none; }

/* ------------------------------------------------------------ *\ 
	- NEW Category Page
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\ 
	- [Main] [Category]
\* ------------------------------------------------------------ */

.section.section--category .section-head { padding: 25px 0; }
.section.section--category .section-head strong { color: #891a37; font-weight: 400; }
.section.section--category .section-head h1 { font-size: 30px; }

/* ------------------------------------------------------------ *\ 
	- Category
\* ------------------------------------------------------------ */

.list-category { width: 100%; position: relative; overflow: hidden; max-width: 970px; margin: 0 auto 46px; }
.list-category .list__head { max-width: 540px; margin: 0 auto; padding: 10px 0 30px 0; text-align: center; }
.list-category .list__body { font-size: 0; line-height: 0; width: 100%; position: relative; overflow: hidden; }
.list-category .list__body > ul { position: relative; margin: -20px; }
.list-category .list__body > ul > li { display: inline-block; vertical-align: top; width: 50%; padding: 20px; }

@media (max-width: 767px) {
	.list-category .list__body > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\ 
	- Category
\* ------------------------------------------------------------ */

.article-category { width: 100%; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.article-category { height: 235px; font-size: 15px; line-height: 1.80; }
.article-category > * { width: 100%; position: relative; z-index: 10; }
.article-category > a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; z-index: 20; }

.article-category .article__image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-size: cover; background-position: center center; }
.article-category .article__image { background-repeat: no-repeat; } 
.article-category .article__image {
	-webkit-transition: transform 0.4s;
			transition: transform 0.4s;
} 
.article-category .article__image:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.61); }

.article-category .article__body { text-align: center; color: white; padding: 10px; }
.article-category .article__body h2 { margin-bottom: 5px; }

body:not(.is-touch) .article-category:hover .article__image {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}


@media (min-width: 0px){
	.slider-primary ul.slides { height: 600px; }
	.slider-primary .slide-image img { max-height: 600px; height: auto; }
}

@media (min-width: 1390px){
	.slider-primary ul.slides { height: 800px; }
	.slider-primary .slide-image img { max-height: 800px; height: 800px; }
}

@media (max-width: 767px) {
	.logo.logo--large { width: 140px; }
	.header .logo.logo--large+.header-group { width: auto; }
}

/* ------------------------------------------------------------ *\
	.section-map-primary
\* ------------------------------------------------------------ */

.section-map-primary  { height: auto; max-height: 385px; }