/*!
Theme Name: National Parks
Theme URI: https://oblyindia.com/
Author: oblyindia.com
Author URI: https://oblyindia.com/
Description: This has been developed by oblyindia.com using weldlfe design for exclusively for The National Parks of India. All rights and ownership is reserved by The National Parks of India.
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: national-parks
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.

National Parks is based on Underscores https://underscores.me/, (C) 2012-2020 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:
----------------------------------------------------------------
# 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
--------------------------------------------- */

/*! normalize.css v8.0.1 | 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.
 */


 .footer-widget ul.footer-menu li, .footer-widget ol.footer-menu li{
 	width: 100% !important;
 }


 .sidebar-widget.post-widget h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em; /* Adjust based on line height */
    line-height: 1.5em; /* Adjust line height to fit two lines perfectly */
}

.park-search-filter-section{
	position: relative;
	margin-top: -50px;
}

.park-search-filter-section .auto-container{
	background-color: #FFF;
	padding: 15px 40px;
}

#suggestions-box {
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background: white;
    width: 100%;
    z-index: 1000;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
}

.suggestion-item:hover {
    background: #f0f0f0;
}

.search-form input[type="search"],
.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group textarea,
.default-form .form-group select{
  position: relative;
  display: block;
  width: 100%;
  height: 63px;
  background: #faf7f3 !important;
  border: 2px solid #faf7f3 !important;
  font-size: 16px !important;
  padding: 10px 20px;
  font-size: 14px;
  color: #7a7d83;
  transition: all 500ms ease;
}

.default-form .form-group textarea{
  height: 150px;
  resize: none;
}
.search-form input[type="search"]:focus,
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus,
.default-form .form-group select:focus{
	border-color: #fd5634 !important;
	box-shadow: none;	
}


.search-form .search-submit {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    color: #fff !important;
    background: #fd5634;
    padding: 16.5px 30px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    z-index: 1;
    letter-spacing: 2px;
    transition: all 500ms ease;
}

.get-directions-btn {
    display: inline-block;
    padding: 5px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.get-directions-btn:hover {
    background-color: #0056b3;
    color: #fff;
}

.posts-navigation .nav-links{
    display: flex;
    justify-content: center;
    padding: 30px;
    border: 1px solid #f2f2f2b0;
    column-gap: 20px;
}

.posts-navigation .nav-links .nav-previous a,
.posts-navigation .nav-links .nav-next a{
      position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    color: #fff !important;
    background: #fd5634;
    padding: 16.5px 30px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    z-index: 1;
    letter-spacing: 2px;
    transition: all 500ms ease; 
}