/*
#sp-menu>.sp-column {
    height: 60px !important;
}
*/
.article-list .article .article-header h2 a {
    color: #8c571d !important;
}

/*
#sp-top-bar {
    background: #ffffff !important;
    color: #a57036 !important;
}
*/



.breadcrumb {
    background-color: #ffffff00 !important;
padding: 15px 0 0 0 !important;
font-size: 9pt !important;
text-transform: uppercase;
margin-bottom: 0px !important;
}

#sp-main-body {
    padding: 20px 0 50px 0 !important;
}





.sp-page-title {
   
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    font-size: 0px !important;
min-height: 400px !important;
}

@media (max-width: 576px)
.logo-image-phone {
    height: 40px !important;
}

@media (max-width: 992px)
.logo-image-phone {
    height: 40px !important;
}

.logo-image-phone {
    height: 40px !important;
}

h2 {
    padding-top: 10px !important;
}

.article-list .article {
    /* margin-bottom: 0px !important; */
  /*   border: 0px !important; */

border-style: none none dotted none;
border-width: 2px;
    border-color: #a57036;
margin-top: 15px;
background-color: #f8f8f8 !important;
}

.card {
    min-width: 100% !important;
    background-color: #F5EADC !important;
font-size: smaller !important;
}

.col-lg-4 {
    padding-bottom: 10px !important;
}

@media (max-width: 576px)
#burger-icon {
    margin-top: -8px !important;
}

@media (max-width: 992px)
#burger-icon {
    margin-top: -8px !important;
}


/* Style buttons */
.btnyb {
  background-color: #ffffff;
  border-style: dashed;
border-color: #A57036;
border-width: 3px;
  color: #ffffff !important;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btnyb:hover {
  background-color: #f5eadc;
color: white !important;
}

contact-info {
max-width: 0px !important; 
}







.bubble3 {
    position: relative;
    background: #e8cdac;
    color: #333333;
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    max-width: 772px;
    height: auto;
    border-radius: 10px;
    padding: 20px;
    display: grid;
width: 80%;
line-height: 1.5 !important;
}
.bubble3:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #e8cdac transparent transparent;
    top: 50%;
    left: -20px;
    margin-top: -10px;
}

 .bubble1 {
width: 100% !important; 
display: flex !important;

}

.bubble2 {
width: 20% !important; 
float: left !important; 
display: grid !important;
}

.bubble2-img {
display: block !important; 
margin-left: auto !important; 
margin-right: auto !important;
max-width: 137px; 
max-height: 137px;
width: 100%;
height: auto;
}


.ybarticle {
  /*   max-width: 900px; */
margin: auto;
 /* text-align: justify !important;  */
}


.ybaff {
  text-decoration: none !important;
  color: #18272F !important;
  font-weight: 700 !important;
  position: relative !important;
}

.ybaff::before {
  content: '';
  background-color: hsla(196, 61%, 58%, .60) !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 100% !important;
  height: 9px !important;
  z-index: -1 !important;
  transition: all .3s ease-in-out !important;
}

.ybaff:hover::before {
  bottom: -2px !important;
  height: 100% !important;
}

img {
    border-radius: 0px !important;
}

.article-details .article-full-image img {
 /*   border-radius: 20px !important; */
}

.card {
    border-radius: 1rem !important;
text-align: center !important;
}

body, .sp-preloader {
   /* background-color: #f7edde !important; */
}

.article-intro-image {
   /*  border-radius: 20px !important; */
    border-style: none none none solid;
        border-width: 3px;
    border-color: #a57036;

}

.article-details .article-header h1, .article-details .article-header h2 {
font-size: 1.6em !important;
   /*  text-transform: uppercase !important; */
    /* text-align: center !important; */
font-weight: 800 !important;
}

.n2-ss-slider .n2-ow {
    border-radius: 10px !important;
}




/*
.article-info>span a {
    color: #252525;    
display: inline-flex;
    padding: 1px 10px;
    background-color: #a57036;
    color: #ffffff;
    border-radius: 10px;
}
*/

.article-info>span a:hover {
 /*   color: #ffffff !important;    */
    background-color: #8c571d;
}


.article-list .article .article-header h2 {
/* text-decoration: underline wavy !important; */
text-decoration-thickness: 0.01em !important;
font-weight: bold !important;
text-underline-offset: 0.2em;
margin-top: -10px !important;
    font-size: 1.2rem !important;
}


.article-list .article .article-header h2 a:hover {
    color: #333333 !important;


text-underline-offset: 0.2em;

}


.buttonyb {
			color: #ffffff;
			background-color: #8c571d;
			font-size: 18px;
			border: 1px solid #8c571d;
			padding: 15px 50px;
			cursor: pointer;
width: 100%;
		}
.buttonyb:hover {
			color: #8c571d;
			background-color: #ffffff;
		}


@media (max-width: 575px) {
    #sp-header {
        height: 60px !important;
    }
}

.article-list .article .article-full-image {
   /*  border-radius: 20px !important; */
}

.buttonybsm {

			color: #8c571d;
			background-color: #ffffff;
font-size: 18px;
			border: 1px solid #8c571d;
			padding: 15px 50px;
			cursor: pointer;

width: 100%;
		}
.buttonybsm:hover {


			color: #ffffff;
			background-color: #8c571d;
			font-size: 18px;
			border: 1px solid #8c571d;
			padding: 15px 50px;
			cursor: pointer;
		}

.fiyb {
font-weight: bold !important;

}


 .yb-img-c { 

  border-radius: 20px !important;
    border-style: none none none solid !important;
    box-shadow: 0px 3px 5px 0px rgb(165 112 54 / 50%) !important;
    border-width: 3px !important;
    border-color: #a57036 !important;
}


@media (max-width: 576px) {
.article-details .article-full-image img {
   /*  border-radius: 20px !important; */
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
}
}


.newsflash-image  {
    border-radius: 20px !important;
margin-top: 30px !important;
}



#sp-bottom .sp-module ul>li>a {
    margin-bottom: 15px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
   /* font-size: 0.7rem !important; */
}

/* .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
color: #ffffff !important; 
}
*/
/*
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #e8cdac !important;
}
 .sp-megamenu-parent>li.active:hover>a {
    color: #e8cdac !important;
}
*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    /* text-transform: uppercase !important; */
}

.article-details .article-info {
    border-style: solid !important;
    border-width: 1px 0px 1px 0px !important;
    border-color: #8c571d40 !important;
    padding: 5px 0px 5px 10px !important;
    background: #ffffff !important;
}



.category-name a:hover,
.createdby a:hover {
    color: #ffffff !important;
}

.article-info {
    border-style: solid !important;
    border-width: 1px 0px 1px 0px !important;
    border-color: #00000022 !important;
    padding: 3px 0px 3px 10px !important;
background: #f4f4f4 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;

}

.article-details figcaption.caption {
    font-size: 10px !important;
}

.ybg {
    background-color: #3cb043 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 3px 10px !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.ybg:hover {
    background-color: #444444 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 3px 10px !important;
    font-size: 13px !important;
    font-weight: bold !important;
}




.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #8c571d;
  text-transform: uppercase;
  animation: flip 7s infinite;
  animation-delay: calc(.1s * var(--i))
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}





/* PAYMENT FORM */



.form-control {
    width: auto !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    max-width: 90px;
}


.form-select {
    max-width: 287px !important;
}

.input-group {
  
    max-width: 287px;
}

.finder .word input {
    max-width: 190px !important;
    height: 65px;
}

.addbtn {

font-weight: bold !important;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: var(--breadcrumb-divider,"|");
}

.article-info>span+span::before {
    content: "|" !important;
}
/*
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #e8cdac !important;
}
*/

.artsim {
    border-style: none none dotted none;
    border-width: 2px;
    border-color: #a57036;
    margin-top: 15px;

padding-bottom: 20px !important;
}


.article-list .article figcaption.caption {
    font-size: 0px !important;
margin: 0px !important;
}
/*
.blog ul.fields-container { display: none !important; }
*/

.rblog ul.fields-container { display: block !important; }

.article-introtext  { 
line-height: normal !important; 
}


.related-article-list-container .article-info { display: none !important; }

.article-details .article-full-image {
    margin-bottom: 1.2rem !important;
}

.travelpromos  { 
line-height: normal !important; 
background-color: #e2ecf0 !important; 
    padding: 25px !important; 
}

.bg-danger {
    background-color: #e2ecf0 !important;
    color: #999999 !important;
padding-top: 7px !important;
}
.btn-af {
  display: block;
  width: 100%;
  border: none;
  background-color: #006ce4;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important; 
}

.btn-af:hover {
  background-color: #0057b8;
  color: white;
  text-decoration: none !important; 
  }

.acym_module_form input {
    max-width: 100% !important;
}

.bubble-contact {
    position: relative;
    background: #e8cdac;
    color: #333333;
    font-family: Arial;
    font-size: 16px;
    text-align: left;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 20px;
    display: block;
    width: 100% !important;
    line-height: 1.5 !important;
margin-top: 20px;
    margin-bottom: 20px;
}

.bubble-contact:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #e8cdac transparent transparent;
    top: 50%;
    left: -20px;
    margin-top: -10px;
margin-left: 10px;
}

.article-list .article .featured-article-badge {

    top: 15px !important;
    left: 15px !important;
  font-size: 0.6rem !important;
}

.article-details .featured-article-badge {
    top: 15px !important;
    left: 15px !important;
}

.article-introtext {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
/* font-size: 0.9rem !important; */
    font-weight: normal !important;
font-style: normal !important;
}

.article-header h2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

.newsflash-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

.breadcrumb {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

.pf-container  {
background-Color: #e2ecf0 !important;
padding: 30px !important;
}

.float-start {
    margin-right: 7px !important;
}

.sp-megamenu-parent>li.active>a {
    font-weight: bold !important;
}

.sp-megamenu-parent > li > a:hover, .sp-dropdown li.sp-menu-item > a:hover {
    text-decoration: underline !important;
}

.related-article-list-container {
    margin-top: 25px !important;
}

.mod-articles-title {
display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

.tiinbox  { 
line-height: normal !important; 
background-color: #f5f2ea !important; 
    padding: 25px !important; 
margin-bottom: 30px !important;
}

#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {

    border-bottom: 0px !important;
}
#sp-right .sp-module .sp-module-title {

    border-bottom: 1px solid #8c571d !important;
}
/*
#sp-right .sp-module {
    margin-top: 30px !important;
}
*/

.float-iconpodcast {
    position: relative; /* Ensure the image can have elements positioned on top of it */
    display: block;
    /* width: 100%; */ /* Adjust width of the image if needed */
    /* height: auto; */
}

.float-iconpodcast::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    background: url('/images/play.png') no-repeat center center !important;
    background-size: contain;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Ensure the icon doesn't block interactions */
}

.error-message {
    font-size: 2.2rem !important;
    color: #ffffff !important;

}

.error-code {
    color: #ffffff !important;
}


.burger-icon::after {
    content: '';
    position: absolute;
    bottom: -5px; /* Позиционира иконата малко под линиите, ако е необходимо */
    right: -5px;
    width: 15px; /* Ширина на иконата */
    height: 15px; /* Височина на иконата */
    background-image: url('/images/search-icon.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Скриване на иконата на лупа при затварящо състояние */
.close-offcanvas .burger-icon::after {
    display: none !important;
}


.burger-icon {
    position: relative !important;
}

.menu-parent .menu-child{
    display: block !important;
}
.menu-parent .menu-toggler{
    display: none !important;
}

.offcanvas-menu {overflow: scroll;}


/* PAGINATION */

.pagination {
  margin: 1rem;
}

.page-item {
  /* Hide all list items by default */
  display: none;

  /* Display the first two list items */
  &:nth-child(-n+2) {
    display: block;
  }

  /* Display the list item immediately before the active list item if it is not disabled */
  &:has(+ .active):not(.disabled) {
    position: relative;
    display: block;
    padding-inline-start: 50px;

    &::before {
      position: absolute;
      inset-block-end: 0;
      inset-inline-end: 50px;
      font-size: 1.5rem;
      content: "\2026";
    }
  }

  /* Display the active list item */
  &.active {
    display: block;
  }

  /* Display the list item immediately after the active list item if it is not disabled */
  &.active + li:not(.disabled) {
    position: relative;
    display: block;
    padding-inline-end: 50px;

    &::after {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 50px;
      font-size: 1.5rem;
      content: "\2026";
    }
  }

  /* Display the last two list items */
  &:nth-last-child(-n+2) {
    display: block;
  }
}


/* KRAI NA PAGINATION */

.sp-megamenu-parent>li>a {
    padding: 0 10px !important;
}


.d-lg-block {
    display: none !important;
}

@media (min-width: 1200px) {
    .d-lg-block {
        display: block !important;
    }
}

.related-article-large .article-information .intro-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 0.9rem !important;
    font-weight: normal !important;
    margin-bottom: 20px !important;
}


/* PAYMENT FORM */

.uk-form-horizontal {
max-width: 300px !important;
}

.uk-inline {
    display: flex !important;
    align-items: center !important;
}

.uk-form-icon {
    margin-right: 5px  !important; /* Регулирайте разстоянието между иконата и полето */
}

/* PAYMENT FORM */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 0.8rem !important;
}



.akengage-comment-hider {
    margin-bottom: 40px !important;
}

#sp-top-bar {
    background: #ffffff !important;
    color: #444444 !important;
}

@media (max-width: 991px) {
  .yb-only-desktop {
    display: none !important;
  }
}



.ybfal p:nth-of-type(2)::first-letter {
    font-size: 5.3125rem; /* ~85px */
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    float: left;
    margin-top: 0; /* Премахваме всякакви вертикални маргини */
    position: relative;
       margin-top: -10px !important;
padding-right: 10px !important;
}

@media only screen and (min-width: 768px) {
    .ybfal p:nth-of-type(2)::first-letter {
        font-size: 7.625rem; /* ~122px */
        line-height: 1;
        position: relative;
       margin-top: -15px !important;
padding-right: 10px !important;
    }
}

#sp-top-bar a {
    color: #8c571d !important;
    text-decoration: none;
}

#sp-top-bar a:hover {
    color: #333333 !important;
    text-decoration: underline !imporant;
}


.mod-articles-title, .mod-articles-link  {
list-style-type: none !important;
padding-top: 15px !important;
}

.list-unstyled {
    margin-bottom: 0 !important;
}

.mod-articles-items, .mod-articles-grid,  .grid-cols-3, .mod-list  {
list-style-type: none !important;
}

.ybmarker ul {
    padding-left: 0rem !important;
}

div.row.row-1.cols-2 {
  margin-right: -45px !important;
}

/* CUSTOM FIELDS SKRIVANE V BLOG VIEW POKAZVANE NA DETAIL PAGE */

.field-entry.issn-bg, .field-entry.issn-en  {
    position: relative;
    font-size: 0.9em !important;
    margin-bottom: 0px !important;
    list-style: none !important;
    /* margin: 0; */
    padding-left: 10px;
font-style: italic !important;

}

.article-details .article-can-edit ul  {
 list-style: none !important;
 /*   margin-left: -33px !important; */
    margin-bottom: 0px !important;
color: #8c571d;
/* font-size: 0.9em; */
display: block;
}

ul.fields-container {
    list-style: none !important;
    margin-left: -40px !important; 
/* font-size: 0px; */
display: none;
}

.field-entry.issn-bg::before,
.field-entry.issn-en::before {
    content: "📖 ";
    position: relative;
    top: 0px;
    margin-right: 6px;
    font-style: normal;
}

/* CUSTOM FIELDS SKRIVANE V BLOG VIEW POKAZVANE NA DETAIL PAGE END */

/* BUG FIX TEMPLATE */

.sp-megamenu-parent>li.active>a {
    color: #a57036 !important;
}
.sp-megamenu-parent>li:hover>a {
    color: #a57036 !important;
}
.mod-articles-title, .mod-articles-link  {
    color: #a57036 !important;
}
.tags>li a {
    background: #f4ebe2 !important;
    color: #a57036 !important;
}
.btn-primary, .sppb-btn-primary {
    border-color: #a57036 !important;
    background-color: #a57036 !important;
}
/* BUG FIX TEMPLATE END */

h4 a{
  color:#8c571d !important;
}

h4 a:hover,
h4 a:focus{
  color:#000000 !important;
}

#sp-left .sp-module, #sp-right .sp-module {
    background: #f4ebe2 !important;
}

.mod-articles-item {
    padding-bottom: 20px !important;
}


ul.fields-container:has(.wb-4p-render_class) {
    margin-left: 0px !important;
margin-top: 15px !important;
min-width: 100% important;
}

.btnyb26 {
    background-color: #ffffff;
    color: #a57036;
    border: 2px solid #a57036; /* Може да промените дебелината (2px) според вашите нужди */
    padding: 12px 24px; /* Стандартно отстояние за бутон */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавна смяна на цветовете */
}

.btnyb26:hover {
    background-color: #a57036;
    color: #ffffff;
}

.required {
    margin-left: -5px !important;
    padding-left: 0px !important;
}

.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    flex: 0.3 !important;
    background: none !important;
    border: none !important;
}


.input-group-text {
    font-weight: 700 !important;
   Background:  none !important;
    border: none !important;
}