/*
Theme Name: Expadore
Theme URI: https://example.com/expadore
Author: Manish
Author URI: https://example.com
Description: A custom WordPress theme for Expadore.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expadore
Tags: custom, responsive
*/

/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
    background-color: #f9f9f9;
    color: #333;
}
nav.navbar { padding: 0; }
header .custom-logo{width:130px;}
ul#primary-menu li a { color: #6457A4; text-decoration: none; }
footer{ border-top: 1px solid #E5E7EB; }
.btn.btn-primary:hover, .btn.btn-light:hover { background-color: #FF7A00; }
#enquiryFormCreator .modal-body{padding: 20px 30px;}
#enquiryFormCreator form label{width: 100%;}

/* header search */
header #pkgHeaderSearch { background-color: #F5F7FA; border-radius: 50px 0 0 50px; padding: 10px; height: 32px; margin-left: 40px; max-width: 280px; }
header form button { background-color: #FDB712; padding: 0 10px; border-radius: 0 50px 50px 0; text-transform: uppercase; font-weight: 600; }

/** offcanvas menu items*/
.navbar .container{position: relative;}
button.humbergur-icon { position: absolute; left: -17px; top: 20px; }
ul#offcanvas-menu a { color: #0A2540; text-decoration: none; padding: 12px 10px; display: block; border-radius: 5px; }
ul#offcanvas-menu a:hover { background-color: #F5F7FA; }
#offcanvas-menu li a { background-image: url('./assets/images/destination-icon.png'); background-repeat: no-repeat; background-position: 10px center; padding-left: 45px; background-size: 22px; }
#offcanvas-menu li:nth-child(2) a{background-image: url('./assets/images/ocassion-icon.png');}
#offcanvas-menu li:nth-child(3) a{background-image: url('./assets/images/team-icon.png');}

/* secondary nav*/
.secondary-nav{background-color: #F9F9F9;}
.secondary-nav #secondary-menu a { color: #6457A4; text-decoration: none; font-size: 16px; padding: 12px 0px; display: inline-block; }

.image-banner { background-repeat: no-repeat; background-size: cover; min-height: 270px; overflow: hidden; position: relative; background-position: right center; display: flex; align-items: center;}
.package-banner .banner-content {position: relative;}
.package-banner .banner-content h1{color: var(--white-color); font-weight: 600;}
.package-banner .banner-content p{font-size: calc(var(--h6-font-size) - 4px); line-height: var(--h6-line-height); margin-bottom: 20px;}
.package-banner:before {
    background: linear-gradient(#0000 0%, #000 100% 100%);
    width: 100%;
    height: 84%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 0;
}
/* Package card */
.packages-section h2{font-size: 28px;}
.packages-section h2 span{font-size: 18px; line-height: 28px; font-weight: 400;}
.package-card { border: 1px solid #E5E7EB; border-radius: 8px; overflow: hidden; height: 100%;}
.package-thumb { height: 180px; width: 100%; }
.package-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pakcage-info { padding: 16px; }
.pakcage-info h3 { font-size: 18px; line-height: 22px; margin-bottom: 8px;}
.pakcage-info h3 a{ color: #111; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.package-card .duration, .package-card .locations{background-image: url('./assets/images/time-icon.png'); background-repeat: no-repeat; background-position: left center; padding-left: 22px; line-height: 20px;}
.package-card .duration{font-weight: 600;}
.package-card .locations{background-image: url('./assets/images/pin-icon.png'); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px;}
.package-card .price span{font-weight: 600;}

/* package card end */

@media(min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1160px; }
}
@media(max-width: 991px){
    header form{margin-bottom: 20px;}
    header #pkgHeaderSearch{margin-left: 0;}
}
@media(max-width: 767px){
    header .custom-logo{width:110px;}
}