/*!
Theme Name: reise_hospitality
Theme URI: http://reise_hospitality/
Author: reise_hospitality.me
Author URI: http://reise_hospitality/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reise_hospitality
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.

reise_hospitality is based on reise_hospitality https://reise_hospitality/, (C) 2012-2020 Automattic, Inc.
reise_hospitality 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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */
.project-area {
  padding:60px 0px;
}
[class*=" imghvr-"]>img, [class^=imghvr-]>img {
  height: 290px;
  width: 100%;
  object-fit: cover;
}
.imghvr-fade {
  width: 100%;
}
.experience-area .counter-up {
  padding:40px 0px;
}
.img-gallery img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  transition: all .250s;
}
textarea.form-control {
  max-height: 130px;
}
.service-details-content ul li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 8px;
}
.service-details-content ul li:after {
  position: absolute;
    left: 0px;
    top: 3px;
    content: "\f05d";
    font-size: 14px;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #2ab1ad;
}

.header-top {
  padding: 10px 0px;
  font-size: 13px;
  background-color: #2ab1ad;
  color: #fff;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top i {
  margin-right: 10px;
}
header#home {
  max-height: 80px;
}
.logo-area {
  position: relative;
  z-index: 2;
  top: -21px;
}
.logo-sticky img {
  position: relative;
  top:20px;
  height: 80px;
  width: 80px;
  object-fit: cover;
}
.v-space {
  height:50px;
}
ul.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap:0px;
}
ul.grid li img {
  width:100%;
  vertical-align: top;
  height: 200px;
  object-fit: cover;
}
.post-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
}
.post-grid img {
  width: 100%;
  max-width: 100%;
  height: 230px px;
  object-fit: cover;
}
.post-grid  .content-block {
  padding: 10px 0px;
  text-align: center;
  background-color: #2ab1ad;
  color: white;
  transition:all .340s;
}
.post-grid a:hover .content-block {
  background-color: rgb(66, 54, 54);
}
table,
tr,
td {
  border:1px solid #2ab1ad;
  padding: 5px;
  max-height: 20px;
}
.partners_image img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.slider-text .skill-btn:hover,
.slider-text .grey-btn:hover,
.site-btn a:hover,
.post-grid a:hover .content-block {
  background: #004c86;
}
.img-gallery img:hover {
  transform: scale(1.1);
}
table {
  margin-bottom: 10px;
}
.about-us td p {
  padding-bottom: 0px;
}
.p-slider .slick-next {
  right: -20px;
}




@media (max-width:1200px) {
  ul.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:600px) {
  ul.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  ul.grid li img {
    height: 100px;
  }
}


@media (max-width:600px) {
	.header-top .flex{
			display: block;
	}
	.logo-area a img {
		margin-top: 0px;
	}
	.slider-text h2 {
		max-width: 100%;
	}
	.logo-area a img {
		margin-top: 0px;
	}
	.logo-area {
		top: 0px;
	}
  .mean-container a.meanmenu-reveal {
    border:1px solid #2ab1ad;
    color: #2ab1ad;
  }
  .mean-container a.meanmenu-reveal span {
    background: #2ab1ad none repeat scroll 0 0;
  }
  .mean-container a.meanmenu-reveal {
    margin-top: 0px;
    top: -60px;
  }
  .mean-container .mean-nav ul li i {
    display: none;
  }
  .of_controller  {
    overflow: hidden !important;
  }
  .sticker.sticky .mean-container a.meanmenu-reveal {
    top: -30px;
  }
  .sticker.sticky .logo-area a img {
    top: 15px;
    height: 40px;
    width: 40px;
  }
  .experience-area .counter-up {
    padding:20px 0px;
  }
  .testimonial .pic > img {
    width: 50px;
    height: 50px;
    object-fit: cover;
  }
  .contact-dtl a{
    margin-bottom: 0px;
  }
  .mt-40 {
    margin-top: 0px;
  }
  .newsletter-area {
    padding:40px 0px;
  }
  .slider-img {
    height: 60vh;
  }
  .p-slider .slick-arrow {
    display: none !important;
  }
  .partners-content ul li {
    display: block;
    width: 100%;
  }
  table, tr, td {
    table-layout: fixed;
    width: 100%;
  }
  .slider-area {
    height: 60vh;
  }
  .post-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    padding: 0px 5px;
  }
  .post-grid a.g-item .title{
    font-size: 12px;
  }
}