/**
Theme Name: Javstravel
Theme URI: https://javstravel.com/
Author: Javstravel
Author URI: https://javstravel.com/
Description: Javstravel custom desigend theme by javstravel.
Version: 1.0.0
Tags: two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpsite
*/

/* WordPress Defaults 
----------------------*/
.alignleft, img.alignleft{ margin-right: 1em; display: inline; float: left; }
.alignright, img.alignright{ margin-left: 1em; display: inline; float: right; }
.aligncenter, img.aligncenter{ margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone{	/* not sure about this one */ }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { font-style: italic; font-size: 1.063rem; }
blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; }
.gallery{ position:relative; }
.gallery .gallery-item{display: inline-block;text-align: center;vertical-align: top;width: 25%;margin: 0 0 0.7em;}
.gallery.gallery-columns-1 .gallery-item{ width: 100%; }
.gallery.gallery-columns-2 .gallery-item{ width: 50%; }
.gallery.gallery-columns-3 .gallery-item{ width: 33.33%; }
.gallery.gallery-columns-5 .gallery-item{ width: 20%; }
.gallery.gallery-columns-6 .gallery-item{ width: 16.667%; }
.gallery.gallery-columns-7 .gallery-item{ width: 14.285%; }
.gallery.gallery-columns-8 .gallery-item{ width: 12.5%; }
.gallery.gallery-columns-9 .gallery-item{ width: 11.11%; }
.gallery img { box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2); border-radius: 6px; max-width: 84%; height: auto; }
.gallery img:hover{background-color: #ffffff;}
.gallery .gallery-caption { color: #999; font-size: 12px; margin: 7px 0 10px; line-height: 1.48; }
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br{ display: none; }
.sticky{ position: relative; vertical-align: text-bottom; }

/* FONT STYLE
----------------------*/

/* PADDING & MARGINS 
----------------------*/

/* TITLES 
----------------------*/

/* 404 PAGE
-----------------------*/
.error404 .search-form { width: 30%; display: inline-block; }
.error404 .search-form .search-submit { top: 11px; }

/* SEARCH COMMON
----------------------*/


/* BLOG POST LIST COMMON
----------------------*/
	
/* SINGLE POST COMMON
----------------------*/

/* WIDGET COMMON
----------------------*/

/* PAGINATION COMMON
----------------------*/

/*  BUTTONS
----------------------*/


/* HEADER
-----------------------*/

/* MAIN MENU
----------------------*/

/* Hide the submenu by default */
/* ===== Primary Menu Base ===== */
#menu-primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
}

#menu-primary-menu li {
  position: relative;
}

#menu-primary-menu > li > a {
  display: block;
  padding: 14px 18px;
  color: #333333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

#menu-primary-menu > li > a:hover,
#menu-primary-menu > li.current-menu-item > a {
  color: #ff025c;
}

/* ===== Submenu Styling ===== */
#menu-primary-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  min-width: 180px;
  padding: 8px 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 6px;
  z-index: 999;
}

/* ===== Show submenu on hover ===== */
#menu-primary-menu li:hover > ul.sub-menu {
  display: block;
  animation: fadeIn 0.2s ease-in-out;
}

/* ===== Submenu Items ===== */
#menu-primary-menu ul.sub-menu li {
  width: 100%;
}

#menu-primary-menu ul.sub-menu li a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 10px 16px;
  transition: all 0.3s ease;
  font-size: 15px;
  white-space: nowrap;
}

#menu-primary-menu ul.sub-menu li a:hover {
  background-color: #ff025c;
  color: #FFFFFF;
}

/* ===== Nested Submenus (3rd level and beyond) ===== */
#menu-primary-menu ul.sub-menu ul {
  top: 0;
  left: 100%;
  margin-left: 1px;
  border-radius: 6px;
}

/* ===== Optional Animation ===== */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
}


/*About Us Page 13 October 2025*/

/* About Section Styles */
.about-section {
  background-color: #f9f9f9;
  padding: 60px 20px;
  color: #333;
}

.about-container {
 
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  padding: 40px 50px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.about-section h2 {
  text-align: center;
  font-size: 32px;
  color: #0b6fbb;
  font-weight: 700;
  margin-bottom: 10px;
}

.about-subtitle {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
}

.about-section p {
  line-height: 1.8;
  font-size: 16px;
  color: #444;
  margin-bottom: 20px;
}

.about-section h3 {
  color: #0b6fbb;
  font-size: 24px;
  margin-bottom: 15px;
}

.about-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 40px;
}

.about-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.about-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #ff025c;
}

.about-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.about-mission,
.about-vision {
  flex: 1;
  min-width: 280px;
}

.about-mission h3,
.about-vision h3 {
  font-size: 22px;
}




/* SLIDERS
-----------------------*/

/* DEFAULT BANNER
-----------------------*/

/* FOOTER*/

.entry-content > p{padding:0 0 15px 0}
.entry-content > ul{padding:0 0 15px 0; margin-left:15px}
.entry-content > ul > li {list-style: circle;}