/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/
/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */
a:focus,
a:focus-visible,
a:active{
  box-shadow: none !important;
  outline: none !important;
}
/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
:root {
  --primary-color: #CC1F26;
  --secondary-color: #0D0C0C;
  --text-color: #646975;
  --white-color: #FFFFFF;
  --primary-font: 'DM Sans', sans-serif;
  --font-46: 46px;
  --font-40: 40px;
  --font-36: 36px;
  --font-32: 32px;
  --font-28: 28px;
  --font-24: 24px;
  --font-22: 22px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
}

@media screen and (max-width: 1024px) {
  :root {
    --font-46: 36px;
    --font-40: 32px;
    --font-36: 34px;
    --font-32: 30px;
    --font-28: 24px;
    --font-24: 20px;
    --font-22: 20px;
    --font-20: 18px;
    --font-18: 16px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --font-46: 30px;
    --font-40: 26px;
    --font-36: 30px;
    --font-32: 24px;
    --font-28: 22px;
    --font-24: 18px;
    --font-22: 18px;
    --font-20: 16px;
    --font-18: 14px;
  }
}

/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
body {
  font-family: var(--primary-font);
  margin: 0px !important;
}

.page {
  margin: 0px !important;
}

.row {
  margin: 0 auto;
}

.row-padding>* {
  padding-left: 15px;
  padding-right: 15px;
}

.section-padding {
  padding-top: 70px;
  padding-bottom: 70px;
}



.section-bottom-padding{
  padding-bottom: 70px;
}

.main-title {
  font-size: var(--font-46);
  font-weight: 500;
  line-height: 110%;
  color: var(--secondary-color);
}

.description-text {
  color: var(--text-color);
  font-size: var(--font-16);
}

.description-text a {
  color: var(--primary-color);
  font-weight: 800;
  transition: 0.3s ease all;
}

.description-text a:hover {
  transition: 0.3s ease all;
  color: var(--secondary-color);
}

.description-text ul:not(ul ul):not(ul ol),
.description-text ol:not(ol ol):not(ol ul) {
  margin-left: 0;
  padding-left: 35px;
}

.description-text ul ol,
.description-text ul ul,
.description-text ol ol,
.description-text ol ul {
  margin-left: 0;
  padding-left: 20px;
}

.description-text ul li{
  list-style-type: none;
  position: relative;
}

.description-text ul li::before{
  content: '';
  position: absolute;
  top: 0;
  left: -35px;
  height: 25px;
  width: 25px;
  background-image: url(../images/list-marker.svg);
  background-repeat: no-repeat;
}

.description-text ol li::marker {
  color: var(--primary-color);
}

.description-text ul li,
.description-text ol li {
  padding-bottom: 10px;
  font-size: var(--font-18);
}

.description-text img {
  width: 100%;
  border-radius: 40px;
}

.custom-buttons-wrapper{
  margin-top: 30px;
}
/*03. Common class(padding, margin etc.) end*/


/*04. Header styles start*/
#primary-menu .menu-item .nav-link {
  line-height: 1em;
  padding: 15px 5px;
  color: var(--secondary-color);
  transition: 0.3s ease all;
}

#primary-menu .donate-btn .nav-link,
#primary-menu .donate-btn .nav-link:focus,
#primary-menu .donate-btn .nav-link:focus-visible,
#primary-menu .donate-btn .nav-link:active {
  border: 1px solid #E5DEDE;
  background-color: #F6F7F8;
  border-radius: 44px;
  padding: 15px 20px;
  font-weight: 500;
  transition: 0.3s ease all;
  box-shadow: none;
  outline: none;
}

#primary-menu .donate-btn .nav-link .header-menu-image-container img {
  filter: brightness(0);
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link .header-menu-image-container img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 44px;
  padding: 15px 28px;
  color: #ffffff;
  font-weight: 800;
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link:focus-visible{
  box-shadow: none;
}


a.btn.btn-secondary:focus-visible,
a.btn.btn-secondary:focus,
a.btn.btn-secondary:active {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    outline: none !important;
    box-shadow: none !important;
}

#primary-menu .menu-item .nav-link:hover {
  color: var(--primary-color);
  transition: 0.3s ease all;
}

#primary-menu .donate-btn .nav-link:hover .header-menu-image-container img,
#primary-menu .contact-btn .nav-link:hover .header-menu-image-container img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

#primary-menu .donate-btn .nav-link:hover,
#primary-menu .contact-btn .nav-link:hover {
  background-color: #ffffff;
  border-color: var(--primary-color);
  transition: 0.3s ease all;
}

.sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  background-color: var(--white-color);
}

#primary-menu .menu-item.current-menu-item:not(.contact-btn):not(.donate-btn) .nav-link {
  color: var(--primary-color);
}

.current-menu-ancestor a, 
.current-parent-menu a,
.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor a{
  color: var(--primary-color) !important;
}

/*04. Header styles end*/


/*05. Footer styles start*/
/*05. Footer styles end*/


/* Sidebar CSS */
.search-results .widget-area,
.single-post .widget-area,
.blog .widget-area,
.archive .widget-area,
.single .widget-area{
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-20);
    padding: 20px;
    position: sticky;
    top: 120px;
}
.search .wp-block-search__label, 
.single-post .wp-block-search__label, 
.blog .wp-block-search__label,
.archive .wp-block-search__label,
.single .wp-block-search__label{
    font-weight: 600;
    margin-bottom: 2px;
}

.search input[type=search], 
.single-post input[type=search], 
.blog input[type=search],
.archive input[type=search],
.single input[type=search]{
  padding: 10px 15px;
  border-radius: 40px;
  font-family: var(--secondary-font);
}

.search .wp-block-group, 
.single-post .wp-block-group, 
.blog .wp-block-group,
.archive .wp-block-group,
.single .wp-block-group{
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: var(--border-radius-18);
}

.search .wp-block-heading, 
.single-post .wp-block-heading, 
.blog .wp-block-heading,
.archive .wp-block-heading,
.single .wp-block-heading{
    font-size: 20px;
    margin-bottom: 20px;
}

.search .wp-block-categories, 
.blog .wp-block-categories, 
.single-post .wp-block-categories,
.archive .wp-block-categories,
.single .wp-block-categories{
    margin-bottom: 0;
}

.search ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.single-post ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.blog ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.archive ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.single ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav){
    margin-left: 0;
    /* list-style: none; */
    padding-left: 25px;
    text-align: left;
    color: var(--text-color);
}

.search ul li a,
.single-post ul li a,
.blog ul li a,
.archive ul li a,
.single ul li a{
    text-decoration: none;
     color: var(--text-color);
     transition: 0.3s ease all;
}

.search ul li a:hover,
.single-post ul li a:hover,
.blog ul li a:hover,
.archive ul li a:hover,
.single ul li a:hover{
     transition: 0.3s ease all;
     color: var(--primary-color);
}

.search .widget.widget_block:last-child,
.single-post .widget.widget_block:last-child,
.blog .widget.widget_block:last-child,
.archive .widget.widget_block:last-child,
.single .widget.widget_block:last-child{
    margin-bottom: 0;
}

.single-post .posted-on,
.archive .posted-on,
.single .posted-on{
    color: var(--text-color);
    font-family: var(--secondary-font);
    font-weight: 600;
}

.single-post .posted-on a,
.archive .posted-on a,
.single .posted-on a{
    text-decoration: none;
    color: var(--text-color);
    pointer-events: none;
}

.searchwp-live-search-result .searchwp-live-search-result--title a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s ease all;
}

.searchwp-live-search-result .searchwp-live-search-result--title a:hover {
    transition: 0.3s ease all;
    color: var(--primary-color);  
}

.search-result-container .searchwp-revised-search-notice{
    display: none;
}


/* 404 Page CSS Start */
.error404 .page-title {
    font-size: 150px;
    color: var(--primary-color);
    font-weight: 700;
    line-height: 1em;
    font-family: var(--primary-font);
}

.error404 .page-content p.first-line {
    font-size: 40px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 1em;
    margin-top: 20px;
    font-family: var(--secondary-font);
}

.error404 .page-content p.second-line {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-color);
    line-height: 1em;
    margin-top: 20px;
    font-family: var(--secondary-font);
}

/* 404 Page CSS End */

/* Search Page CSS Start */
.no-result{
    text-align: center;
}
.search-result-container .search-detail-container {
    border: 1px solid #e2e2e2;
    border-radius: var(--border-radius-18);
    padding-bottom: 0;
    height: 100%;
}

.search-result-container .search-detail-container img{
    border-radius: var(--border-radius-18);
    background-color: #E9E9E9;
    width: 100%;
    /* aspect-ratio: 3 / 2; */
    object-fit: contain;
    max-height: 200px;
}

.search-results .entry-title{
    margin-bottom: 0;   
    line-height: 100%;
}

.search-results .entry-title a{
    text-decoration: none;
    color: #282A2F;
    font-size: var(--font-24);
    font-weight: 500;
    font-family: var(--prompt-font);
    transition: 0.3s ease all;
}

.search-results .entry-header{
    padding: 20px;
}

.search-results .search-card-link:hover ~ .entry-header .entry-title a{
    color: var(--primary-color);
    transition: 0.3s ease all;
}


.search-results .pagination-wrapper .nav-links .page-numbers{
	font-size: var(--font-16);
	font-weight: 600;
	color: #7e858b;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	width: 45px;
	transition: 0.3s ease all;
}

.search-results .pagination-wrapper .nav-links .page-numbers:not(.dots){
	border: 1px solid #e0e0e0;
	border-radius: 18px;
	padding: 10px;
	text-decoration: none;
}

.search-results .pagination-wrapper .nav-links .page-numbers:hover{
	color: var(--primary-color);
	transition: 0.3s ease all;
	border-color: var(--primary-color);
}

.search-results .pagination-wrapper .nav-links .page-numbers.current{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.search-results .nav-links{
	display: flex;
	gap: 5px;
	justify-content: center;
}

/* Search Page End */


/*06. Common content start*/
a.btn-primary,
.back-to-home,
a.btn-primary:focus-visible,
.main-btn:focus-visible,
.back-to-home:focus-visible,
a.btn-primary:focus,
.main-btn:focus,
.back-to-home:focus {
  background-color: var(--primary-color);
  color: var(--white-color);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 25px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: 44px;
  border: 2px solid var(--primary-color);
   box-shadow: none;
  outline-offset: 0px;
  outline: none;
}

a.btn-primary:active,
.main-btn:active,
.back-to-home:active{
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a.btn-primary:hover,
.back-to-home:hover {
  background-color: var(--white-color);
  transition: 0.3s ease all;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}

a.btn-secondary {
  background-color: transparent;
  color: var(--white-color);
  font-weight: 500;
  line-height: 1em;
  padding: 15px 20px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: 44px;
  border: 2px solid var(--primary-color);
}

a.btn-secondary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  transition: 0.3s ease all;
}

/*06. Common content end*/


/*07. Pages and Posts satrt*/
/* Search Form CSS Start */
.searchwp-modal-form-default .searchwp-modal-form__content {
    z-index: 999 !important;
    padding: 3em !important;
}

.searchwp-modal-form__content .search-submit,
.search .widget-area [type=submit], 
.single-post .widget-area [type=submit], 
.searchwp-modal-form__content .search-submit, 
.blog .widget-area [type=submit],
.archive .widget-area [type=submit],
.archive input[type="submit"],
.single .widget-area [type=submit],
.searchwp-modal-form__content .search-submit:focus,
.search .widget-area [type=submit]:focus, 
.single-post .widget-area [type=submit]:focus, 
.searchwp-modal-form__content .search-submit:focus, 
.blog .widget-area [type=submit]:focus,
.archive .widget-area [type=submit]:focus,
.single .widget-area [type=submit]:focus,
.searchwp-modal-form__content .search-submit:focus-visible,
.search .widget-area [type=submit]:focus-visible, 
.single-post .widget-area [type=submit]:focus-visible, 
.searchwp-modal-form__content .search-submit:focus-visible, 
.blog .widget-area [type=submit]:focus-visible,
.archive .widget-area [type=submit]:focus-visible,
.single .widget-area [type=submit]:focus-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    border-radius: 0;
    color: #ffffff;
    border-color: transparent;
    transition: all .3s;
    font-weight: 600;
    line-height: 150%;
    background-color: var(--primary-color);
    border-radius: 50px;
}

.search input[type=search]:focus-visible, 
.single-post input[type=search]:focus-visible, 
.blog input[type=search]:focus-visible, 
.archive input[type=search]:focus-visible,
.archive input[type="submit"]:focus-visible{
    outline: none;
    /* border: none; */
}

.searchwp-modal-form__content .search-field {
    padding: 10px 15px;
    border-radius: 50px;
}

.searchwp-modal-form__content .search-field:focus-visible {
    outline: none;
    box-shadow: none;
}

.searchwp-modal-form-default .searchwp-modal-form__footer {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    padding: 0 !important;
}

.searchwp-modal-form-default .searchwp-modal-form__close {
    line-height: 1em;
    background: transparent;
    padding: 0.4em 0.5em;
    border: 0;
    margin: 0 auto;
}
/* Search Form CSS End */
/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* 08. Extra styles end*/


/*09. Media Query start*/
@media screen and (min-width: 1281px) {
  .container {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    /* max-width: 1366px; */
    max-width: 1280px;
  }
}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 768px) {}

@media screen and (max-width: 1400px){
  #primary-menu .menu-item{
    margin-right: auto;
  }

   #primary-menu .contact-btn{
    margin-top: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .container {
    max-width: 1140px;
    padding: 0px 0px;
  }
}

@media screen and (max-width: 1024px) {
  .section-padding.image-section-padding{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*Tablet*/
@media screen and (max-width: 991px) {
.searchwp-modal-form-default .searchwp-modal-form__content{
  padding: 30px 20px !important;
}

}

/*Small Device*/
@media screen and (max-width: 768px) {
	.error404 .page-title{
		font-size: 100px;
	}
	.error404 .page-content p.first-line{
		font-size: 28px;
	}
}

/*Mobile Device*/
@media screen and (max-width: 640px) {
  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-bottom-padding{
    padding-bottom: 50px;
  }
}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {}

@media screen and (max-width: 420px) {}

/*09. Media Query end*/