/*
Theme Name: SKT Charity
Theme URI: https://www.sktthemes.org/shop/skt-charity/
Author: SKT Themes
Author URI: https://wordpress.org/themes/author/sonalsinha21/
Description: SKT Charity is a charity WordPress theme which is meant for donation, NGO, Churches, fundraising and non profit websites. It can also be used for business, corporate, agency and portfolio as well as personal and blogging websites. It is compatible with WooCommerce, Contact form 7 and Nextgen gallery among others and is multilingual and translation ready. It is simple, adaptable, flexible and responsive theme. It is multipurpose template and comes with a ready to import Elementor template plugin as add on which allows to import 63+ design templates for making use in home and other inner pages. Demo: https://sktthemesdemo.net/charity/

Version: 3.1
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License
License URI: license.txt
Text Domain: skt-charity
Tags:one-column,two-columns,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images, sticky-post,theme-options,threaded-comments,translation-ready,custom-logo,blog,education

SKT Charity WordPress Theme has been created by SKT Themes(sktthemes.org), 2016.
SKT Charity WordPress Theme is released under the terms of GNU GPL

SKT Charity is based on underscores theme.
*/
body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; display: flex; flex-direction: column; min-height: 100vh;}
main { flex: 1; }
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#0056b3;}
a:hover{ color:#b68023;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; word-wrap:break-word;}
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.left{ float:left;}
.right{ float:right;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a, .page-numbers{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover, .current{background:#0056b3;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
.container{ width:1100px; margin:0 auto; position:relative;}
/*header menu css*/
.toggle{display: block;}
.toggle a{ color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #0056b3; padding:10px 10px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}
.sitenav{ padding:0; text-align:center; float:none;}
.sitenav ul { display:flex; align-items:center; justify-content:center; float:none; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:15px; list-style:none; }
.sitenav ul li{ margin:0; position:relative; text-align:center;}

.header .sitenav ul li:first-child a { margin-left: 0; margin-right: 10px; }
.sitenav ul {
  width: 100%;
  justify-content: center;
}
.sitenav ul li:last-child { margin-left:0; }
.sitenav ul li a{ padding:10px 18px; display:inline-block; color:#333; background: #ffffff; border-radius: 40px; margin:0 4px; transition: all 0.3s ease; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
.sitenav ul li:last-child a{ background:#0056b3; color:#fff; font-weight:700; padding:10px 22px; border-radius:40px; box-shadow:0 0 0 2px rgba(255,255,255,0.2);}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#fff; background:#0056b3; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #694128;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left;  }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#0056b3; }
.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(0, 0, 0, 1);}
body.enableslide .sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(0, 0, 0, 0.1); }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
/* = header top sign in  css
-------------------------------------------------------------- */
.headertop{ background-color:#2a2a2b; color:#fff;}
.widget-left{float:left; padding:14px 0;}
.widget-right{float:right; padding:0 14px; background-color:#0056b3;}
.widget-right .textwidget{ line-height:52px;}
.none{display:none; visibility:hidden;}
.headerinfo {font:600 14px/24px 'Roboto'; color:#fff;}
.headerinfo a {color:#fff;}
.headerinfo span{  font-size:14px;}
.headerinfo .phoneno{ background:url(images/icon-phone.png) no-repeat left 4px; padding:0 0 0 20px; margin-right:20px;}
.headerinfo .address{ background:url(images/location-icon.png) no-repeat left 4px; padding:0 0 0 15px;}
.heart{ background:url(images/icon-heart.png) no-repeat left 21px; padding:0 15px 0 20px; margin-right:15px; border-right:1px solid #66a3ff; line-height:52px; display:inline-block;}
.user{ background:url(images/icon-user.png) no-repeat left 2px; padding:0 0 0 20px;}
.header {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 1180px;
  z-index: 99999;
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 45px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.17);
  padding: 4px 12px;
  transition: all 0.25s ease-in-out;
  min-height: 76px;
}

.header .container {
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
}

.header .logo {
    flex-shrink: 0;
}

.header .logo,
.header .header_right {
  align-items: center;
  display: flex;
}

.header .header_right {
    flex: 1;
    display: flex;
    justify-content: center; /* Centre le contenu */
    margin-right: 100px; /* Augmente cette valeur (ex: 120px) pour décaler encore plus à gauche */
}

.custom-logo-link img,
.custom-logo img,
.logo img {
  max-height: 62px;
  width: auto;
  display: block;
}

.logo h1,
.logo p,
.header .logo a {
  color: #222 !important;
}

.header .sitenav {
    width: auto;
    display: flex;
    justify-content: center;
}

.header .sitenav ul {
    margin-right: 0 !important; /* Supprime toute marge parasite à droite */
    padding-right: 0 !important;
    gap: 15px; /* Espace entre les boutons */
}

.header .sitenav ul li:first-child a {
  background: #0056b3 !important;
  color: #fff !important;
  margin-left: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.06);
}

.header .sitenav ul li:first-child a:hover {
  background: #0056b3 !important;
  color: #fff !important;
}

#pagearea, 
.page_content, 
.innerheader, 
#FrontBlogPost {
    margin-top: 150px !important; /* Crée l'espace nécessaire pour ne plus chevaucher */
}

@media (max-width: 980px) {
    #pagearea, .page_content {
        margin-top: 120px !important;
    }
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header .logo,
.header .logo img,
.custom-logo-link img,
.custom-logo img {
  float: none;
  width: auto;
}

.header .logo img,
.custom-logo-link img,
.custom-logo img {
  max-height: 86px;
  width: auto;
  display: block;
}

.logo h1 {
  font-size: 22px;
  line-height: 1.15;
  margin: 0;
}

.logo p {
  font-size: 12px;
  margin: 0;
  opacity: 0.8;
}

.header-inner .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.header-scrolled {
  top: 10px;
  background: rgba(255,255,255,0.96);
  border-color: rgba(220,220,220,0.9);
}

.header-scrolled .logo h1 a,
.header-scrolled .sitenav ul li a,
.header-scrolled .sitenav ul li.current_page_item a {
  color:#202020;
}

@media (min-width: 981px) {
  body {
    padding-top: 50px;
  }
}

.innerheader{position:relative; background-color: rgba(29, 14, 0, 1);}
.innerheader, body.blog .sitenav ul li:hover > ul, .innerheader .sitenav ul li:hover > ul{background-color: rgba(29, 14, 0, 1);}
.logo{float:none; z-index:999; color:#fff; width:auto;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#fff; text-transform:uppercase;}
.logo h1 span{ color:#0056b3;}
.logo a{color:#fff; font-weight:700;}
.logo p{color:#000;}

body.enableslide .logo p{color:#000;}
.logo p{color:#fff;}

.header_right{ float:right; text-align:right; width:70%; color:#fff;}
section#home_slider{ padding:0;}
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:60px 0;}
h2.section-title {color:#454545; font:300 36px/40px 'Roboto',san-serif; text-align: center; }
/*services section css*/
#pagearea{ background: url(images/section-1-bg.jpg) no-repeat center top; padding:100px 0 85px; color:#fff; background-size:cover;}
.one_four_page{color:#fff; width:19.8%; padding:2% 1.5%; margin-right:1.9%; float:left; margin-bottom:2%; position:relative; border:solid 3px #fff; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; cursor:pointer; text-align:center; height:auto; min-height:250px;}
.one_four_page:hover{background:#fff; color:#484747;}
.one_four_page h4{ color:#fff; margin:30px 0 10px 0;  letter-spacing:1px;}
.one_four_page h4 a{ color:#fff;}
.one_four_page:hover h4 a{color:#0056b3;}
.one_four_page a.more{ color:#ffffff; margin-top:35px; font-weight:400; font-family:'Roboto'; font-size:15px; display:inline-block; }
.one_four_page:hover a.more{color:#0056b3;}
.one_four_page .thumb_four_icon { max-height:55px; overflow:hidden; margin:0 auto;}
.one_four_page .thumb_four_icon img { width:59px; position:relative; top:0;}
.one_four_page:hover .thumb_four_icon img{top:-57px;}
.one_four_page .thumb_four_page img{vertical-align:middle; position:relative; width:auto; height:55px;}
a.ReadMore{ background-color:#0056b3; color:#fff; padding:5px 15px; font:normal 18px/22px 'Roboto'; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
a.ReadMore:hover{ background-color:#003d82; color:#fff; }
/* = Services section css
-------------------------------------------------------------- */
.last_column{clear:right; margin-right:0 !important; }
.MoreLink{ background-color:#262626; color:#fff ;display: inline-block; padding:6px 15px;}
.welcomewrap img{ float:left; margin:8px 30px 0 0;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; }
.welcomewrap h2 span{ color:#0056b3;}
.donatebtn{ background-color:#323233; color:#fff; padding:6px 15px; display:inline-block; font:600 14px/22px 'Roboto'; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:30px;}
.donatebtn:hover{ background-color:#0056b3; color:#fff;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ background-color:#333 !important; color:#fff; width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 3px 0 0; padding:0; border-radius:50%; }
.social-icons br{ display:none;}
.social-icons a:hover{ background-color:#0056b3 !important; color:#fff;}
.social-icons .fb{ background:url(images/icon-fb.png) no-repeat center center; }
.social-icons .tw{ background:url(images/icon-tw.png) no-repeat center center; }
.social-icons .gp{ background:url(images/icon-gp.png) no-repeat center center;}
.social-icons .in{ background:url(images/icon-in.png) no-repeat center center;}
/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:740px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none; min-height:500px;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}
.blog_lists{ margin-bottom:30px; }
.blog_lists h3{ margin-bottom:0px; text-transform:none;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#0056b3;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h3{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.blog_lists .donatebtn{ margin-top:10px;}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#0056b3; padding:12px 15px; margin-bottom:1px; color:#fff;}
h3.widget-title a{color:#FFF;}
#sidebar ul li{list-style:none; word-wrap:break-word; border-bottom:1px dashed #d0cfcf; display:block; line-height:35px;}
#sidebar ul li a{ background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#0056b3;}
#sidebar ul li:last-child a{ border:none;}
#sidebar select{height:25px; width:280px !important;}
select option{width:280px !important;}
#sidebar table{width:100%;}
#sidebar table td, #sidebar table th{text-align:center;}
#recentcomments li a{background-image:none !important; padding:0 !important;}
.search-form{ margin-bottom:15px;}
.search-form input[type="search"], .search-form input[type="text"]{width:77%;padding:2.2%; border:solid 1px #cccccc; }
.search-form input[type='submit']{ cursor:pointer; border:none; padding:7px 8px 6px 8px; color:#ffffff; background:#0056b3;}
.search-form input[type='submit']:hover{background:#646262;}
#sidebar h2{padding-top:25px; font-size:20px;} 
#sidebar .wp-block-search__button{padding:2px 10px;}
/* = Footer css
-------------------------------------------------------------- */
.site-footer {
    background-color: #2c3e50; /* Dark blue-gray for a professional look */
    color: #ecf0f1; /* Light gray text */
    padding: 40px 0;
    font-size: 14px;
}

.site-footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
}

.footer-widget-area {
    flex: 1;
    min-width: 280px; /* Adjust as needed for responsiveness */
    margin-right: 20px;
}

.footer-widget-area:last-child {
    margin-right: 0;
}

.footer-widget-area h5 {
    color: #ffffff; /* White headings */
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 2px solid #3498db; /* Blue underline for headings */
    padding-bottom: 10px;
}

.footer-widget-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget-area ul li {
    margin-bottom: 8px;
}

.footer-widget-area ul li a {
    color: #ecf0f1;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-widget-area ul li a:hover {
    color: #3498db; /* Blue on hover */
}

.site-info {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #34495e; /* Slightly lighter border */
    margin-top: 20px;
}

.site-info p {
    margin: 5px 0;
    color: #bdc3c7; /* Lighter gray for copyright text */
}

.site-info a {
    color: #3498db;
    text-decoration: none;
}

.site-info a:hover {
    text-decoration: underline;
}

/* Sticky footer */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.site-content {
    flex: 1;
}
/* Buttons */
.button{ background-color:#3378c6; border-bottom:4px solid #004085; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#0056b3; border-color:#003d82; color:#fff;}
/* woocommerce CSS
================================================*/
a.added_to_cart{background:#0056b3; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#0056b3; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#0056b3;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#0056b3;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;  height: 1px;width: 1px; overflow: hidden;}
.screen-reader-text:focus { background-color: #f1f1f1;  border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px;font-size: 0.875rem;font-weight: bold; height: auto;left: 5px; line-height: normal;padding: 15px 23px 14px;text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#0056b3; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}  
/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
body.wp-site-logo .logo h1{display:none;}
.site-logo-link{display:table; padding:15px 0 15px 0;}
.nivoSlider{height:auto; min-height:737px;}
.nivoSlider img{ width:auto; max-height:765px;}
.toppadding{padding: 195px 0 85px !important;}
.toppadding2{padding: 150px 0 85px !important;}
.spacer60{height:60px !important; clear:both;}
body.wp-custom-logo .logo h1{display:none;}
body.enableslide .header{position: absolute; background-color: rgba(0, 0, 0, 0.1);}