@charset "UTF-8";

/*some fun*/
/*{
  transition:color ease 0.2s, background-color ease 0.2s;
}*/

/*theme setup*/
:root{
--mainpage-sectiontitle: #012e84;
--bg-color: #ffffff;
--bg2-color: rgb(247,247,251);
--bg3-color: rgb(245 242 236);
--bg-color-cream: #D8D4C8;
--bg-color-akademikbasari: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/gradient-1.jpg);
--text-color: #090909;
--h1-color: #012f84;
--anchor-color: #005AB3;
--highlight-color: #0066CC;
--h5title-color: #012e84;
--custompage-title: rgb(1 46 132);
--custompage-bg: linear-gradient(to bottom, rgb(255 255 255 / 80%) 0%, rgb(255 255 255 / 80%) 100%);
--ht-content-oddbg: #f1f1f1;
--ht-headingtitle: #18355f;
--htinfo-bg: rgb(0 0 0 / 50%);
--hthaberler-bg: #bb1919;
--htkurumdisi-bg: rgb(80 55 106);
--htprojecagrilari-bg: #fdc135;
--htallcategories: #dcd7c9;
--htsonhaberler-bg: #e6e2d7;
--dec1bg: #18355f;
--etkinlik-bg-color: rgb(255 255 255 / 75%);
--etkinlikdetay-border: 1px solid #ddd;
--share_toolbox-border: 1px solid #ccc;
--share_toolbox: #ffffff;
--at-share-btn-bg: #18355f;
--header-container: linear-gradient(10deg, rgba(2,0,36,1) 10%, rgb(14, 33, 57) 65%, rgb(14, 33, 57) 100%);
--pwrapbg: #f2efec;
--fieldtags-text: #c7c7c7;
--fieldtags-bg: #ffffff;
--footer-bg: #f7f7fb;
--footer-bg-mobile: #102039;
--footer-links: rgb(79 79 79);
--footer-links-hover: #4285f4;
--footerSns-border: 1px solid rgb(0 0 0 / 10%);
--accessibility-frame-bg: #eff1f5;
--accessibility-item-bg: #eff1f5;
--link-color: #4285f4;
--accordionmenulink-active-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/listIcon-a-new.png) 5px 14px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 100) 0%, #e1f6ff 100%);
--accordionmenulink-active-color: #4285f4;
--accordionmenulink-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/listIcon-p.png) 5px 14px no-repeat, linear-gradient(to right,rgba(255,255,255,100) 0%,#fff 100%);
--accordionmenulink-color: #3e3e3e;
--modal-header-bg: #4285f4;
--table-bg-active: linear-gradient(to right, rgba(255, 255, 255, 100) 0%, #e1f6ff 100%);
--table-color-active: #4285f4;
--table-tr-n-bg-passive: linear-gradient(to left,rgba(255,255,255,100) 0%,#fff 100%);
--table-tr-n-color-passive: #000000;
--table-tr-2n-bg-passive: linear-gradient(to left,rgb(180 180 180 / 25%) 0%,#fff 100%);
--table-tr-2n-color-passive: #000000;
--table-tr-search: none;
--topMenu: linear-gradient(#122d7b,#072050);
--sectionhizmetler: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/oval-bg.svg);
--sectionhizmetler-hizmetbg: #f4f6fa;
--sectionhizmetler-hizmetborder: 1px solid rgb(23 83 168);
--sectionhizmetler_baslik: #012e84;
--infodateborder: 1px solid rgb(0 0 0 / 15%);
--infodate-color: rgb(21 21 21 / 65%);
--shinebuttonbg: #bb1919;
--color_scheme_switch-bg: rgb(0 0 0 / 50%);
--top-menu-bar-bg: #002d84;
--top-menu-bar-border: 2px solid rgb(66 133 244 / 36%);
--row_ccl_bg-border: #184dae;
--border-color: #e0e5ee;
--headerfooterLogo-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/omulogo-white.svg) #184daf;
--omuhaber-headerfooterLogo-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/omulogo-white.svg) #8f1414;
--copyright-border: 5px solid #184daf;
--accessibilityLogo-bg: #184daf;
--owl-carousel2-img: brightness(0) invert(0);
--sectionhizmetler-iconhastane: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/hospital-off2.png);
--sectionhizmetler-iconogrenci: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/information-off2.png);
--sectionhizmetler-iconmezun: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/graduate-off2.png);
--sectionhizmetler-iconuib: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/union-off2.png);
--sectionhizmetler-iconakademiktakvim: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/academic-off2.png);
--sectionhizmetler-iconetkinliktakvimi: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/calendar-off2.png);
--hoverfxafter: linear-gradient(0deg, #012e84, rgb(1 46 132 / 70%), transparent);
--headingtitletext: rgb(130 79 183);
--omuhaber-copyright-border: 5px solid #8f1414;
--omuhaber-row_ccl_bg-border: 3px solid #8f1414;
--omuhaber-footer-links: #8f1414;
--omuhaber-footer-links-hover: #bb1919;
--cbpmenu-bg: #690101;
--cbp-hrsub-bg: #bb1919;
--sayilarlaomu-bg: linear-gradient(90deg, #000C35 0%, rgb(0 12 53 / 75%) 50%, rgb(0 12 53 / 50%) 70%);
}

html[data-color-scheme = "dark"]{
--mainpage-sectiontitle: #fff;
--bg-color: #242631;
--bg2-color: #1c1e28;
--bg3-color: #242631;
--bg-color-cream: #1c1e28;
--bg-color-akademikbasari: #242631;
--text-color: #FAFAFA;
--h1-color: #FFFFFF;
--anchor-color: #FFFFFF;
--highlight-color: #0099FF;
--h5title-color: #FFFFFF;
--custompage-title: #FFFFFF;
--custompage-bg: linear-gradient(to top,rgba(0,0,0,100) 0%,#303030 100%);
--ht-content-oddbg: #1b1b1b;
--ht-headingtitle: #ffffff;
--htinfo-bg: #000;
--hthaberler-bg: #1b1b1b;
--htkurumdisi-bg: #1b1b1b;
--htprojecagrilari-bg: #1b1b1b;
--htallcategories: #333333;
--htsonhaberler-bg: #000;
--dec1bg: #ffffff;
--etkinlik-bg-color: rgb(9 9 9 / 90%) !important;
--etkinlikdetay-border: 1px solid #fff;
--share_toolbox-border: 1px solid #2f2f2f;
--share_toolbox: #000000;
--at-share-btn-bg: #2f2f2f;
--header-container: linear-gradient(10deg, rgb(39 39 39) 10%, rgb(31 31 31) 65%, rgb(53 53 53) 100%);
--pwrapbg: #000000;
--fieldtags-text: #656565;
--fieldtags-bg: #000000;
--footer-bg: #1c1e28;
--footer-bg-mobile: #102039;
--footer-links: #fff;
--footer-links-hover: #4285f4;
--footerSns-border: 1px solid rgb(255 255 255 / 10%);
--accessibility-frame-bg: #333333;
--accessibility-item-bg: #222222;
--link-color: #ffffff;
--accordionmenulink-active-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/listIcon-a-new.png) 5px 14px no-repeat, linear-gradient(to right, rgb(0 0 0) 0%, #264b87 100%);
--accordionmenulink-active-color: #4285f4;
--accordionmenulink-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/listIcon-p.png) 5px 14px no-repeat, linear-gradient(to right, rgb(0 0 0) 0%, #303030 100%);
--accordionmenulink-color: #fff;
--modal-header-bg: #00326c;
--table-bg-active: linear-gradient(to right, rgb(0 0 0) 0%, #264b87 100%);
--table-color-active: #4285f4;
--table-tr-n-bg-passive: linear-gradient(to right, rgb(0 0 0) 0%, rgb(255 255 255 / 35%) 100%);
--table-tr-n-color-passive: #ffffff;
--table-tr-2n-bg-passive: linear-gradient(to right, rgb(0 0 0) 0%, #303030 100%);
--table-tr-2n-color-passive: #ffffff;
--table-tr-search: none;
--topMenu: linear-gradient(#1c1e28, #242631);
--sectionhizmetler: url("https://www.omu.edu.tr/sites/all/themes/anasayfa/images/oval-bg-black.svg");
--sectionhizmetler-hizmetbg: #1c1e28;
--sectionhizmetler-hizmetborder: 1px solid rgb(255 255 255 / 10%);
--sectionhizmetler_baslik: #fff;
--infodateborder: 1px solid #fff;
--infodate-color: #fff;
--shinebuttonbg: #bb1919;
--color_scheme_switch-bg: #000;
--top-menu-bar-bg: #1c1e28;
--top-menu-bar-border: 2px solid rgb(79 79 79 / 36%);
--row_ccl_bg-border: rgb(79 79 79 / 36%);
--border-color: rgb(79 79 79 / 36%);
--headerfooterLogo-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/omulogo-white.svg) rgb(79 79 79 / 36%);
--omuhaber-headerfooterLogo-bg: url(https://www.omu.edu.tr/sites/all/themes/anasayfa/images/omulogo-white.svg) rgb(79 79 79 / 36%);
--copyright-border: 5px solid rgb(79 79 79 / 36%);
--accessibilityLogo-bg: rgb(79 79 79 / 36%);
--owl-carousel2-img: brightness(0) invert(10);
--sectionhizmetler-iconhastane: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/hospital-off-white.png);
--sectionhizmetler-iconogrenci: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/information-off-white.png);
--sectionhizmetler-iconmezun: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/graduate-off-white.png);
--sectionhizmetler-iconuib: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/union-off-white.png);
--sectionhizmetler-iconakademiktakvim: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/academic-off-white.png);
--sectionhizmetler-iconetkinliktakvimi: url(//www.omu.edu.tr/sites/all/themes/anasayfa/images/icon/block-icons/calendar-off-white.png);
--hoverfxafter: linear-gradient(0deg, #000000, rgb(0 0 0 / 70%), transparent);
--headingtitletext: #ffffff;
--omuhaber-copyright-border: 5px solid rgb(79 79 79 / 36%);
--omuhaber-row_ccl_bg-border: 3px solid rgb(79 79 79 / 36%);
--omuhaber-footer-links: #ffffff;
--omuhaber-footer-links-hover: #ffffff;
--cbpmenu-bg: #000;
--cbp-hrsub-bg: #1b1b1b;
--sayilarlaomu-bg: linear-gradient(90deg, #1c1e28 0%, rgb(28 30 40 / 75%) 50%, rgb(0 0 0 / 50%) 70%);
}

.infoTitle .sectiontitle a, .section-logo-slider .container .logo-slider-header h2, .section-logo-slider .container .logo-slider-header .sub-title, .view-Calendar .upcoming-baslik a, #slider-carousel-arastirmauniversitesi_new .item a.titlehref, #slider-carousel-arastirmauniversitesi_new .item date {
	color: var(--mainpage-sectiontitle);
}
#slider_carousel_new .item .hoverfx:after, #slider-carousel-arastirmauniversitesi_new .item:after, #slider-carousel-basarilar_new .item .hoverfx:after, #slider_carousel_mezuniyet .item .hoverfx:after, #slider_carousel_mezuniyet .item:after {
	background: var(--hoverfxafter) !important;
}
section.hizmetler .hizmet .icon.hastane {
	background: var(--sectionhizmetler-iconhastane) !important;
	background-position: center !important;
    background-size: cover !important
}
section.hizmetler .hizmet .icon.ogrenci {
	background: var(--sectionhizmetler-iconogrenci) !important;
	background-position: center !important;
    background-size: cover !important
}
section.hizmetler .hizmet .icon.mezun {
	background: var(--sectionhizmetler-iconmezun) !important;
	background-position: center !important;
    background-size: cover !important
}
section.hizmetler .hizmet .icon.uib {
	background: var(--sectionhizmetler-iconuib) !important;
	background-position: center !important;
    background-size: cover !important
}
section.hizmetler .hizmet .icon.akademiktakvim {
	background: var(--sectionhizmetler-iconakademiktakvim) !important;
	background-position: center !important;
    background-size: cover !important
}
section.hizmetler .hizmet .icon.etkinliktakvimi {
	background: var(--sectionhizmetler-iconetkinliktakvimi) !important;
	background-position: center !important;
    background-size: cover !important
}
#owl-carousel2 .owl-item img {
	-webkit-filter: var(--owl-carousel2-img) !important;
	filter: var(--owl-carousel2-img) !important;
}
.copyright {
	border-left: var(--copyright-border);
}
body.page-node-6721 #row_ccl .copyright {
    border-left: var(--omuhaber-copyright-border);
}
body.page-node-6721 .footer-links ul li.title-links p a, body.page-node-6721 .footer-links li.other-links a {
	color: var(--omuhaber-footer-links);
}
#headerfooterLogo:before {
	background: var(--headerfooterLogo-bg);
	background-repeat: no-repeat;
    background-size: 35px;
    background-position: 5px 5px;
}
body.page-node-6721 #headerfooterLogo:before {
	background: var(--omuhaber-headerfooterLogo-bg);
	background-repeat: no-repeat;
    background-size: 35px;
    background-position: 5px 5px;
}
.accessibilityLogo, .accessibilityLogo span {
	background: var(--accessibilityLogo-bg);
}
.top-menu-bar.new {
	background: var(--top-menu-bar-bg);
	border-bottom: var(--top-menu-bar-border);
}
#row_ccl_bg {
	background: var(--top-menu-bar-bg);		
	border-color: var(--row_ccl_bg-border);
}
li.color_scheme_switch .switch::before, li.color_scheme_switch .switch::after {
	background: var(--top-menu-bar-bg) !important;
}
.ht-info li.color_scheme_switch .switch::before, .ht-info li.color_scheme_switch .switch::after {
	background: var(--color_scheme_switch-bg) !important;
}
.topMenu {
	background: var(--topMenu) !important;
}
section.hizmetler:before {
	position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
	background: var(--sectionhizmetler) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: .2
}
section.hizmetler .hizmet {
	background: var(--sectionhizmetler-hizmetbg) !important;
	border: var(--sectionhizmetler-hizmetborder) !important;
}
section.hizmetler .hizmet .baslik {
	color: var(--sectionhizmetler_baslik);
}
.ht-allcategories a, h5.etkinlik-Title, .owl-carousel .owl-item .item, .infoText a,  .customNavigation .allbutton a, span.subtitle, table.rektorluk p.cv, .gs-webResult .gs-snippet, .gs-fileFormatType, .news-container ul li a {
	color: var(--text-color);
}
.infoBlock .infoDate {
	border: var(--infodateborder) !important;
	background: var(--bg-color) !important;
	color: var(--infodate-color);
}
.infoBlock.DuyurularBlock, .abso-block, div#block-block-97, #block-block-120, .news-container {
	background: var(--bg2-color) !important;
}
.infoBlock.DuyurularBlock {
	border-color: var(--border-color) !important;
}
.modal-header {
	background: var(--modal-header-bg) !important;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px); 
    top: 50%;
    transform: translate(0%, -50%);
}
.customNavigation .allbutton.shine {
	background: var(--shinebuttonbg) !important;
}
body, .customButtons .btns, .customNavigation .btns, .customNavigation .allbutton, .sayilarla-omu-block .facts .fact,  .view-display-id-upcomingevents_list .pager li > a, .view-display-id-upcomingevents_list .etkinlik-item, .popup-inner,  .field-name-body, .rightcontents, .rightcontents .card, .accordionNav>ul>li>a,.accordionNav>ul li ul>li a,.accordionNav ul li a.selected,.campusLife .category .list ul li i,#ozelkalem, .allnews, .allanounces, .allevents,.view-news h3, .view-announcements h3, .view-haberler h3, .view-yeni-duyurular h3, .view-etkinlik-turlerine-gore-icerikler h3, .view-new-projectcalls h3, .view-yeni-projecagrilari h3,.view-basindabizarsiv h3, #e_kutuphane .c, #ebys .c, .modal-body,table.rektor tbody tr, table.rektorluk tbody tr, #senato-accordion .c, .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive, .gsc-refinementHeader.gsc-refinementhInactive, .gsc-refinementHeader.gsc-refinementhActive, .gsc-orderby-container, .gsc-tabsArea, .gsc-above-wrapper-area, .gsc-results, .gsc-webResult.gsc-result, .accessibility-frame, #popupDialog1, div#edit-title-wrapper input, .kunye-item,.view-yeni-duyurular .view-header,#cboxWrapper,#cboxContent,.popup-content {
	background: var(--bg-color) !important;
	color: var(--text-color) !important;
}
#slider-carousel-arastirmauniversitesi_new .item {
	background: var(--bg2-color)
}
#block-block-124:after {
	background: var(--sayilarlaomu-bg) !important;
}
#block-block-121 {
	background-image: var(--bg-color-akademikbasari) !important;
    color: var(--text-color) !important
}
.accessibility-frame, {
	 background: var(--accessibility-frame-bg) !important;
 }
.accessibility-container-item {
	 background: var(--accessibility-item-bg) !important;
 }
 .footerSns li a {
	border: var(--footerSns-border) !important;
 }
 .footer-links ul.footer-sublinks li.sublinks p a {
	color: var(--footer-links) !important;
 }
.footer-links ul.footer-sublinks li.sublinks p a:hover {
	color: var(--footer-links-hover) !important;
 }
body.page-haberler .footer-links ul.footer-sublinks li.sublinks p a:hover {
    color: var(--omuhaber-footer-links-hover) !important;
}
footer {
	background: var(--footer-bg) !important;
	border-color: var(--border-color) !important;
}
.accordionNav>ul li ul>li a  {
 	background: var(--accordionmenulink-bg) !important;
	color: var(--accordionmenulink-color) !important;
}
.accordionNav>ul li ul li a.selected {
 	background: var(--accordionmenulink-active-bg) !important;
	color: var(--accordionmenulink-active-color) !important;
}
body table tbody tr:nth-child(n+0) {
 	background: var(--table-tr-n-bg-passive);
	color: var(--table-tr-n-color-passive);
}
body table tbody tr:nth-child(2n+0) {
 	background: var(--table-tr-2n-bg-passive);
	color: var(--table-tr-2n-color-passive);
}
body table tbody tr:hover {
 	background: var(--table-bg-active);
	color: var(--table-color-active);
}
body table#gs_id50 tbody tr:nth-child(n+0) {
 	background: var(--table-tr-search) !important;
}
.userItemBody, .etkinlik-detay, .view-display-id-block_upcoming_events .etkinlik-item,.view-display-id-block_upcoming_events .upcoming-etkinlikturu a {
	background: var(--etkinlik-bg-color) !important;
	color: var(--text-color) !important;
 }
.p-news-detail__most-popular-wrap {
   background: var(--pwrapbg) !important;
}
.headersitemap,.allnews .item-list ul li.pager-item {
   background: var(--custompage-bg);
}
.headersitemap p,.allnews .item-list ul li.pager-item a {
   color: var(--custompage-title) !important;
}
h1,h2,h3,h4,.userItemIntroText, .userItemIntroText p, .node-modified,.p-news-detail__most-popular-date,.etkinlik-tarihi span.date-display-single, .etkinlik-tarihi span.date-display-range,#etkinlik-right-container .userItemIntroText p,.etkinlik-detay p.edetay,.field-label {
 color: var(--text-color); 
}
.rightcontents ul li {
	color: var(--h1-color) !important;
	background: var(--bg-color) !important;
}
.rightcontents h1 {
	color: var(--h1-color) !important;
}
.campusLife .category .list ul li a,.rightNav ul li a, .rightcontents a, .rightNav table a, .etkinlik-web p.edetay a,.detay-etkinlikturu a {
	color: var(--link-color) !important;
}
#newscontainer h1, #newscontainer h2, #newscontainer h3, #newscontainer h4, #newscontainer h5, #newscontainer h6,.allnews li a,.allanounces li a,.allevents li a,.ht-heading-title-text a,.ht-content-ht.social-media-contact, .ht-slice-heading__title {
   color: var(--h5title-color) !important;
}
.p-news-detail__most-popular-title a {
   color: var(--h5title-color);
}
body.page-duyurular-kurumdisi .ht-heading-title-text a {
    color: var(--headingtitletext) !important;
}
.ht-content-ht.social-media-contact, .cd-accordion-menu ul li.has-children a, .cd-accordion-menu ul label, .cd-accordion-menu ul a, .cd-accordion-menu li.has-children text, .cd-accordion-menu li.has-children-2 text {
   background: var(--bg-color) !important;
}
body .ht-info, body.page-node-6721 .ht-info {
	background: var(--htinfo-bg);
}
body.page-node-6721 .ht-news, body.page-node-6721 .ht-haberler, .ht-news, .ht-haberler,  body.page-haberler .ht-haberler, body.page-news .ht-news {
	background: var(--hthaberler-bg);
}
body.page-node-6721 #row_ccl_bg {
	background: var(--hthaberler-bg);
	border-top: var(--omuhaber-row_ccl_bg-border)
}
body.page-duyurular-kurumdisi .ht-duyurular {
	background: var(--htkurumdisi-bg) !important;
}
.ht-news .cbp-hrmenu > ul > li.cbp-hropen > a, .ht-haberler .cbp-hrmenu > ul > li.cbp-hropen > a {
	background: var(--cbpmenu-bg);
}
.ht-news .cbp-hropen .cbp-hrsub, .ht-haberler .cbp-hropen .cbp-hrsub, .cbp-hropen .cbp-hrsub {
	background: var(--cbp-hrsub-bg);
}
.ht-projecagrilari {
	background: var(--htprojecagrilari-bg) !important;
}
.ht-allcategories {
	background: var(--htallcategories);
}
.ht-content-sonhaberler {
	background: var(--htsonhaberler-bg);
}
body.page-node .ht-content-ht:nth-child(odd), .container.kunye .col-lg-3 {
   background: var(--ht-content-oddbg) !important;
}
body.page-node-17745 .field-name-body {
	background: transparent !important;
}
#ht-heading__title,.ht-heading-title-text {
   color:var(--ht-headingtitle) !important;
   background: none !important;
}
.dec-1, .dec-1:after {
   background-color:var(--dec1bg) !important;
}
.etkinlik-detay {
   border: var(--etkinlikdetay-border);
}
.share_toolbox, #ra-player {
   background: var(--share_toolbox) !important;
}
.at-share-tbx-element .at-share-btn {
   background-color: var(--at-share-btn-bg) !important;
}
.header-container {
   background: var(--header-container);  
}
.field-name-field-tags .field-item a {
	color: var(--fieldtags-text);
	background: var(--fieldtags-bg);
}
/*::-moz-selection 
{
  color: var(--highlight-color);
  background: var(--highlight-bg);
}

::selection
{
  color: var(--highlight-color);
  background: var(--highlight-bg);
}*/

/*the Dark Mode Switch*/
.sticky label {
    position: absolute;
    right: -10px;
    /*top: 21%;*/
	top: 0px;
    --c: translate(-50%,-50%);
    transform: var(--c);
}
.sticky .switch{
	 position: relative;
    left: -12px;
    top: -2px;
    width: 20px;
    height: 20px;
    /*background: #fff;*/
    border-radius: 50%;
    overflow: hidden;
}
.sticky label > input{
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	opacity:0;
   width:100%;
   height:100%;
}
.sticky .switch span{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:var(--c);
	border-radius:50%;
	width:70%;
	height:70%;
	background:#FFAC33;
	/*border:3px solid white;*/
	transition:all ease 0.15s;
}
.sticky .switch div{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
}
.sticky .switch div::before, .sticky .switch div::after{
	content:" ";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:var(--c);
	background:#FFAC33;
	width:12%;
	height:130%;
	border-radius:10px;
	transition:all ease 0.15s;
}
.sticky .switch div:nth-child(1)::before{
	transform:var(--c) rotate(0deg);
}
.sticky .switch div:nth-child(1)::after{
	transform:var(--c) rotate(45deg); /*45deg increment each time*/
}
.sticky .switch div:nth-child(2)::before{
	transform:var(--c) rotate(90deg);
}
.sticky .switch div:nth-child(2)::after{
	transform:var(--c) rotate(135deg);
}
.sticky .switch::before, .switch::after{
	content:" ";
	position:absolute;
	left:50%;
	top:50%;
	transform:var(--c);
	border-radius:50%;
	background:white;
	transition:all ease 0.15s;
}
.sticky .switch::before{
	width:0%;
	height:0%;
	z-index:10;
}
.sticky .switch::after{
	width:50%;
	height:50%;
}
.sticky input:checked ~ .switch span{
    width:100%; /*width change*/
    height:100%; /*height change*/
    background:#66757F; /*color change*/
    /*we get a full moon*/
}
.sticky input:checked ~ .switch div::before,
.sticky input:checked ~ .switch div::after{
    height:50%; /*we hide the sun-rays*/
}
.sticky input:checked ~ .switch::before{ /*we draw a white circle a left-top corner to show a half moon*/
    left:30%;
    top:30%;
    width:90%;
    height:90%;
}
.sticky input:checked ~ .switch::after{ /*we hide the sun outline*/
    width:0%;
    height:0%;
}
.sticky input:not(:checked) ~ .switch{
    transform:rotate(180deg);
    transition:all ease 2.15s 0.1s;
    overflow:visible;
}

/*other styles*/
.sticky {
    padding: 22px;
    text-decoration: none;
    text-align: center !important;
    font-weight: bold;
    color: #888;
    border-radius: 0px;
    float: left;
    margin: 0px;
    z-index: 99;
    background: #fff;
    border: 1px solid #ddd;
    transition: all ease 0.15s;
    cursor: pointer;
    width: auto;
    height: auto;
    min-width: 45px;
    min-height: 45px;
    font-size: 14px;
}
.sticky:hover {
	background: rgb(228, 228, 228);
	border:1px solid #1e1e1e;
	transition:all ease 0.15s; 
}
.sticky:hover .switch::before, .sticky:hover .switch::after {
	background: rgb(228, 228, 228);
	transition:all ease 0.15s; 
}
.stickytext{
  color:black;
  font-size:22px;
  position:absolute;
  left:30px;
  top:50%;
  transform:translateY(-50%);
  padding-bottom:5px;
}
	
	
/* TOP MENU COLOR SWITCH BUTTON */
	
.ht-info li.color_scheme_switch {
    display: flex;
    position: relative;
    list-style: none;
    float: right;
    margin-left: 10px;
}
.ht-info li.color_scheme_switch label {
	margin: 0;
}
.ht-info li.color_scheme_switch .switch {
    position: relative;
    left: 0;
    top: 17px;
    width: 20px;
    height: 20px;
    /* background: #fff; */
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
li.color_scheme_switch label {
    position: relative;
    right: -10px;
    top: 0;
    --c: translate(-50%, -50%);
    transform: var(--c);
    cursor: pointer;
}

/* SWITCH GÖVDESİ */
li.color_scheme_switch .switch {
    position: relative;
    left: 0;
    top: 7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

/* GİZLİ CHECKBOX */
li.color_scheme_switch input.visually-hidden {
    position: absolute;
    left: -9999px;
}

/* İÇ DAİRE */
li.color_scheme_switch .switch span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: var(--c);
    border-radius: 50%;
    width: 60%;
    height: 60%;
    background: #FFFFFF;
    transition: all ease 0.15s;
}

/* GÜNEŞ ÇİZGİLERİ */
li.color_scheme_switch .switch div {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
}

li.color_scheme_switch .switch div::before,
li.color_scheme_switch .switch div::after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: var(--c);
    background: #FFFFFF;
    width: 5%;
    height: 110%;
    border-radius: 10px;
    transition: all ease 0.15s;
}

li.color_scheme_switch .switch div:nth-child(1)::before {
    transform: var(--c) rotate(0deg);
}
li.color_scheme_switch .switch div:nth-child(1)::after {
    transform: var(--c) rotate(45deg);
}
li.color_scheme_switch .switch div:nth-child(2)::before {
    transform: var(--c) rotate(90deg);
}
li.color_scheme_switch .switch div:nth-child(2)::after {
    transform: var(--c) rotate(135deg);
}

/* AY-GÜNEŞ ARKA PLAN KATLARI */
li.color_scheme_switch .switch::before,
li.color_scheme_switch .switch::after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: var(--c);
    border-radius: 50%;
    background: #000;
    transition: all ease 0.15s;
}

li.color_scheme_switch .switch::before {
    width: 0%;
    height: 0%;
    z-index: 10;
}
li.color_scheme_switch .switch::after {
    width: 50%;
    height: 50%;
}

/* ------------------------------- */
/* CHECKED DURUMU (YENİ SEÇİCİLER) */
/* ------------------------------- */

/* Switch gövdesinin iç elemanları */
li.color_scheme_switch #color_scheme_switch:checked + label .switch span {
    width: 100%;
    height: 100%;
    background: #66757F;
}

li.color_scheme_switch #color_scheme_switch:checked + label .switch div::before,
li.color_scheme_switch #color_scheme_switch:checked + label .switch div::after {
    height: 50%;
}

li.color_scheme_switch #color_scheme_switch:checked + label .switch::before {
    left: 30%;
    top: 30%;
    width: 90%;
    height: 90%;
}

li.color_scheme_switch #color_scheme_switch:checked + label .switch::after {
    width: 0%;
    height: 0%;
}

/* Unchecked dönüş animasyonu */
li.color_scheme_switch #color_scheme_switch:not(:checked) + label .switch {
    transform: rotate(180deg);
    transition: all ease 2.15s 0.1s;
    overflow: visible;
}

body.node-type-takvim .field-name-body, body.node-type-diger-kamu-kurum-duyurulari .field-name-body {
	background: none !important;
}	
	
@media screen and (max-width: 430px) {
/*.header-container {
	background: var(--header-container-mobile) !important;
}*/
footer {
   background: var(--footer-bg-mobile) !important;
}
/*li.color_scheme_switch .switch {
    position: relative;
    left: 0;
    top: 3px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}*/
li.color_scheme_switch label {
	right: 0;
	top: 0;
	margin: 0;
	transform: translate(0%, 0%);
}
}