/*!
Theme Name: PechengaGid
Theme URI: http://underscores.me/
Author: AtmaGroup
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pechengagid
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

PechengaGid is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

body {
	font-family: Montserrat, sans-serif;
	font-size: 26px;
}
header {
	height: 75px;
}
.container {
	max-width: 1140px;
	margin: 0 auto;
}
a {
	text-decoration: none;
	color: rgba(0, 0, 0, 0.87);
}
h2 {
	font-size: 36px;
	text-align: center;
	margin: 50px 0 36px;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.navBar {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	z-index: 1;
	position: fixed;
	width: 100%;
	background: #fff;
	/*top: 0;*/
}
.navBar > .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 75px;
}
.subLogo img {
	max-height: 50px;
	width: auto;
}
.menu, .navigation {
	display: flex;
	font-size: 20px;
}
.menu > *:not(:last-child) {
	margin-right: 26px;
}
/*.menu-item-home {*/
/*	font-size: 24px;*/
/*}*/
/*.menu-item-home:not(:last-child){*/
/*	margin-right: 26px;*/
/*}*/
/*.menu-item-home.selected {*/
/*	font-weight: 500;*/
/*}*/
.search-bar input {
	display: none;
}
.search-bar > button {
	border: 0;
	background: none;
	font-size: 24px;
}
.slider {
	position: relative;
	background: red;
}
.sliderImages {
	height: 100%;
}
.sliderImage {
	height: 100%;
	width: 100%;
}
.sliderImage.image1 {
	background: url("/img/testForSlider.png") center;
	background-size: cover;
	background-position-y: bottom;
}
.markers {
	display: flex;
	position: absolute;
	bottom: 0;
	width: 100%;
	justify-content: center;
	align-items: flex-end;
}
.marker {
	width: 300px;
	height: 10px;
	background: #979799;
	border-radius: 20px 20px 0 0;
	margin: 0 10px;
}
.marker.selected {
	height: 20px;
	background: #01AEF0;
}
.attractionsList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	width: 100%;
}
.attractions {
	padding-top: 75px;
}
.location {
	height: 375px;
	background: rgba(151, 151, 153, .21);
	border-radius: 20px;
	margin-top: 30px;
	transition: height .3s, margin-top .3s, background .3s;
}
.location:hover {
	margin-top: 0;
	height: 378px;
	background: rgba(1,174,240,.55);
}
.location > .photo {
	background: url(https://images.unsplash.com/photo-1448375240586-882707db888b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
	background-size: cover;
	height: 200px;
	width: 100%;
	border: 2px solid #EE1C25;
	border-radius: 20px;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.location > h3 {
	text-align: center;
	font-size: 22px;
	font-weight: 300;
}
.popularLocationPhoto {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 2fr 1fr 1fr;
}
.popularPhoto {
	background: #ccc;
	background: url("https://upload.wikimedia.org/wikipedia/commons/8/8a/View_from_Liinakhamari_to_Pechenga.JPG");
	background-size: cover;
	border-radius: 20px;
	position: relative;
	height: 100%;
}
.popularLocationPhoto > *:nth-child(5n - 4) {
	grid-row: span 2;
	height: 400px;
}
.popularPhoto::after {
	position: absolute;
	content: attr(data-text);
	transition: height .3s, padding .3s;
	height: 0;
	line-height: 1.3;
	bottom: 0;
	background: rgba(1,174,240,.8);
	font-size: 16px;
	width: 100%;
	padding: 0 12px;
	overflow: hidden;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	font-family: Montserrat, sans-serif;
	color: #fff;
}
.popularPhoto:hover::after {
	height: 50%;
	padding: 20px 12px;
}
.popularLocationPhoto > a:nth-child(5n - 4) > .popularPhoto::after {
	font-size: 26px;
}
img {
	width: 100%;
	height: auto;
}
.search, #search-2 {
	margin: 35px 0;
	background: #01AEF0;
	padding: 40px 0;
}
.search-body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.search-body > * {
	border-radius: 20px;
	background-color: #ccc;
	padding: 20px;
}
.search-body {

}
body.search {
	background: #fff;
	margin: 0;
	padding: 0;
}
.search h2, .widget-title {
	margin: 0;
	color: #fff;
}
strong {
	font-weight: 600;
	margin-top: 30px;
	/*display: inline-block;*/
}
.search-description {
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin: 5px 0;
}
.search form, .search-form {
	margin: 40px auto;
	display: flex;
	justify-content: center;
	width: 1000px;
}
.search label {
	width: 523px;
	margin-right: 25px;
}
.search input {
	width: 100%;
	height: 100%;
	border: 1px solid #EB1D22;
	border-radius: 30px;
	background: #fff;
	transition: color .3s;
}
.callback input {
	width: 100%;
	height: 100%;
	margin: 10px 0;
	min-height: 30px;
	border: 1px solid #EB1D22;
	border-radius: 30px;
	color: #fff;
	transition: color .3s;
}
.search input[placeholder] {
	padding: 0 23px;
	color: rgba(0,0,0,.33);
	font-size: 22px;
	font-family: Montserrat, sans-serif;
	font-weight: 300;
	box-sizing: border-box;
}
.search input[placeholder]:hover {
	color: rgba(0, 0, 0, 0.86);
}
.search input[placeholder]:focus {
	color: #000;
}
form p {
	margin: 10px 0;
}
button, input[type='submit'] {
	padding: 15px 90px;
	background: #EB1D22;
	border-radius: 30px;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 300;
	font-size: 22px;
	border: 0;
	box-shadow: 0 3px 3px rgba(0,0,0,.29);
	transition: background .3s;
}
textarea {
	width: 100%;
	border-radius: 20px 20px 0 20px;
	border: 1px solid red;
}
.search button:hover {
	background: #BA0005;
}
.importantInformationContent {
	display: grid;
	text-decoration: none;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}
.importantInformationItem:nth-child(4n-2) {
	grid-row: span 2;
	height: 100%;
}
.importantInformationItem:nth-child(4n) {
	grid-column: span 2;
}
.importantInformationItem {
	transition: background .3s;
	text-align: center;
}
.emergencyServices {
	background: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1556474835-47da4fcf709c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
}
.authorities {
	background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1554844344-c34ea04258c4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=564&q=80);
}
.transport {
	background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1509749837427-ac94a2553d0e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
}
.tourismInfrastructureFacilities {
	background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1494491784568-f5188621923a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1349&q=80);
}

.emergencyServices:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1556474835-47da4fcf709c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
}
.authorities:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1554844344-c34ea04258c4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=564&q=80);
}
.transport:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1509749837427-ac94a2553d0e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
}
.tourismInfrastructureFacilities:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://images.unsplash.com/photo-1494491784568-f5188621923a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1349&q=80);
}
.importantInformationItem:hover {
	background-size: cover;
	background-position-y: center;
}
.importantInformationItem {
	height: 100px;
	border-radius: 20px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-size: cover;
	background-position-y: center;
	font-weight: 500;
}
.mapContainer {
	height: 517px;
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	background-image: url("img/Snipaste_2019-10-18_14-49-49.png");
	border-radius: 20px;
}
footer {
	margin-top: 60px;
	background: #01AEF0;
	min-height: 150px;
}
#footer {
	padding: 30px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 60px;
	color: #484848;
}
.aboutTitle {
	font-size: 22px;
	margin-bottom: 15px;
}
.aboutText {
	font-size: 20px;
	font-weight: 200;
}
.atmagroup {
	padding: 45px 0 0;
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	flex-wrap: wrap;
}
.atmasign {
	margin-bottom: 30px;
}
.atmasign > span {
	font-weight: 600;
}
.rights {
	font-size: 16px;
	font-weight: 200;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
	max-width: inherit !important;
}

.hamburger-menu {
	display: none;
}
.menuLine {
	height: 5px;
	width: 40px;
	display: block;
	background:
			#000;
	margin: 3px 0;
}
#callback {
	padding-top: 75px;
}
#map {
	padding-top: 75px;
	height: 500px;
}
.markerTitle {
	font-weight: 500;
}
.gm-style-iw {
	max-width: 374px!important;
	height: auto!important;
}
.gm-style-iw-d {
	max-height: inherit!important;
}
@media screen and (max-width: 710px) {
	#n2-ss-2-arrow-previous, #n2-ss-2-arrow-next {
		display: none;
	}
	h2 {
		font-size: 20px;
	}
	.container {
		padding: 10px;
	}
	.navBar > .container {
		padding: 0 30px;
		box-sizing: border-box;
		flex-wrap: wrap;
	}
	#footer {
		margin: 0 10px;
		grid-template-columns: 1fr;
		justify-items: center;
	}
	#footer img {
		width: 100%;
	}
	.popularLocationPhoto {
		grid-template-columns: 1fr;

	}
	.popularPhoto,.popularPhoto:nth-child(5n-4) {
		height: 190px;
	}
	.popularPhoto:nth-child(5n-img4):after {
		font-size: 16px;
	}
	.popularPhoto:after {
		height: 50%;
	}
	.attractionsList {
		grid-template-columns: 1fr;
	}
	.popularLocationPhoto > :nth-child(5n-4) {
		grid-row: span 1;
		height: auto;
	}
	.n2-ss-widget-display-mobile {
		display: none;
	}
	.search-body {
		grid-template-columns: 1fr;
	}
	.popularLocationPhoto > a:nth-child(5n-4) > .popularPhoto::after {
		font-size: 16px;
	}
	.search label {
		margin: 0 0 40px;
	}
	.search form, .search-form {
		flex-wrap: wrap;
		width: 100%;
	}
	.search input[placeholder] {
		height: 40px;
	}
	.importantInformationContent {
		grid-template-columns: 100%;
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}
	.importantInformationItem:nth-child(4n) {
		grid-column: span 1;
	}
	.importantInformationItem:nth-child(4n-2) {
		grid-row: span 1;
		height: 100%;
	}
	.menu {
		display: none;
	}
	.subLogo {
		display: none;
	}
	.imagesBlock {
		justify-content: center;
	}
	.hamburger-menu {
		display: inline-block;
	}
	div#n2-ss-2 .n-uc-mG2k8HLSPV4a-inner {
		background: RGBA(255, 255, 255, 0.54);
	}
}
#menu:target {
	display: block;
}
.postContent {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.postContent > * {
	max-width: 545px;
	width: 100%;
}
.search-body .entry-title {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 300;
}
main header {
	height: auto;
}
.post-thumbnail {
	display: block;
	height: 300px;
}
.post-thumbnail img {
	height: 300px;
}
.contentPostArchive {
	grid-template-columns: 1fr 1fr;
}
.postMap {
	border-radius: 20px;
	background-color: red;
	height: 500px;
	width: 100%;
}
.postTitle {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
}
.entry-titleArchive > a {
	font-size: 24px;
	color: #fff;
}
.contentPostArchive {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}
.contentPostArchive>* {
	text-align: center;
	background:
			#01aef0;
	border-radius: 20px;
	min-height: 300px;
	color:
			#fff;
	font-weight: 500;
	padding: 0 0 25px;
	transition: background .3s;
}
.contentPostArchive > *:hover {
	background: #0188b9;
}
.contentPostArchive .photo {
	background-image: url('https://visitpechenga.ru/wp-content/uploads/2019/10/64_Памятник_разведчикам_Лиинахамари-205x300.jpg');
	height: 282px;
	border-radius: 20px;
	margin-bottom: 20px;
	border: 2px solid
	red;
	background-size: cover;
	background-position: center;
}
.page-title {
	margin-top: 30px;
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
}
.postContent {
	font-weight: 300;
	font-size: 24px;
}

.postText img {
	margin-top: 40px;
	border-radius: 20px;
	max-width: 200px;
	max-height: 200px;
}
.navigatePost {
	display: flex;
	justify-content: space-between;
	margin: 20px;
}
.navigatePost  > * {
	background-color: #EB1D22;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	padding: 12px 25px;
	border-radius: 20px;
	min-width: 100px;
	text-align: center;
}
.wp-block-gallery {
	margin-top: 40px;
}
.noActive {
	background-color: #560003;
}
.imagesBlock {
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imagesBlock img {
	border-radius: 20px;
	border: 2px solid red;
}
.wpml-ls-item {
	position: relative;
}
.sub-menu{
	position: absolute;
	height: 0;
	overflow: hidden;
	transition: height .5s;
	background-color: #fff;
	padding: 10px;
	left: -10px;
}
.wpml-ls-item:hover .sub-menu {
	height: auto;
}
.postImageUrl {
	margin-top: 40px;
}
.siteLogo {
	height: 50px;
	max-width: 276px;
	width: auto;
}
.partnerLogo {
	max-width: 100%;
}
.entry-title {
	text-align: center;
	font-size: 36px;
	margin-top: 40px;
	font-weight: 700;
}
.entry-footer {
	background: #ccc;
	text-align: center;
}
.entry-content {
	line-height: 38px;
}
.entry-content p {
	margin: 25px 0;
}