/*
Theme Name:   Safar Child
Theme URI:    https://safardemo.devsvibe.co/
Author:       DevsVibe
Author URI:   https://themeforest.net/user/devsvibe/portfolio
Description:  Safar Child Theme For For Hotel & Resort Booking Purpose.
Version:      1.0.0
Template:     safar
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  safar-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
*/
.container {
  max-width: 1100px;
  margin: auto;
  padding: 20px;
}

h1, h2, h3 {
  color: #2F4F3E;
}

.hero {
  background: #f5efe6;
  text-align: center;
  padding: 80px 20px;
}

.buttons a {
  display: inline-block;
  margin: 10px;
  padding: 12px 25px;
  background: #3A5A40;
  color: white;
  text-decoration: none;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.card {
  flex: 1;
  min-width: 280px;
  border: 1px solid #ddd;
  padding: 15px;
}

.card img {
  width: 100%;
}

.cta {
  text-align: center;
  padding: 60px;
}

.responsive-header-logo .logo-wrapper img, .safar-header-area .logo-wrapper img {
    max-width: 280px;
    height: auto;
    position: absolute;
    top: 20px;
    z-index: 100;
}
.safar-header-area.safar-navbar .site-branding {width: 200px;}
.theme-header-12 .safar-default-header-nav {
    background: transparent;
}
.safar-header-navbar {
    align-items: flex-end;
    -webkit-box-pack: end;
}
.site-header.header-get-sticky {
    height: 150px;
}