/* ==========================================================
   VICDAN VAKFI - NATIVE SITE OVERRIDES
   Migrated from WordPress Additional CSS on 2026-09-08.
   Loaded as a normal blocking theme stylesheet to prevent FOUC.
   Primary: #00A5C4 | Event panel: #63A0C3 | Share: #64A9CF
   ========================================================== */



/* ==========================================================
   X İKONU - KESİN GÖRÜNÜR
   ========================================================== */

.single-post .vsm-modern-share .vsm-share-x {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 20px !important;
	height: 22px !important;

	min-width: 20px !important;
	max-width: 20px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;

	color: #64a9cf !important;

	font-size: 17px !important;
	line-height: 1 !important;

	text-decoration: none !important;
}


/* X karakteri */

.single-post .vsm-modern-share .vsm-share-x .vsm-x-icon {
	display: block !important;

	width: auto !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #64a9cf !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	letter-spacing: -1px !important;

	opacity: 1 !important;
	visibility: visible !important;

	background: transparent !important;

	transform: none !important;
}


/* Tema X'i saklayamasın */

.single-post .vsm-modern-share .vsm-share-x .vsm-x-icon::before,
.single-post .vsm-modern-share .vsm-share-x .vsm-x-icon::after {
	display: none !important;
	content: none !important;
}


/* Hover */

.single-post .vsm-modern-share .vsm-share-x:hover,
.single-post .vsm-modern-share .vsm-share-x:hover .vsm-x-icon {
	color: #388fbd !important;
}

b, strong
 {
    font-weight: 800 !important;
}

/* ============================================================
   VİCDAN VAKFI
   GLOBAL TİPOGRAFİ STANDARDI
   ------------------------------------------------------------
   Esas font: RUBIK
   Mevcut font boyutlarını / responsive ölçüleri bozmaz.
   Sadece farklı font ailelerini tek standarda getirir.
   ============================================================ */


/* ------------------------------------------------------------
   1. SİTENİN TEMEL YAZI KARAKTERİ
   ------------------------------------------------------------ */

html,
body {
    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   2. NORMAL METİNLER
   Gutenberg + WordPress + Elementor + tema içerikleri
   ------------------------------------------------------------ */

body p,
body li,
body ul,
body ol,
body dl,
body dt,
body dd,

.entry-content,
.entry-content p,
.entry-content li,

.wp-block-paragraph,
.wp-block-list,
.wp-block-list li,

.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,

.elementor-text-editor,
.elementor-text-editor p,

.elementor-widget-theme-post-content,
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content li {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
    font-style: normal;
}


/* ------------------------------------------------------------
   3. TÜM BAŞLIKLAR
   Yönetim Kurulu isimlerindeki Rubik karakterini esas alır.
   Boyutları değiştirmez.
   ------------------------------------------------------------ */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,

.wp-block-heading,

.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,

.entry-title,
.page-title,
.post-title {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
}


/* Başlık ağırlıklarında tek standart */

body h1,
.entry-title,
.page-title,
.elementor-widget-heading h1.elementor-heading-title {
    font-weight: 700 !important;
}

body h2,
.elementor-widget-heading h2.elementor-heading-title {
    font-weight: 700 !important;
}

body h3,
.elementor-widget-heading h3.elementor-heading-title {
    font-weight: 600 !important;
}

body h4,
body h5,
body h6 {
    font-weight: 600 !important;
}


/* ------------------------------------------------------------
   4. YÖNETİM / DANIŞMA KURULU GİBİ KİŞİ İSİMLERİ
   Yönetim Kurulu sayfasındaki görünüm korunur.
   ------------------------------------------------------------ */

.vv-board-name,
.vv-board-modal-name,

.team-name,
.member-name,
.person-name,

[class*="team"] h2,
[class*="team"] h3,
[class*="member"] h2,
[class*="member"] h3 {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}


/* ------------------------------------------------------------
   5. BAĞLANTILAR
   ------------------------------------------------------------ */

body a,
.entry-content a,
.elementor-widget-text-editor a {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   6. BUTONLAR
   ------------------------------------------------------------ */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],

.elementor-button,
.elementor-button-text,

.wp-block-button,
.wp-block-button__link,

.ova-btn,
[class*="button"]:not([class*="icon"]) {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   7. FORM ALANLARI
   ------------------------------------------------------------ */

input,
textarea,
select,
option,
label,

.wpcf7,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 label {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   8. TABLOLAR
   Vakıf Tüzüğü / politika / belge sayfaları dahil
   ------------------------------------------------------------ */

table,
table th,
table td,

.wp-block-table,
.wp-block-table th,
.wp-block-table td {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   9. BLOCKQUOTE / ALINTI
   Bazı sayfalarda tema farklı serif font uygulayabiliyor.
   Onu da Rubik'e çeviriyoruz.
   ------------------------------------------------------------ */

blockquote,
blockquote p,
.wp-block-quote,
.wp-block-quote p,
.wp-block-pullquote,
.wp-block-pullquote p {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   10. GUTENBERG ÖZEL BLOKLARI
   ------------------------------------------------------------ */

.wp-block-media-text,
.wp-block-media-text__content,

.wp-block-columns,
.wp-block-column,

.wp-block-group,
.wp-block-cover,

.wp-block-details,
.wp-block-details summary {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   11. ELEMENTOR
   Elementor widget içinde özel font seçilmiş olsa bile
   site standardına çeker.
   ------------------------------------------------------------ */

.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-widget-button,
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-image-box .elementor-image-box-title,
.elementor-widget-image-box .elementor-image-box-description,
.elementor-tab-title,
.elementor-tab-content,
.elementor-accordion-title,
.elementor-toggle-title {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   12. HEADER / MENÜ
   ------------------------------------------------------------ */

header,
header a,

.main-navigation,
.main-navigation a,

nav,
nav a,

.menu,
.menu a,

.ova_nav,
.ova_nav a,

.elementor-nav-menu,
.elementor-nav-menu a {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   13. BREADCRUMB
   ------------------------------------------------------------ */

.breadcrumb-area,
.entry-breadcrumb,
.entry-breadcrumb a,
.entry-breadcrumb span,
.breadcrumb,
.breadcrumb a,
.breadcrumb span {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   14. FOOTER
   ------------------------------------------------------------ */

footer,
footer p,
footer a,
footer li,

.site-footer,
.site-footer p,
.site-footer a,
.site-footer li,

.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer a {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   15. OVA / ASTING TEMA İÇERİKLERİ
   ------------------------------------------------------------ */

.single_event,
.single_event p,
.single_event li,

.content-event,
.content-event p,
.content-event li,

[class*="ova-"]:not([class*="icon"]),
[class*="ova_"]:not([class*="icon"]) {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
}


/* ------------------------------------------------------------
   16. POLİTİKA / BELGE / KURUMSAL UZUN METİNLER
   Eski serif veya farklı Google Font kalıntılarını ezer.
   ------------------------------------------------------------ */

.entry-content strong,
.entry-content b,
.elementor-widget-text-editor strong,
.elementor-widget-text-editor b {

    font-family: "Rubik", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
}


/* ------------------------------------------------------------
   17. İKON FONTLARINA DOKUNMA
   FontAwesome / Elementor ikonlarının bozulmasını engeller.
   ------------------------------------------------------------ */

.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,

[class^="fa-"],
[class*=" fa-"],

.eicon,
[class^="eicon-"],
[class*=" eicon-"],

.elementor-icon i,
.elementor-icon svg,

[class^="flaticon-"],
[class*=" flaticon-"] {

    /* Kendi ikon fontlarını kullanmaya devam etsinler */
}





h1.page-title {
text-align: center !important;
}

/* ============================================================
   VİCDAN VAKFI - ETKİNLİK HERO HİZALAMA FIX
   KAYIT OL / KATIL bloğu sağ kolonu uzatsa bile
   sol görsel ASLA aşağı kaymaz.
   ============================================================ */


/* ------------------------------------------------------------
   1. CTA bulunan Elementor SECTION
   Sol ve sağ kolon kesinlikle üstten başlar
   ------------------------------------------------------------ */

.elementor-section:has(.vsm-registration-summary-action)
> .elementor-container {
    align-items: flex-start !important;
    align-content: flex-start !important;
}


/* Kolonların kendisini de yukarı kilitle */

.elementor-section:has(.vsm-registration-summary-action)
> .elementor-container
> .elementor-column {
    align-self: flex-start !important;
    vertical-align: top !important;
}


/* Elementor widget-wrap dikey ortalama yapamasın */

.elementor-section:has(.vsm-registration-summary-action)
> .elementor-container
> .elementor-column
> .elementor-widget-wrap {
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}


/* ------------------------------------------------------------
   2. Yeni Elementor Container yapısı kullanılıyorsa
   ------------------------------------------------------------ */

.e-con:has(.vsm-registration-summary-action):has(img) {
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;

    --align-items: flex-start !important;
    --justify-content: flex-start !important;
}


/*
 * CTA ile görselin ortak parent container'ı.
 * Sağ kolon uzasa bile çocuklar yukarıdan başlar.
 */

.e-con.e-parent:has(.vsm-registration-summary-action):has(img) {
    align-items: flex-start !important;

    --align-items: flex-start !important;
}


/* Sol görsel container'ı */

.e-con.e-parent:has(.vsm-registration-summary-action):has(img)
> .e-con:has(img) {
    align-self: flex-start !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;

    --justify-content: flex-start !important;
    --align-items: flex-start !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    transform: none !important;
}


/* ============================================================
   3. CTA BULUNAN TÜM ORTAK FLEX WRAPPER'LAR
   Tema farklı wrapper kullanıyorsa bunu da yakalar
   ============================================================ */

div:has(> div .vsm-registration-summary-action):has(img) {
    align-items: flex-start !important;
    align-content: flex-start !important;
}


/*
 * Doğrudan bir tarafında resim, diğer tarafında CTA bulunan
 * container'ı özellikle yukarı kilitle.
 */

div:has(.vsm-registration-summary-action):has(img) {
    --align-items: flex-start !important;
}


/* ============================================================
   4. RESİMLİ SOL BLOK
   CTA yüzünden aşağı itilmesine izin verme
   ============================================================ */

.elementor-section:has(.vsm-registration-summary-action)
.elementor-column:has(img),
.elementor-section:has(.vsm-registration-summary-action)
.elementor-widget:has(img),

.e-con.e-parent:has(.vsm-registration-summary-action):has(img)
.e-con:has(img),
.e-con.e-parent:has(.vsm-registration-summary-action):has(img)
.elementor-widget:has(img) {

    align-self: flex-start !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    top: 0 !important;

    transform: none !important;
}


/* ============================================================
   5. ANA ETKİNLİK GÖRSELİ
   Büyük/küçük kaynak görsel fark etmeksizin
   aynı standart alanı kullansın
   ============================================================ */

.elementor-section:has(.vsm-registration-summary-action)
.elementor-widget:has(img)
img,

.e-con.e-parent:has(.vsm-registration-summary-action):has(img)
.elementor-widget:has(img)
img {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    vertical-align: top !important;

    transform: none !important;
}


/* ============================================================
   6. KAYIT BUTONU NORMAL KALSIN
   Butonu silmiyoruz/gizlemiyoruz.
   Sadece gereksiz dış margin'in kolon yüksekliğini
   abartmasını engelliyoruz.
   ============================================================ */

.vsm-registration-summary-action {
    margin-top: 20px !important;
    margin-bottom: 0 !important;

    padding-bottom: 0 !important;
}


/* Link kendi içinde ekstra margin üretmesin */

.vsm-registration-summary-action .vsm-registration-cta {
    margin-bottom: 0 !important;
}


/* ============================================================
   7. MASAÜSTÜ HARD FIX
   ============================================================ */

@media (min-width: 768px) {

    /*
     * CTA bulunan etkinlik üst alanında
     * hiçbir Elementor vertical-middle kuralı çalışamasın.
     */

    .elementor-section:has(.vsm-registration-summary-action)
    .elementor-top-column {
        align-self: flex-start !important;
    }


    .elementor-section:has(.vsm-registration-summary-action)
    .elementor-top-column
    > .elementor-widget-wrap {
        align-content: flex-start !important;
        justify-content: flex-start !important;
    }


    /*
     * Resim bulunan sol kolon kesin olarak yukarı.
     */

    .elementor-section:has(.vsm-registration-summary-action)
    .elementor-column:has(img) {
        align-self: flex-start !important;

        margin-top: 0 !important;

        transform: none !important;
    }

}


/* ============================================================
   MOBİL
   Tek sütunda doğal akışı bozma
   ============================================================ */

@media (max-width: 767px) {

    .vsm-registration-summary-action {
        margin-top: 18px !important;
    }

}

/* ==========================================================
   ETKİNLİK BİLGİLERİ - REFERANS TASARIMLA AYNI
   Ana renk: #63A0C3
   ========================================================== */

body.single-event .single_event_details .vsm-event-info-box {
    position: relative !important;

    width: 100% !important;
    min-height: 260px !important;

    padding: 34px 38px !important;

    background: #63A0C3 !important;
    background-color: #63A0C3 !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 12px !important;

    opacity: 1 !important;
    filter: none !important;

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;

    overflow: hidden !important;
}


/* Parent alanlarda opacity varsa etkisizleştir */
body.single-event .single_event_details .vsm-event-details-bottom,
body.single-event .single_event_details .vsm-event-details-bottom .container,
body.single-event .single_event_details .vsm-event-details-bottom .row,
body.single-event .single_event_details .vsm-event-details-bottom .col-12 {
    opacity: 1 !important;
    filter: none !important;
}


/* Eski tema şekli / overlay */
body.single-event .single_event_details .vsm-event-info-box::before,
body.single-event .single_event_details .vsm-event-info-box::after,
body.single-event .single_event_details .vsm-event-info-box .event-details-bottom-shape {
    display: none !important;
    content: none !important;
}


/* Başlık */
body.single-event .single_event_details .vsm-event-info-title {
    margin: 0 0 27px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    opacity: 1 !important;
}


/* Bütün bilgiler alt alta */
body.single-event .single_event_details .vsm-event-info-grid {
    display: flex !important;
    flex-direction: column !important;

    grid-template-columns: none !important;

    gap: 15px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Her satır */
body.single-event .single_event_details .vsm-event-info-item {
    display: flex !important;
    align-items: center !important;

    gap: 13px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    opacity: 1 !important;
}


/* İkon alanı */
body.single-event .single_event_details .vsm-event-info-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 17px !important;

    width: 17px !important;
    min-width: 17px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    opacity: 1 !important;
}


/* İkon */
body.single-event .single_event_details .vsm-event-info-icon i,
body.single-event .single_event_details .vsm-event-info-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;

    font-size: 17px !important;

    opacity: 1 !important;
}


/* Tarih / Saat / Mekan gibi küçük başlıkları kaldır */
body.single-event .single_event_details .vsm-event-info-content strong {
    display: none !important;
}


/* Metin alanı */
body.single-event .single_event_details .vsm-event-info-content {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
}


/* Değerler */
body.single-event .single_event_details .vsm-event-info-content span {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
}


/* Linkler */
body.single-event .single_event_details .vsm-event-info-content a {
    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    opacity: 1 !important;
}

body.single-event .single_event_details .vsm-event-info-content a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/* Alt bölümün dış boşlukları */
body.single-event .single_event_details .vsm-event-details-bottom {
    padding-top: 30px !important;
    padding-bottom: 30px !important;

    background: transparent !important;
}


/* ==========================================================
   MOBİL
   ========================================================== */

@media (max-width: 767px) {

    body.single-event .single_event_details .vsm-event-info-box {
        min-height: 0 !important;

        padding: 28px 24px !important;

        background: #63A0C3 !important;
        background-color: #63A0C3 !important;

        border-radius: 12px !important;
    }

    body.single-event .single_event_details .vsm-event-info-title {
        margin-bottom: 22px !important;

        font-size: 20px !important;
    }

    body.single-event .single_event_details .vsm-event-info-content,
    body.single-event .single_event_details .vsm-event-info-content span,
    body.single-event .single_event_details .vsm-event-info-content a {
        font-size: 16px !important;
    }

}

/* ==========================================================
   OVA EVENTS - PAYLAŞIM ALANINI BLOG İLE AYNI TASARIMA GETİR
   ========================================================== */

/* Ana paylaşım alanı */
body.single-event .share_social {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 24px !important;

    margin: 28px 0 10px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* "Paylaş:" etiketi */
body.single-event .share_social .ova_label {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #444 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* Sosyal ikonları taşıyan liste */
body.single-event .share_social ul {
    display: flex !important;
    align-items: center !important;

    gap: 22px !important;

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Liste elemanları */
body.single-event .share_social ul li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Tüm sosyal linkler */
body.single-event .share_social a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    min-width: 18px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #62a6d0 !important;

    font-size: 17px !important;
    line-height: 1 !important;

    text-decoration: none !important;
}


/* Temanın gri kutu stilini kesin kaldır */
body.single-event .share_social a:hover,
body.single-event .share_social a:focus,
body.single-event .share_social li:hover,
body.single-event .share_social li:hover a {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    color: #287eaf !important;
}


/* Font Awesome ikonları */
body.single-event .share_social a i {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: inherit !important;

    font-size: 17px !important;
    line-height: 1 !important;
}


/* ==========================================================
   ESKİ TWITTER İKONUNU X YAP
   ========================================================== */

/* Eski Twitter ikonunu gizle */
body.single-event .share_social a[href*="twitter.com"] i,
body.single-event .share_social a[href*="x.com"] i {
    display: none !important;
}


/* Twitter/X linkinin üzerine X oluştur */
body.single-event .share_social a[href*="twitter.com"],
body.single-event .share_social a[href*="x.com"] {
    position: relative !important;

    width: 18px !important;
    height: 20px !important;
}


/* X'in iki çizgisi */
body.single-event .share_social a[href*="twitter.com"]::before,
body.single-event .share_social a[href*="twitter.com"]::after,
body.single-event .share_social a[href*="x.com"]::before,
body.single-event .share_social a[href*="x.com"]::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: 9px !important;
    left: 1px !important;

    width: 17px !important;
    height: 1.5px !important;

    background: currentColor !important;

    transform-origin: center !important;
}


body.single-event .share_social a[href*="twitter.com"]::before,
body.single-event .share_social a[href*="x.com"]::before {
    transform: rotate(48deg) !important;
}


body.single-event .share_social a[href*="twitter.com"]::after,
body.single-event .share_social a[href*="x.com"]::after {
    transform: rotate(-48deg) !important;
}


/* ==========================================================
   VARSA TEMANIN PSEUDO ELEMENTLERİNİ TEMİZLE
   X HARİÇ
   ========================================================== */

body.single-event .share_social a:not([href*="twitter.com"]):not([href*="x.com"])::before,
body.single-event .share_social a:not([href*="twitter.com"]):not([href*="x.com"])::after {
    display: none !important;
}


/* Mobil */
@media (max-width: 767px) {

    body.single-event .share_social {
        gap: 20px !important;
    }

    body.single-event .share_social ul {
        gap: 20px !important;
    }

}




/* =========================================================
   VICDAN VAKFI
   TEKİL BLOG - KAPAK GÖRSELİNİ SAĞA AL
   ========================================================= */

/*
 * Normal tekil blog yazısındaki üst kapak görseli
 */
body.single-post .single-post-asting article.post-wrap > .post-media {
    float: right !important;

    width: 44% !important;
    max-width: 500px !important;

    margin: 0 0 30px 42px !important;
    padding: 0 !important;

    clear: none !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;

    text-align: right !important;

    overflow: hidden !important;
}


/* Görseli saran link */
body.single-post .single-post-asting article.post-wrap > .post-media > a {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Kapak görselinin kendisi */
body.single-post .single-post-asting article.post-wrap > .post-media img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* =========================================================
   META + METİN GÖRSELİN SOLUNDAN AKSIN
   ========================================================= */

body.single-post .single-post-asting article.post-wrap > .post-meta,
body.single-post .single-post-asting article.post-wrap > .post-title,
body.single-post .single-post-asting article.post-wrap > .post-body,
body.single-post .single-post-asting article.post-wrap .post-excerpt {
    clear: none !important;
}


/*
 * Temada herhangi bir yerde width / display zorlaması
 * varsa kaldır.
 */
body.single-post .single-post-asting article.post-wrap > .post-body {
    width: auto !important;
    max-width: none !important;

    display: block !important;
}


/* Yazı içerisindeki diğer görseller taşmasın */
body.single-post .single-post-asting .post-body img {
    max-width: 100% !important;
    height: auto !important;
}


/* Article float'ı kapsasın */
body.single-post .single-post-asting article.post-wrap::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   TABLET
   ========================================================= */

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

    body.single-post .single-post-asting article.post-wrap > .post-media {
        width: 43% !important;
        max-width: 420px !important;

        margin-left: 28px !important;
        margin-bottom: 24px !important;
    }

}


/* =========================================================
   MOBİL
   ========================================================= */

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

    body.single-post .single-post-asting article.post-wrap > .post-media {
        float: none !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 25px 0 !important;

        clear: both !important;

        text-align: left !important;
    }


    body.single-post .single-post-asting article.post-wrap > .post-media img {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
    }

}









.elementor-3023 .elementor-element.elementor-element-3848f6f > .elementor-widget-container {
    margin: 0px 0px 60px 0px !important;

}

body.post-type-archive-event .container-event, body.tax-event_type .container-event, body.tax-event_tag .container-event {
    padding-top: 0px;
	margin-top: 0px;
}

/* Ricos / Wix içerik görselleri */
body.vsm-imported-blog article.post-wrap .entry-content figure,
body.vsm-imported-blog article.post-wrap .post-content figure,
body.vsm-imported-blog article.post-wrap .post-body figure,
body.vsm-imported-blog article.post-wrap .post-excerpt figure {
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    margin: 24px auto !important;
    overflow: hidden !important;
}

/* Wix/Ricos görsel wrapper'larını normal akışa al */
body.vsm-imported-blog article.post-wrap figure [data-hook="image-viewer"],
body.vsm-imported-blog article.post-wrap figure [data-hook^="image-viewer-"],
body.vsm-imported-blog article.post-wrap figure .cZ9n7,
body.vsm-imported-blog article.post-wrap figure .XpB90 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Asıl görsel */
body.vsm-imported-blog article.post-wrap figure img {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    transform: none !important;
    inset: auto !important;
}


article.post-wrap.type-grid .post-date {
    margin-top: -95px !important;
    margin-right: -28px !important;
}

.elementor-3023 .elementor-element.elementor-element-3848f6f .ova_header_el .ovatheme_breadcrumbs ul.breadcrumb {
    font-size: 16px !important;
}

body.vsm-imported-blog .post-excerpt :where([style*="border-color"]) {
    border-width: 0 !important;
    border-style: none !important;
}

@media (max-width: 767px) {

    /* Ana alan */
    .elementor-element-ff38f5c .ova-contact {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .elementor-element-ff38f5c .contact-left,
    .elementor-element-ff38f5c .contact-right {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Sosyal ikon alanı */
    .elementor-element-ff38f5c .list-social {
        display: grid !important;

        /* Her ikon eşit genişlikte */
        grid-template-columns: repeat(5, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 15px 5px !important;

        align-items: center !important;
        justify-items: center !important;

        overflow: visible !important;
    }

    /* İkonların kendisi */
    .elementor-element-ff38f5c .list-social a {
        width: 100% !important;
        height: 30px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: none !important;
    }

    .elementor-element-ff38f5c .list-social a i {
        margin: 0 !important;
    }
}



@media only screen and (max-width: 500px) {
    .ova-heading .title {
        font-size: 35px;
    }
}

.contact-version-1 .ova-contact:before {
    right: 0px;
}

.contact-page p input[type=submit] {
    background-color: #00A5C4;
}

.post-meta-content {
    display:none !important;
}

.elementor-2756 .elementor-element.elementor-element-0ba03e3 .ova_nav ul.menu .dropdown-menu li:hover
 {
    background-color: #00A5C4 !important;
}

.elementor-element-3b955c0 .ova_nav .dropdown-menu > li > a:hover {
    background-color: #00A5C4 !important;
}

.elementor-3023 .elementor-element.elementor-element-3b955c0 .ova_nav ul.menu .dropdown-menu li:hover {
    background-color: #00A5C4 !important;
}

.elementor-element-3b955c0 .ova_nav .dropdown-menu > li.active > a,
.elementor-element-3b955c0 .ova_nav .dropdown-menu > li.current-menu-item > a {
    background-color: #00A5C4 !important;

}

.raised{
	display:none !important;
	}

.archive_give_donation .summary .wrap_summary .give_detail .detail_body {
    padding: 35px 0px 0px 0px;
}

.archive_give_donation .summary .wrap_summary .give_detail .detail_body .desc {
    padding: 0px 35px 0px 35px;
		border-bottom: 0px;
}

.ovaev-content.content-grid .date-event {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: -4px;
    background-color: #00A5C4;
    color: #fff;
    text-align: center;
    width: 62px;
    height: 62px;
    border-radius: 10px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ovaev-content.content-grid .desc .event_post .post_cat:hover {
    background-color: #00A5C4;
    color: #fff !important;
}

.ovaev-content.content-grid .desc .event_post .post_cat a {
    color: #00A5C4;
}

.ova-list-icon ul.v1 li span {
    color: #00A5C4;
}

.detail_body .title a:hover {
    color: #00A5C4 !important;
}

.event_title a:hover{
    color: #00A5C4 !important;
}

.button_event a:hover{
    background-color: #00A5C4 !important;
}

#menu-footer1 a:hover,
#menu-footer2 a:hover{
    color: #00A5C4 !important;
}

.elementor-2805 .elementor-element.elementor-element-add89e3 .ova-contact-info .address a:hover span {
    color: #00A5C4 !important;
}

.elementor-element-498a8cf .ova-btn .btn:hover {
    background-color: #00A5C4 !important;
    color: #fff !important;
}


.ovaev-content.content-grid .desc .event_post .post_cat {
    position: absolute;
    top: -50px;
    right: 15px;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    color: #00A5C4 !important;
    font-weight: 500;
    font-size: 16px;
}

div.postcat{
	background-color: #00A5C4 !important;
	}

.ovaev-content.content-grid .desc .event_post .time-event ul li i {
    color: #00A5C4;
    margin-right: 5px;
    font-size: 15px;
}

@media only screen and (min-width: 1025px) {
    .ova_nav ul.menu > li > a:before {
        background: #00A5C4 !important;

    }
}


.elementor-2756 .elementor-element.elementor-element-0ba03e3 .ova_openNav {
    color: #00A5C4 !important;
}



.ova-icon-box .icon-box-content:hover span {
    color: #fff !important;
}

.mailchimp-home1 .title .text p {
     color: #00A5C4 !important;
}

.ovaev-content.content-grid .desc .event_post .post_cat {
    position: absolute;
    top: -50px;
    right: 15px;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    color: #00A5C4 !important;
    font-weight: 500;
    font-size: 16px;
}

.ova-accordion-wrap .ova-accordion .accordion-items #acc-active {
    background-color: #00A5C4;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.ova-accordion-wrap .ova-accordion .accordion-items .accordion-header span {
    font-size: 24px;
    color: #00A5C4;
    position: absolute;
    right: 30px;
    top: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mailchimp-home1 .sub-form .btn-submit input[type=submit] {
    height: 70px;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    background: #00A5C4;
    border: none;
    outline: none;
    padding: 0 40px;
    margin-left: 10px;
    font-weight: 700;
    border-radius: 35px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.bsky-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    margin-top: 0px;
}

.bsky-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: #fff !important;

}



.bsky-icon path {
    fill: #fff !important;
}

.bsky-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #fff !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5.2,1.42c2.75,2.07,5.71,6.25,6.8,8.5,1.09-2.25,4.05-6.44,6.8-8.5,1.99-1.49,5.2-2.64,5.2,1.03,0,.73-.42,6.16-.67,7.04-.86,3.06-3.98,3.84-6.76,3.37,4.85.83,6.09,3.56,3.42,6.3-5.06,5.2-7.28-1.3-7.85-2.97-.1-.31-.15-.45-.15-.33,0-.12-.05.02-.15.33-.57,1.67-2.78,8.17-7.85,2.97-2.67-2.74-1.43-5.47,3.42-6.3-2.78.47-5.9-.31-6.76-3.37-.25-.88-.67-6.3-.67-7.04C0-1.22,3.22-.07,5.2,1.42Z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5.2,1.42c2.75,2.07,5.71,6.25,6.8,8.5,1.09-2.25,4.05-6.44,6.8-8.5,1.99-1.49,5.2-2.64,5.2,1.03,0,.73-.42,6.16-.67,7.04-.86,3.06-3.98,3.84-6.76,3.37,4.85.83,6.09,3.56,3.42,6.3-5.06,5.2-7.28-1.3-7.85-2.97-.1-.31-.15-.45-.15-.33,0-.12-.05.02-.15.33-.57,1.67-2.78,8.17-7.85,2.97-2.67-2.74-1.43-5.47,3.42-6.3-2.78.47-5.9-.31-6.76-3.37-.25-.88-.67-6.3-.67-7.04C0-1.22,3.22-.07,5.2,1.42Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap {
    color: #ffffff !important;
}

.x-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #fff !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath fill='black' d='M714.163 519.284L1160.89 0H1055.28L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.609L515.244 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM568.76 688.315L521.473 620.638L145.224 82.139H307.848L611.525 516.715L658.812 584.392L1055.33 1151.72H892.704L568.76 688.315Z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath fill='black' d='M714.163 519.284L1160.89 0H1055.28L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.609L515.244 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM568.76 688.315L521.473 620.638L145.224 82.139H307.848L611.525 516.715L658.812 584.392L1055.33 1151.72H892.704L568.76 688.315Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.x-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 12px !important;
    height: 12px !important;
    vertical-align: middle;
    margin-top: -3px;
}

.x-icon svg {
    width: 12px !important;
    height: 12px !important;
    fill: #fff !important;

}

.elementor-3023 .elementor-element.elementor-element-3b955c0 .ova_nav ul.menu .dropdown-menu li.active {
    background-color: #00A5C4 !important;
}