/*
Theme Name: Al Baqie
Theme URI: 
Author: Arif Hassan Arif
Author URI: https://www.linkedin.com/feed/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 0.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: 
Text Domain: albaqie
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Custom wordpressform and rating */
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

span.dashicons.dashicons-star-filled {
    color: #8bc34a;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #18458b;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #e9b914;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #8bc34a;
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}

  .average-rating .dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}
.rating_form_rating {
  display: flex;
  gap: 4px;
}
.star-rating {
  margin-top: 4px;
}
.comment-form .form-group {
    margin-bottom: 12px !important;
}
/* End comment rating css */
/* commment list and child list css */
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
    content: "";
	display: table;
	clear: both;
}

.blog-comment ul{
	list-style-type: none;
	padding: 0;
}

.blog-comment img{
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	  	 -o-border-radius: 4px;
			border-radius: 4px;
}

.blog-comment img.avatar {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 65px;
	height: 65px;
}

.blog-comment .post-comments{
	border: 1px solid #eee;
    margin-bottom: 20px;
    margin-left: 85px;
	margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       	 -o-border-radius: 4px;
    		border-radius: 4px;
	background: #fff;
	color: #6b6e80;
	position: relative;
}

.blog-comment .meta {
	font-size: 18px;
	color: #aaaaaa;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul{
	list-style-type: none;
	padding: 0;
	margin-left: 85px;
}

.blog-comment-form{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3{
	margin-bottom: 40px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 800;
}
 
 /* End comment list and child list css */
 /* Form */
 .form-control:focus{
	box-shadow: none;
 }
 .form-select:focus {
	box-shadow: none;
 }
 .bkf.btn-primary:hover {
    box-shadow: inset 1100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}
/* ajax search form */
div#datapostfetch {
    display: contents;
}
div#datapostfetch a {
	color: #000000;
	display: flex;
    padding-left: 4%;
    padding-top: 1%;
    border: 1px solid #e0c244;
}
div#datapostfetch a:hover {
    color: #e0c244;
}
div#datapostfetch h3 {
    border-top: 1px solid #e0c244;
    padding-top: 12px;
    padding-left: 18px;
}
/* End ajax search form */
/* Top header color scheme*/
.btn-outline-light:hover {
    background-color: #ffffff;
    border-color: #b40704;
}
.bg-top-primary {
    background-color: #000000 !important;
}
.bg-crl-primary {
    background-color: #000000 !important;
}
.btn.btn-primary:hover {
    color: #b40704 !important;
}
.btn.btn-primary {
    box-shadow: inset 0 0 0 0 #b40704;
}
.btn-primary:hover {
    color: #fff;
    background-color: #b40704;
    border-color: #b40704;
}
.btn-primary {
    color: #fff;
    background-color: #b40704;
    border-color: #b40704;
}
.carousel-header .carousel-control-next .carousel-control-next-icon:hover{
	background-color:#b40704 !important;
}
.carousel-header .carousel-control-prev .carousel-control-prev-icon:hover {
	background-color:#b40704 !important;
}
.text-primary {
    color: #b40704 !important;
}
.dropdown-menu{
	min-width: 11.3rem;
	background-color: #fff;
}
.pk-btn-primary {
	background-color:#b40704 !important;
}
.btn-hover:hover {
    color: #dcb05c !important;
}
.blog-info .text-primary {
    color: #ffffff !important;
}
/* End Top Header Color Scheme */
/* Single post packages page css */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #b40704;
}
.nav-link {
	color: #000000;
}
.nav {
	border-radius: 10px;
	border:  1px solid #dcb05c;
	min-width: 45%;
	max-width: 45%;
}
.nav-pills .nav-link:hover {
	color: #fff;
    background: #b40704;
}
.accordion-button:focus {
    z-index: 3;
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #b40704;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.accordion-button {
	color: #fff;
	background:#b27a0f;
}
.accordion-item {
    border: 1px solid #dcb05c;
}
body{
	color:#000000;
}
tr.airtickets {
	color: #ffffff;
    background: #b40704;
}
.table>tbody{
	border-color:#dcb05c;
	color: #000000;
}
.btn:focus{
	box-shadow: none;
}
/* End single post packages page css */
/* About css */
.about p {
    text-align: justify;
}
.bking {
	text-align: justify;
}
/* End About css */
/* Packages css */
.packages-content p {
    text-align: justify;
}
.packages-content.bg-light {
    min-height: 170px;
}
/* End packages css */
/* Read more and less css */
.comment-readmore a {
    margin-bottom: 12px;
    margin-left: 4px;
    text-decoration: underline;
    color: #dcb05c;
    font-size: 18px !important;
}
.comment-readmore a:hover {
    color: #ffffff !important;
}
.comment-profile_readmore a {
    margin-bottom: 12px;
    margin-left: 4px;
    text-decoration: underline;
    color: #000000;
    font-size: 18px !important;
}
.comment-profile_readmore a:hover {
    color: #b40704 !important;
}
/* End read more and less css */
.display-2 {
	font-size: 3.5rem;
}
.blog-list li a {
    color: #000;
}
@media (max-width: 769px){
	.display-2 {
		font-size: 1.5rem;
	}
	.pstsearch {
		padding: 1rem !important;
	}
	.nav {
	min-width: 100%;
	max-width: 100%;
	}
	.google_translte {
		right: -12% !important;
	}
}
@media (max-width: 576px) {
    .mb-srn {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
	 .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
	.nav-pills .nav-item .nav-link {
    padding: 0.5rem 0.2rem;
}
	.guide .section-title::before{
		margin-right: -17px;
	}
	.guide .section-title::after{
		margin-left: -17px;
	}
	.google_translte {
		right: -16% !important;
	    margin: 0px !important;
	}
}
@media (max-width: 412px) {
	.nav-pills .nav-item .nav-link {
		font-size: 12px;
}
}
@media (max-width: 338px) {
	.nav-pills .nav-item .nav-link {
		font-size: 11px;
}
}
.navbar-toggler:focus{
	box-shadow: none;
}
.blog-post img {
    max-width: 100%;
    min-width: 100%;
	min-height: auto;
    height: auto;
}
.blog-post p {
    text-align: justify;
}
.position-sticky p {
    text-align: justify;
}
.dropdown-item.active, .dropdown-item:active{
	background-color: #b40704;
}
.dropdown-menu{
	border: #dcb05c;
}
.accordion-button1 {
    color: #fff !important;
    background: #b27a0f;
	position: relative;
    display: flex;
    align-items: center;
    width: auto;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #757575;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion-button1::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
	width: auto;
    margin-left: auto;
    content: "";
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); */
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.whatsapp {
    position: fixed;
    bottom: 60px;
    right: 0;
    margin: 29px;
    z-index: 2;
}
.whatsapp img {
	border-radius: 32px;
}
marquee a {
    color: #fff;
    font-size: 26px;
}
.grnd-pkg {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.grnd-pkg:hover {
    position: relative;
    background: #b40704 !important;
}
.grnd-pkg:hover .p-4 h5, .grnd-pkg:hover p {
     color: var(--bs-white) !important;
}
/* Blog post css */
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Blog post css */
/* google translate dropdown css */
body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
    display: none!important;
  }
  .goog-te-gadget {
    color: transparent!important;
    font-size:0px;
  }
  .goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
  }
  #google_translate_element select{
    background:#b40704;
    color:#fff;
    border-color: #b40704;
    border: none;
	font-size:12px;
    font-weight:bold;
    border-radius:3px;
    padding: 7px 0px;
  }
  .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display:none;
  }
  body {
    top: 0px !important;
}
select:focus-visible {
    outline: none;
}

/* End Google translate Dropdown css */
.google_translte {
    position: fixed;
    bottom: 50%;
    top: 60%;
    right: -7%;
    margin: 29px;
    z-index: 2;
}
/* Visa processing form css */
.file-upload-wrapper {
    position: relative;
    margin-bottom: 1rem;
}
.file-upload-label {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px dashed #b40704;
    border-radius: 0.375rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}
.file-upload-label:hover {
    border-color: #86b7fe;
    background-color: rgba(13, 110, 253, 0.05);
}
.file-upload-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.preview-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.preview-item {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.remove-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: none;
}
.success-message {
    color: #198754;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: none;
}
.btn-primary:disabled, .btn-primary.disabled {
    background-color: #b40704 !important;
    border-color: #b40704 !important;
}
.form-check-input:checked {
    background-color: #b40704 !important;
    border-color: #b40704 !important;
}