/*
Theme Name: Sajda
Theme URI: 
Description: The 2019 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. 
Version: 1.0
Author: 42Works
Author URI:  
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
.row:before, .row:after {display: none !important;}
a:focus{
    outline: none;
}
/* =WordPress Core
-------------------------------------------------------------- */
a {
    color: #0074c8;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;

}

.alignleft {
    float: left;

}

a img.alignright {
    float: right;

}

a img.alignleft {
    float: left;

}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
html, body {height: 100%; }
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

*{
    margin: 0px;
    padding: 0px;
}
body{
    margin: 0px; padding: 0px; font-size:16px; font-family: 'Poppins', sans-serif; color: #fff;
}
p{
    margin: 0px; padding: 5px 0px;
}
a:hover{
    text-decoration: none;
}
img{
    max-width: 100%;
}


/* 3 Oct 2019 */


.page-template-hajj-packages .what-we-offer , .page-template-umrah-packages .what-we-offer{
    display: none;
}

.firstActiveItem .offer-outer.inner-page:after{display: none;}


*:focus{outline:none !important;}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}

#packages-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

#packages-slider i.fa.fa-angle-left {
    color: #e29c2c;
    font-size: 50px;
}

#packages-slider i.fa.fa-angle-right {
    color: #e29c2c;
    font-size: 50px;
}

#packages-slider button.owl-next {
    position: absolute;
    right: 10px;
}

#packages-slider button.owl-prev {
    position: absolute;
    left: 10px;
}

.packages-heading-block {
    display: initial;
    width: 100%;
    position: relative;
} 
.packages_title {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    width: 52px;
	position: relative; 
}

.packages_days {
    display: inline-block;
    vertical-align: bottom;
        margin: 0;
	    /*width: 66px;*/

}

/*.packages_title:after {
    position: absolute;
    background: rgb(255,170,1);
    background: -moz-linear-gradient(90deg, rgba(255,170,1,1) 5%, rgba(254,144,27,1) 33%, rgba(253,197,20,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(255,170,1,1) 5%, rgba(254,144,27,1) 33%, rgba(253,197,20,1) 70%);
    background: linear-gradient(90deg, rgba(255,170,1,1) 5%, rgba(254,144,27,1) 33%, rgba(253,197,20,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaa01",endColorstr="#fdc514",GradientType=1);
    content: '';
    height: 16px;
    width: 1px;
    top: 2px;
    right: -2px;
} */
span.packages_tagline {
    font-size: 13px;
    line-height: 26px;
}
.owl-nav {
	display: none;
}
.packages:after {
    content: '';
    width: 15px;
    height: 100%;
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    background-image: url(./images/packages-divider.png);
}
.packages:last-child:after {
	display: none;
}
.outer-main .col-lg-4:after {
    content: '';
    width: 15px;
    height: 100%;
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    background-image: url(./images/packages-divider.png);
}
.outer-main .row div:nth-last-child(2):after {
	display: none;
}
.owl-dot.active span{
	background: #e19a2a !important;
}
.outer-main {
    width: 100%;
    display: block;
    margin: 70px 0;
}


/* 9 OCT 2019 */

/* Hazz Page */


.hajj-content-blog h2 {
    font-size: 3.5em;
    display: block;
    padding-top: 80px;
}

.register_btn, .register_btn:hover {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#db8915), color-stop(#e19a2a), color-stop(#e6ac3d), color-stop(#ecbc50), to(#f2cd63));
    background-image: -webkit-linear-gradient(left bottom, #db8915, #e19a2a, #e6ac3d, #ecbc50, #f2cd63);
    background-image: -moz-linear-gradient(left bottom, #db8915, #e19a2a, #e6ac3d, #ecbc50, #f2cd63);
    background-image: -o-linear-gradient(left bottom, #db8915, #e19a2a, #e6ac3d, #ecbc50, #f2cd63);
    background-image: linear-gradient(to right top, #db8915, #e19a2a, #e6ac3d, #ecbc50, #f2cd63);
    border-radius: 5px;
    color: #0c5002;
    text-transform: capitalize;
    outline: none;
    padding: 14px 30px;
    width: 100%;
    font-size: 18px;
    display: block;
    max-width: 280px;
    margin: 40px auto;
} 

.register_btn:focus{
    outline: none;
    box-shadow: none;
} 

#register_interest_form .modal-body {
    background: #fff;
    padding: 60px 10%;
    border-radius: 6px;
}

#register_interest_form .blue-title {
    font-size: 1.5em;
}