:root {
  --primary-hover-color: #933434;  
  --primary-background-color: #fdebeb87;  
  --secondary-background-color: #fff;  
}

body{
/*background-color: #fdebeb87;*/
background-color: #fff;
	/*background-color: var(--primary-background-color);*/
}

.bg-footer{
	background-color: var(--primary-background-color);	
}
.field-wrap > div input[type="checkbox"], .field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"] {
	min-width: 16px;
}

#theme-main section:nth-child(even) {
  background-color: var(--primary-background-color);
  /*background-color: var(--secondary-background-color);*/
}

#theme-main section:nth-child(odd) {
  background-color: var(--secondary-background-color);
  /*background-color: var(--primary-background-color);*/
}

/*******************************MENU******************************************************/
#wrapper-navbar{
	margin-top: 25px;
	/*margin-bottom: 20px;*/
}

.navbar{
	/*background-color: var(--primary-background-color);*/
}
.dropdown-menu {
	background-color: #fdebeb;
	border: 1px solid #ccc;
	padding: 10px;
	color: #fff;
	border-radius: 0;
	margin-top: 0 !important;
	
}


.navbar {
	padding: 0;
}

.dropdown-menu.animated {
  display: block !important; /* override Bootstrap */
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity 0.25s ease, transform 0.25s ease;
  visibility: hidden;
}

.dropdown:hover .dropdown-menu.animated {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.dropdown:hover .dropdown-menu { 
	display: block;
	/*margin-top: var(--bs-dropdown-spacer);*/
}

li.menu-item:hover > ul:hover, li.menu-item > ul:hover a, .menu-item:hover > a{
	color: #fff !important; 
	background-color: var(--primary-hover-color);
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #fff;
	background-color: var(--primary-hover-color);
}

#logo-tagline-wrap {
    min-width: 0;
}
#top-description {
    font-size: 1rem;
	white-space: normal;
}
.navbar-brand img {
    object-fit: contain;
  	height: 100px;
}

.site-name{
  white-space: normal;
  line-height: 1;
}
/*************************BUTTONS IN HEADER********************************************/
.search-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030; 
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	
	transform: translateY(-100%);
	opacity: 0;	
	
	transition: transform 0.3s ease, opacity 0.3s ease;
	height: 100px;
}

.search-bar.show {
  transform: translateY(0);
  opacity: 1;
}

#search-btn{
	
}
.navbar .form-control:focus, .navbar .widget_categories select:focus, .navbar .widget_archive select:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--primary-hover-color);
  outline: 0;
  box-shadow: 0 0 0 .25rem var(--primary-background-color);
}

.nav-icon{
	color: var(--primary-hover-color);		
}

.phone-header, .schedule-header{
    align-items: center; 
    justify-content: center;
}

.phone-header a, .schedule-header a, .bvi-shortcode a{
	text-decoration: none;
}

.schedule-header a, .navbar .btn-donor, .cookie-banner .btn-donor{
	background-color: var(--primary-hover-color);
	border: 1px solid var(--primary-hover-color);
	border-radius: 7px;
	color: white;	
}

.navbar .btn-donor-outline{
	border: 1px solid var(--primary-hover-color);
	border-radius: 7px;
	color: var(--primary-hover-color);	
}

.navbar .btn-donor-outline:hover{
	border: 2px solid var(--primary-hover-color);
	color: white;	
	background-color: var(--primary-hover-color);
}

.schedule-header a:hover, .navbar .btn-donor:hover, .cookie-banner .btn-donor:hover{
	color: var(--primary-hover-color);	
	background-color: var(--primary-background-color);
}

.social-icons-holder {
  display: block;
}
.social-icons {
	height:35px;
}
.social-icons-holder
.social-icons {
  display: flex;
  justify-content: left;
  list-style: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0;
}
.social-icons-holder
.social-icons
.social-icon, .bvi-shortcode .bvi-open .bvi-svg-eye{
	height:100%;
	fill: var(--primary-hover-color);
	display: flex;
	justify-content: center; 
	align-items: center;
	padding: 5px;
}

.social-icon-image{
  width: 3em;
  height: 3em;
}

.social-icons-holder
.social-icons a {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color .3s ease-in-out;
  width: 3rem;
  border-radius: .25rem;
}
.social-icons-holder
.social-icons a:hover {
	/*background-color: var(--primary-hover-color);
	fill: #fff;*/
}
.social-icons-holder
.social-icons a::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 100%;
 /* width: 1.2rem;
  height: 1.2rem;
  left: .65rem;
  top: .65rem;*/
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.social-icons-holder .social-icons .social-icon-vk::before {
  background-image: url("../../images/social-icons/vk.svg") !important;
	background-repeat: no-repeat;
}
.social-icons-holder .social-icons .social-icon-tg::before {
  background-image: url("../../images/social-icons/telegram.svg") !important;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.social-icons-holder .social-icons .social-icon-vb::before {
  background-image: url("../../images/social-icons/viber.svg") !important;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.social-icons-holder .social-icons .social-icon-wa::before {
  background-image: url("../../images/social-icons/whatsapp.svg") !important;
	background-repeat: no-repeat;
}
.social-icons-holder .social-icons .social-icon-ok::before {
  background-image: url("../../images/social-icons/ok.svg") !important;
	background-repeat: no-repeat;
}

/*************************FEATURE POSTS***********************************************/
#main-info
{
	display: flex;
	padding: 10px 22px;
	justify-content: center;
}
.feature_post a
{
	display: block;
	/*background: rgba(0,0,0,.14);*/
	padding: 10px 20px;
	text-align: center;
	/*color: #fff;*/
	color: #000;
	transition: background .4s ease-out;
	-webkit-transition: background .4s ease-out;
	-moz-transition: background .4s ease-out;
	-o-transition: background .4s ease-out;
	
	height: 150px;
	border: 1px solid var(--primary-hover-color);;
}

.icon-container
{
	text-align: center;
	display: flex;
	justify-content: center;
}


.feature_post
{
	/*padding: 10px 22px;	*/
	padding: 10px 10px;	
}

.feature_post a:hover
{
	background-color: var(--primary-hover-color);
	color: #fff;	
}

.feature_post a:hover .fa 
{
	color: #fff;	
}

.feature_post a i {
  font-size: 48px;
  color: #fff;
	color: #000;
  display: block;
  padding-top: 20px;
}

.main-section{
	padding: 50px 22px;
}

.section-title{
	margin-bottom: 30px;
	text-align: center;
	justify-content: center !important;
}

/*********************************************************************************************/
#menu-left-sidebar a
{
	text-decoration:none; 
	display: block;
    padding: 12px 0 11px;
}

#menu-left-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  /*font-size: 1.6rem;*/
}

#menu-left-sidebar .menu-item {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
	margin-top: -1px;
}
#menu-left-sidebar .menu-item:last-child > a {
    border-bottom: 1px solid transparent;
  }

#menu-left-sidebar .menu-item > a {
	border-bottom: 1px solid #933434;
}
#menu-left-sidebar li:hover,
#menu-left-sidebar a:hover,
#menu-left-sidebar li:hover > a,
#menu-left-sidebar li.active > a {
	background-color: #933434;
	color: #fff;
}
/*#menu-left-sidebar li a:hover {
	color: #fff;
}*/


@media (min-width: 940px) {
  #left-menu .item-li > a {
    border-top: 1px solid #D7D7D7;

  }
}
@media (min-width: 220px) {
  #left-menu .item-li a, #left-menu .item-2-li > a, #left-menu .item-3-li a, #right-menu li a {
    display: block;
    text-decoration: none;

    padding: 12px 0 11px;

  }
}
a {
  word-break: break-word;
}
a {
  color: #9F0606;
}

/*******************************MAIN BANNER CAROUSEL************************************/
#main-slider .carousel-item {
	height: 250px;
 /*  height: 300px;
 display: flex;
  align-items: center;
  justify-content: center;*/
}

.main-banner-image{
/*	height:100%;
	width:auto;*/
}

#main-slider .carousel-bg-slide {
  width: 100%;
  height:100%;
  /*height: 250px;
   height: 300px;
 background-size: cover;*/
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

#main-slider .banner-text-image{
	/*height:250px;*/
}

#main-slider .banner-text-image-holder{
	/*height:250px;*/
	align-items: center;
}

#main-slider .carousel-caption-custom {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  text-align: left;*/
}

#main-slider .btn-banner
{
	color: #fff;
	border: 1px solid white;
	font-weight: bold;
}

#main-slider .btn-banner:hover
{
	color: #fff;
	border: 1px solid #fc928e;
	font-weight: bold;
	background-color: #fc928e;
}

/* Обёртка слайдера — фиксируем позиционирование */
.slider-wrapper {
  position: relative;
}

/* Стрелки */
.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
  z-index: 10;
}

.slider-nav:hover {
  background: rgba(255, 255, 255, 0.6);
}

.slider-nav:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25); /* Bootstrap primary focus */
}

.slider-nav.prev {
  left: 15px;
}

.slider-nav.next {
  right: 15px;
}

/* Иконки стрелок (можно заменить на SVG или иконочный шрифт) */
.slider-nav::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

.slider-nav.prev::before {
  transform: rotate(-45deg);
  margin-top: -1px;
}

.slider-nav.next::before {
  transform: rotate(135deg);
  margin-top: -1px;
}

/* Адаптация под мобильные */
@media (max-width: 576px) {
  .slider-nav {
    width: 36px;
    height: 36px;
  }
  .slider-nav::before {
    width: 10px;
    height: 10px;
  }
}

.carousel-bg-slide {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
  }
.carousel-caption-custom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    text-align: left;
  }
/**********************************NEWS SECTION**************************************/
#main-news .post-excerpt-header{
	text-align: center;
	text-decoration: none;
	color: black;
}

#main-news .featured-news{
	padding: 10px 20px;
	display: grid;
}

#main-news .featured-news:hover, .last-news .featured-news:hover {
	color: #fff;
 	background-color: var(--primary-hover-color);
}

#main-news .text-end .btn {
	color: var(--primary-hover-color);
    border: 1px solid var(--primary-hover-color);
	
}

#main-news .featured-news:hover .btn  {
	color: #fff;
 	border: 1px solid #fff;
	transition: all 500ms ease;
}

#main-news .featured-news .btn:hover  {
	color: #fff;
 	border: 1px solid #fff;
 	background-color: var(--primary-hover-color);
}


#main-news .featured-news {
      display: flex;
      flex-direction: column;
      height: 100%;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	  transition: all 500ms ease;
    }

#main-news  .featured-news > a {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      text-decoration: none;
      color: inherit;
    }

#main-news  .featured-news .post-caption {
      padding: 1rem;
   /*   background: #f8f9fa;*/
    }

#main-news .featured-news .post-image {
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

#main-news .featured-news img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: cover;
    }

#main-news .featured-news .post-excerpt {
      padding: 1rem;
      flex-shrink: 0;
    }

.last-news .featured-news > a {
	text-decoration: none;
	color: inherit;
}
.last-news .featured-news{
	padding: 10px;
	border-bottom: 1px solid #933434;
}

/*******************************TESTIMONIAL SECTION*********************************/
#main-testimonial
{
	background-color: var(--primary-background-color);
}

#main-testimonial .testimonial /*.testimonial-inner*/{
	border: solid 2px var(--primary-hover-color);
	border-radius: 15px;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content::before, .strong-view.wpmtst-modern .wpmtst-testimonial-content::after {
  color: var(--primary-hover-color) !important;
  background: var(--primary-hover-color) !important;
  /*width: 36px;
  height: 36px;
  font-size: 36px;
  font-style: normal;
  line-height: 36px;
  position: absolute;*/
}

.strong-view.controls-style-buttons2 .wpmslider-start, .strong-view.controls-style-buttons2 .wpmslider-stop, .strong-view.controls-style-buttons2 .wpmslider-next, .strong-view.controls-style-buttons2 .wpmslider-prev 
{
  background: var(--primary-hover-color) !important;
}

#main-testimonial .testimonial h3 a
{
	text-decoration: none;
}

#main-testimonial .testimonial h3
{
	text-align: center;
}



/*************************MINISTIES SECTION******************************************/

#main-ministies .ministry{
	padding: 0;
}

#main-ministies a{
	text-align: center;
	text-decoration: none;
}

#main-ministies img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#main-ministies h6{
	padding: 10px;
	margin-top: 10px;
  	margin-bottom: 10px;
	background-color: var(--primary-background-color);
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 10pt;
}

#main-ministies p{
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}
/**********************************MAIN BANNERS*************************************/
#main-banners img
{
	height: 350px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#main-banners .banner-wrapper{
	padding-top: 15px;
}

#main-banners .banner-holder{
	/*display:flex;*/
}

#main-banners 
{
	
}

#main-banners .carousel-item
{
	
}
/***********************************************************************************/
#backToTop
{
	visibility: hidden;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
	opacity: 1.0;
	padding: 3px 11px 7px;
	transition: all 500ms ease;
	font-size: 25px;
}
#backToTop:hover  {
	color: #fff;
 	background-color: var(--primary-hover-color);
}
/***********************************************************************************/
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1100;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(6px);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 1rem;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
}

.cookie-banner p {
	margin-bottom: 0;
	font-size: 0.95rem;
}

.cookie-banner a {
	text-decoration: underline;
	color: #0d6efd;
}

.cookie-banner a:hover {
	color: #0a58ca;
}