/*
Theme Name: Islamic Relief IT
Theme URI: https://islamic-relief.it/
Author: GI-Extensions
Description: Islamic Relief It Theme
Version: 1.2
Text Domain: islamicreliefit
*/

/* 27-feb-2025 */
.calendar-table {
    width: 100%;
    padding: 11px 11px !important;
    border: 1px solid;
    height: 542px;
    margin-bottom: 20px;
}
.calendar-table  th {
    border-bottom: 1px solid black;
    border: 1px solid black;
    padding: 5px;
}
.calendar-table td {
    border: 1px solid black;
    padding: 5px;
}
   

/* 27-feb-2025 */

.news-sidebar h3{margin-top:0px; margin-bottom:5px;}
.news-sidebar h2{margin-top:0px; font-size:24px; margin-bottom:5px;}
.news-sidebar .wrap{margin-bottom:40px;}
.news-sidebar ul{line-height:normal; padding:0px; margin-left:0px;}
.news-sidebar li{line-height:normal; margin:0px; background:none; padding:0px;}
.news-sidebar li a{display:block; padding:10px 0px; border-bottom:2px dotted #cccccc; font-weight:500;}

.newsSectionWrap{display:block; margin-bottom:30px; max-width:570px;}
.newsSectionWrap .pad{padding:20px 20px;min-height:90px;}
.newsSectionWrap .pad h3{margin-bottom:0px; margin-top:10px; font-size:18px; line-height: 24px; height:3em;}
.newsSectionWrap img{transition:all 0.2s ease;  display:inline-block;}
.newsSectionWrap:hover img{opacity:0.8;}
ul.menu {
    list-style: none;
    padding: 0px;
}

.campaign-h1 {
    font-family: 'geo-stancila-sb';
    text-align: left;
    color: #029ee3;
    font-size: 48px;
    padding-top: 35px;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.campaign-p {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
footer h3 a {
    color: #fff;
}

.blog-heading-h1{
    font-family: 'geo-stancila-sb';
    text-align: left;
    color: #029ee3;
    font-size: 48px;
    padding-top: 35px;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 15px;
}
.section-height{min-height: 386px;}
.section-height .blogsection{    min-height: 115px;}
.secNews p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
}
.author-name {
    font-size: 13px !important;
    margin-bottom: 5px !important;
    /* padding: 0 15px; */
    padding-top: 20px !important;
    margin-bottom: 0px !important;
    text-align: left !important;
    color: #fff !important;
}
.author-title {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-top: 0px !important;
    margin-top: 5px !important;
}
.blogsection {
    padding: 1px 10px;
}
.date-blg {
    font-size: 13px !important;
    float: right;
}
.challenges-p{
    font-size: 25px;
    font-family: 'geo-stancila-sb';
    padding-left: 15px;
    padding-right: 20px;
    font-weight: 600;
}
.req-red{
    color: #ff0000;
}

.secPrayer .table-responsive{margin-top:20px;}
        .table-salat{text-align: center; font-size: 16px;}
        .table-salat >thead>tr>th{background:#0076be; color:#fff; border:1px solid #0076be; text-align: center;}
        .table-salat>tbody>tr>td{border-color:#0076be;}
        .table-salat>tbody>tr:nth-of-type(odd){background: #e5f1f8;}
        .secPrayer .nav-pills>li.active>a, .secPrayer .nav-pills>li.active>a:focus, .secPrayer .nav-pills>li.active>a:hover{ background:#fff; color:#0076be; position:relative;font-weight: bold;}
        .secPrayer .nav-pills>li.active>a::after, .secPrayer .nav-pills>li.active>a:focus::after, .secPrayer .nav-pills>li.active>a:hover::after{position:absolute; content:""; width:100%; height:1px; bottom:-1px; left:0px; height:1px; border-bottom: 3px solid #0076be;}
        .nav-pills>li>a{border-radius: 0px; font-weight: bold; font-size: 18px; border-bottom: 1px solid #ccc; color:#999;}
        .secPrayer .nav-pills{}
        .secPrayer .btnWrap{display:flex; flex-wrap:wrap; justify-content:center;}
        .secPrayer .btnWrap .btn{margin:3px; border-radius:4px; border:none; }
        .secPrayer .btnWrap .btn.active{background:#40adef; border:none;}
        .secPrayer .btnWrap .btn.active:focus{outline: none; border:none;}
        .secPrayer .btnWrap .btn.active.focus{outline: none; border:none;}
        .secPrayer .btnWrap .btn:focus{outline: none; border:none;}

.secPrayer .loader
{
    display: none;
    width:200px;
    height: 200px;
    margin: 0 auto;
}