.sas-headerbar-top a, #sosyal, #sosyal a {
    font-family: monospace !important;
    color: #d7dae2;
}

.sas-headerbar-top, #sosyal {
    font-family: monospace;
    padding: 10px;
    background-color: #616d8a;
}


.view-baslik .uk-background-cover {
	background-image: url(/themes/desi/images/files/br-1.jpg);
}

.node--type-sss .uk-accordion-title, .node--type-urun .uk-accordion-title {
	color: #10012A;
}

#huge-banner {
	height: 650px;
    background-color: #10012a;
}

#huge-banner span {
    color: #D80758;
}

#huge-banner .sas-meta {
margin: 0 0 12px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.23);
    display: inline-block;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 18px;
    padding: 8px 20px;
    border-radius: 5px;
}
#huge-banner .sas-title {
color: #fff;
font-size: 4rem;
}

.view-urun-kategorileri #text {
    letter-spacing: 5px;
}

/*
#uruntag a {

   margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0 .28571429rem .28571429rem 0;
    transition: none
}
#uruntag a:before {
    position: absolute;
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: #f0f0f0;
    background-image: none;
    width: 2em;
    height: 2em;
    transition: none
}

#uruntag a:after {
    position: absolute;
    content: '';
    top: 50%;
    left: -.25em;
    margin-top: -.25em;
    background-color: #fff!important;
    width: .5em;
    height: .5em;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    border-radius: 500rem
}
*/

#huge-banner .sas-link > i {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 5px 10px
}

#huge-banner .sas-link  {
border: none;
padding-right: 10px;
background-color: #D80758;
}
#huge-banner .sas-link:hover  {
background-color: #91073d;
transition: 1s;
}

.vocabulary-urun-kategorileri .uk-button-text:hover {
    color: #D80758;
}
/*
#anasayfa-belgeler > div:nth-child(n+1):nth-child(-n+3) {
    border-bottom: 1px solid #ccc;
}

#anasayfa-belgeler.uk-grid-divider > :not(.uk-first-column)::before  {
    border-color: #ccc;
}
*/



@-webkit-keyframes AnimateBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes AnimateBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

#block-desi-sertifikalar .bg  {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 300% 300%;
    background-image: linear-gradient(-45deg, #d80758 0%, #d80758 25%, #d80758 51%, #10012a 100%);
    -webkit-animation: AnimateBG 10s ease infinite;
    animation: AnimateBG 10s ease infinite;
}


#block-desi-sertifikalar .bg #anasayfa-belgeler  div.uk-text-center {
    opacity: 0.7;
    background-color: #fff;
    border-radius: 10% 10% 0 0;
    overflow: hidden;
}

#block-desi-sertifikalar .bg #anasayfa-belgeler div.uk-text-center h4 {
    padding: 5px;
}
.text-shadow {
    text-shadow: 1px 1px #000;
}

.text-shadow-white {
    text-shadow: 5px 5px #FFF;
}

.uk-border-rounded.border, .border {
    border: 1px solid #d4d4d5;
}

.uk-border-rounded.border:hover {
    border: 1px solid #1e3050;
    transition: 1s;
}



.uk-slideshow .uk-slideshow-items, .uk-slideshow .uk-slideshow-nav li a {
    border: 1px solid #d7dae2;
    padding: 2px;
    border-radius: 5px;
}



.uk-slideshow .uk-slideshow-items:hover, .uk-slideshow .uk-slideshow-nav li a:hover {
    border: 1px solid #1e3050;
    transition: 1s;
}

/*
.uk-navbar-nav > li > a {
    color: #10012a;
}
*/
#kutuicerigi img {
    width: 50px;
}

.block-views-blockshop-urun-block-1 {
    background: #EDEDED;
    background: linear-gradient(180deg, #EDEDED 0%, #EDEDED 50%, #FFF 100%);
    background-image: url(/themes/desi/images/about-bg.png);

}

.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 50px;
}

.view-taxonomy-term  a:hover .uk-card-title {
    color: #fff;
} 

.view-destek-videolari .view-display-id-attachment_1 .uk-panel {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.view-destek-videolari .view-display-id-attachment_1 .uk-card:hover {
    border-color:  #000;
    transition: 1s;
}

.bgcm {
    background-color: #10012a;
}

.bgce {
    background-color: #d80758;
}

.cm {
    color: #10012a;
}

.ce {
    color: #d80758;
}

.feed-icon {
    display: none;
}

.uk-nav-default > li a {
    color: #fff;
}


.b2 {
    font-size: 3rem;
    letter-spacing: 10px
}

.kesfet.utopic {
    background-color: #10012A;
    padding: 10px;
    border-radius: 10px;
    opacity: 0.7;
    font-weight: 600;
}

a .kesfet.utopic {
    color: #fff;
}

a .kesfet.utopic:hover {
    color: #D80758;
}



/* Dil değiştirici bloğundaki ülke isimlerini ve metinleri gizleme */
.language-switcher-language-url li a span.language-name,
.language-switcher-language-url li a:before {
    display: none;
}

/* Dil değiştirici bloğundaki bayrakları gösterme */
.language-switcher-language-url li a {
    background-size: cover;
    display: inline-block;
    width: 30px; /* Bayrak genişliği */
    height: 20px; /* Bayrak yüksekliği */
    text-indent: -9999px; /* Metni ekrandan çıkarma */
}
/* Dil değiştirici bloğundaki bayrakları gösterme */
.language-switcher-language-url li a[hreflang="tr"] {
    background-image: url('/themes/desi/images/tr.svg'); /* Türkçe bayrağının yolu */
    border-radius: 3px;
}
/* Dil değiştirici bloğundaki bayrakları gösterme */ 
.language-switcher-language-url li a[hreflang="en-gb"] {
    background-image: url('/themes/desi/images/gb.svg'); /* Türkçe bayrağının yolu */
    border-radius: 3px;
}

.uk-iconnav {
    line-height: 4px;
}

.bggreen {
    background-color: green;
}

.header-border-top {
    border-top: 1px solid #e7e8ea;
}

#logo {
    background-color: #e30613
}

.ipless-ui {
    display: none;
}

.header-butonlar a#kesif {
    background-color: #54b954;
    border: 1px solid #54b954;
    transition: 0,5s;
}

.header-butonlar a#kesif:hover {
    background-color: #caffca;
color: inherit;
    transition: 0,5s;
}
.header-butonlar a#shop {
background-color: #ffa700;
border: 1px solid #ffa700;
}

.header-butonlar a#shop:hover {
background-color: #fbedd4;
color: inherit;
}

.header-butonlar a {
    border-radius: 30px
}
#sosyal {
    padding: 5px 80px 5px;
    border-radius: 0 0 10px 10px
}
#sosyal a:hover, .sas-headerbar-top a:hover{
    color:#fff !important
}

.uk-navbar-nav li {
    border-top: 1px solid #e7e8ea;
    margin-top: -1px;

}

.uk-navbar-nav li:hover, .uk-navbar-nav li.uk-active {
    border-top: 1px solid #4094ff;
    transition: border-top 1s ease;

}

.uk-navbar-nav li a:hover, .uk-navbar-nav li.uk-active {
/*    color: #8f98a8; */
    transition: color 0.5s ease;


}

.shadow-top {
  box-shadow: inset 0 5px 9px -7px #000;
}

.urun_sembolleri span {
    background: #ffffff;
    margin: 3px;
    text-align: center;
    padding: 5px;
    width: 100px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

#kontrol-secenekleri .uk-card-media-left {
    color: rgba(0,0,0,.6);
    background-color: #e0e1e2;
    border-radius: 10px 0 0 10px;
}
#kontrol-secenekleri .uk-card-body {
    color: rgba(0,0,0,.6);
    background-color: rgba(0,0,0,.05);
    border-radius: 0 10px 10px 0;
    font-weight: 700;
}

#kontrol-secenekleri i {
    font-size: 3rem;
}

#renk-secenekleri label {
    background-color: #fff;
    padding: 2px 10px 0px 10px;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: bold;
}
.pace-running > *:not(.pace) {
    opacity: 0.1;
    background-color: #000;
}

.us_shadow {
    position: relative;
    top: 220px;
    right: 340px;
}

.c1 {
    background-color: #8f98a8;
}

.uk-section-secondary .uk-heading-medium {
    color: inherit;
}

.borderb {
    border: 1px solid #22242626;
}

.uk-leader-fill {
    font-weight: bold;
}



.block-system-menu-blockformlar ul li {
    padding: 23px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 1.2em;
    margin-bottom: 15px;
}.block-system-menu-blockformlar ul li a:hover {
    color: #fff;
    transition: 0.2s;
}
.block-system-menu-blockformlar ul li::before {
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}
.block-system-menu-blockformlar ul li:nth-child(1) {
    background-color:#D9E778;
}
.block-system-menu-blockformlar ul li:nth-child(1)::before {
    content: "\f2b9"
}
.block-system-menu-blockformlar ul li:nth-child(2) {
    background-color:#A291FB;
}
.block-system-menu-blockformlar ul li:nth-child(2)::before {
    content: "\f022"
}
.block-system-menu-blockformlar ul li:nth-child(3) {
    background-color:#6DFFFF;
}
.block-system-menu-blockformlar ul li:nth-child(3)::before {
    content: "\f4ff"
}
.block-system-menu-blockformlar ul li:nth-child(4) {
    background-color:#54C8FF;
}
.block-system-menu-blockformlar ul li:nth-child(4)::before {
    content: "\f2b9"
}
.block-system-menu-blockformlar ul li:nth-child(5) {
    background-color:#00b5ad;
}
.block-system-menu-blockformlar ul li:nth-child(5)::before {
    content: "\f7d9"
}

.uk-card-badge.uk-label {
    background-color: #2185d0;
}

.baslik-node {
    background-color: rgb(97 109 138 / 25%);
}

body:not(.path-frontpage) .uk-slider-items li img {
    border: 1px solid #d7dae2;
}
body:not(.path-frontpage) .uk-slider-items li img:hover {
    border: 1px solid #1e3050;
    transition: 1s;
}


.uk-slider-items li {
    margin-right: 3px
}

.destek-kategori-bg {
    background-color: rgba(232,237,247,.5);
}

#block-desi-main-menu .uk-navbar-nav .menu-item:first-child a {
  padding-left: 0px; /* Burada istediğiniz padding değerlerini belirleyin */
}

#block-desi-mobile .uk-nav-default > li a {
    color: #000;
}

#block-desi-anasayfa {
    background: linear-gradient(315deg, rgba(0, 0, 0, 1) 3%, rgba(139, 0, 0, 1) 38%, rgba(60, 0, 0, 1) 68%, rgba(255, 0, 0, 1) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

#block-desi-anasayfa .wave {
    background: rgba(0, 0, 0, 0.25); /* Siyah dalga efekti için opak siyah */
    border-radius: 1000% 1000% 0 0;
    position: absolute;
    width: 200%;
    height: 15em; /* Dalga yüksekliğini artırın */
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.7; /* Opaklığı biraz düşürerek efektin görünümünü artırın */
    bottom: 0;
    left: 0;
    z-index: 1;
}

#block-desi-anasayfa .wave:nth-of-type(2) {
    bottom: -1.5em; /* Yüksekliği güncelleyin */
    animation: wave 18s linear reverse infinite;
    opacity: 0.6;
}

#block-desi-anasayfa .wave:nth-of-type(3) {
    bottom: -3em; /* Yüksekliği güncelleyin */
    animation: wave 20s -1s reverse infinite;
    opacity: 0.5;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}

#block-desi-anasayfa .uk-slideshow-items {
    border: none;
}

/* Genel Konteyner */
#shopdil {
    display: flex;
    align-items: center; /* Öğeleri dikeyde ortala */
    text-align: center;
}

/* Bağlantıların (a) Stili */
.inline-item {
    display: inline-flex; /* Resim ve metni aynı satıra al */
    align-items: center; /* Resim ve metni dikeyde ortala */
    gap: 10px; /* Resim ve metin arasında boşluk */
    text-decoration: none; /* Bağlantı alt çizgisini kaldır */
    color: inherit; /* Varsayılan metin rengini koru */
}

/* Görsellerin Boyutu ve Oval Yapma */
.inline-item img {
    height: 50px; /* Yükseklik 50px */
    width: 50px; /* Yatayda da aynı boyut */
    object-fit: cover; /* Görselin düzgün şekilde yerleşmesi için */
    transition: transform 0.3s ease; /* Hoverda büyütme için geçiş efekti */
}

/* Genel Konteyner */
.ui.buttons {
    display: flex;
    align-items: center; /* Öğeleri dikeyde ortala */
}

/* Button stili */
.ui.button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    text-decoration: none;
}

/* "or" metninin olduğu kısmın stilini belirleyelim */
.or {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #616d8a;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); /* Kenarlık ekledik */
}

/* Shop İkonu Stili */
.or i {
    font-size: 20px; /* Icon büyüklüğünü ayarladık */
}

/* Bayrak Görseli ve Metin Stili */
.ui.button img {
    width: 35px;
    object-fit: cover;
}

.ui.buttons .or:before {
    content: "\f07a" !important;
    font-family: Icons;
    color: black;
}


#shopdil #sdtr {
    padding: 3px 17px 3px 7px;
    background-color: #d8002740;
}
#shopdil #sden {
    padding: 3px 7px 3px 17px;
    background-color: #0051b440;
}
.uk-navbar-center:not(:only-child) {
    left: 68%;
}