@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800'); @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900'); @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/opendyslexic/OpenDyslexic-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/opendyslexic/OpenDyslexic-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/opendyslexic/OpenDyslexic-Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/opendyslexic/OpenDyslexic-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; } /* GENERAL */ html, body { font-size: 15px; color: #505050; font-family: "Rubik", sans-serif; vertical-align: baseline; line-height: 26px; font-weight: 400; overflow-x: hidden; } /*DARK MODE BAŞLANGICI*/ /* ========================================================= AKDENİZ ÜNİVERSİTESİ DARK MODE CSS Kullanım: ========================================================= */ body.dark-mode { background-color: #121212 !important; color: #e6e6e6 !important; } /* HEADER */ body.dark-mode .full-header, body.dark-mode .header-wrapper, body.dark-mode .menu, body.dark-mode .navbar, body.dark-mode .main-nav { background-color: #0b1b2b !important; } body.dark-mode .topbar { background-color: #071827 !important; border-bottom: 1px solid #24384a !important; } body.dark-mode .topbar a, body.dark-mode .topbar-right a, body.dark-mode .header-social a, body.dark-mode .main-logo a, body.dark-mode .navmain .nav-link { color: #ffffff !important; } body.dark-mode .topbar a:hover, body.dark-mode .header-social a:hover, body.dark-mode .main-logo a:hover, body.dark-mode .navmain .nav-link:hover { color: #8fd0ff !important; } /* DROPDOWN MENU */ body.dark-mode .dropdown-menu { background-color: #151f2a !important; border: 1px solid #2b4052 !important; } body.dark-mode .dropdown-item { color: #dce8f2 !important; background-color: transparent !important; } body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:focus { background-color: #223244 !important; color: #ffffff !important; } /* MOBILE MENU */ body.dark-mode .mobilemenu, body.dark-mode .mmenu, body.dark-mode .mm-spn { background-color: #0b1b2b !important; color: #ffffff !important; } body.dark-mode .mm-spn a, body.dark-mode .mm-spn span, body.dark-mode .mm-spn li { color: #ffffff !important; background-color: #0b1b2b !important; border-color: #24384a !important; } /* MAIN CONTENT */ body.dark-mode .content, body.dark-mode .sb-slider, body.dark-mode .announcement-wrapper, body.dark-mode .news-wrapper { background-color: #121212 !important; color: #e6e6e6 !important; } /* SLIDER */ body.dark-mode .carousel-caption, body.dark-mode .carousel-caption2 { background-color: rgba(0, 0, 0, .72) !important; color: #ffffff !important; } body.dark-mode .carousel-caption h5, body.dark-mode .carousel-caption p { color: #ffffff !important; } /* DUYURULAR */ body.dark-mode .latest-announcements, body.dark-mode .announcement-item, body.dark-mode .annitem { background-color: #1e1e1e !important; color: #e6e6e6 !important; border-color: #333 !important; } body.dark-mode .announcement-list-title, body.dark-mode .announcement-content, body.dark-mode .announcement-item a { color: #ffffff !important; } body.dark-mode .announcement-item a:hover .announcement-content { color: #8fd0ff !important; } body.dark-mode .announcement-month, body.dark-mode .announcement-day, body.dark-mode .announcement-year { color: #ffffff !important; } body.dark-mode .date-bg1 { background-color: #273c66 !important; } body.dark-mode .date-bg2 { background-color: #ed8c42 !important; } /* BAĞLANTILAR */ body.dark-mode .links-wrap, body.dark-mode .links-content { background-color: #1e1e1e !important; color: #e6e6e6 !important; border-color: #333 !important; } body.dark-mode .links-title { color: #ffffff !important; } body.dark-mode .link-item a { background-color: #151f2a !important; color: #dce8f2 !important; border: 1px solid #2b4052 !important; } body.dark-mode .link-item a:hover, body.dark-mode .link-item a:focus { background-color: #243f68 !important; color: #ffffff !important; } /* HABERLER */ body.dark-mode .news-widget-title { color: #ffffff !important; } body.dark-mode .news-item { background-color: #1e1e1e !important; color: #e6e6e6 !important; border: 1px solid #333 !important; } body.dark-mode .news-body, body.dark-mode .news-title, body.dark-mode .news-title a, body.dark-mode .news-text, body.dark-mode .news-date li { color: #e6e6e6 !important; } body.dark-mode .news-title a:hover, body.dark-mode .readon-arrow:hover { color: #8fd0ff !important; } body.dark-mode .readon-arrow, body.dark-mode .all-records a { color: #8fd0ff !important; } /* ETKİNLİKLER */ body.dark-mode .events-wrapper, body.dark-mode .inside-events, body.dark-mode .event-item { background-color: #1e1e1e !important; color: #e6e6e6 !important; border-color: #333 !important; } body.dark-mode .event-item a, body.dark-mode .event-item p, body.dark-mode .event-item span, body.dark-mode .event-item div { color: #e6e6e6 !important; } /* OWL CAROUSEL CONTROLS */ body.dark-mode .owl-nav button, body.dark-mode .owl-dot span { background-color: #243f68 !important; color: #ffffff !important; } body.dark-mode .owl-nav button:hover, body.dark-mode .owl-dot.active span { background-color: #8fd0ff !important; } /* FOOTER */ body.dark-mode .footer-wrapper, body.dark-mode footer { background-color: #0b1b2b !important; color: #d6d6d6 !important; } body.dark-mode .footer-widget-title { color: #ffffff !important; } body.dark-mode footer a, body.dark-mode .site-map a { color: #8fd0ff !important; } body.dark-mode footer a:hover, body.dark-mode .site-map a:hover { color: #ffffff !important; } body.dark-mode .footer-bottom { background-color: #071827 !important; border-top: 1px solid #24384a !important; } /* FORM / TABLE */ body.dark-mode input, body.dark-mode textarea, body.dark-mode select { background-color: #1f1f1f !important; color: #ffffff !important; border-color: #444 !important; } body.dark-mode table, body.dark-mode th, body.dark-mode td { background-color: #1e1e1e !important; color: #e6e6e6 !important; border-color: #333 !important; } /* FOCUS */ body.dark-mode a:focus, body.dark-mode button:focus, body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode select:focus { outline: 3px solid #8fd0ff !important; outline-offset: 2px !important; } /* SCROLL UP */ body.dark-mode #scrollUp { background-color: #243f68 !important; color: #ffffff !important; border: 1px solid #4b6a97 !important; } /*SUB-PAGE*/ /* ANA İÇERİK */ body.sub-page.dark-mode .main-content, body.sub-page.dark-mode .gray-bg { background-color: #121212 !important; } /* ARTICLE */ body.sub-page.dark-mode article.white-bg, body.sub-page.dark-mode .white-bg { background-color: #1e1e1e !important; color: #e6e6e6 !important; border: 1px solid #333 !important; box-shadow: 0 8px 30px rgba(0,0,0,.35) !important; border-radius: 10px; } /* SAYFA BAŞLIĞI */ body.sub-page.dark-mode .page-title { color: #ffffff !important; border-bottom: 1px solid #333 !important; padding-bottom: 14px; } /* MAKALE METNİ */ body.sub-page.dark-mode .article-text, body.sub-page.dark-mode .article-text p, body.sub-page.dark-mode .article-text div, body.sub-page.dark-mode .article-text span, body.sub-page.dark-mode .article-text li { color: #d8d8d8 !important; } /* SMALL TEXT */ body.sub-page.dark-mode .article-text small { color: #bcbcbc !important; } /* LINKLER */ body.sub-page.dark-mode .article-text a, body.sub-page.dark-mode article a { color: #8fd0ff !important; text-decoration: none; } body.sub-page.dark-mode .article-text a:hover, body.sub-page.dark-mode article a:hover { color: #ffffff !important; text-decoration: underline; } /* RESİMLER */ body.sub-page.dark-mode .article-text img, body.sub-page.dark-mode article img { border-radius: 8px; opacity: .96; } /* HEADER */ body.sub-page.dark-mode .full-header, body.sub-page.dark-mode .header-wrapper { background-color: #0b1b2b !important; } /* TOPBAR */ body.sub-page.dark-mode .topbar { background-color: #071827 !important; border-bottom: 1px solid #24384a; } body.sub-page.dark-mode .topbar a, body.sub-page.dark-mode .topbar-right a, body.sub-page.dark-mode .header-social a { color: #f1f1f1 !important; } body.sub-page.dark-mode .topbar a:hover, body.sub-page.dark-mode .header-social a:hover { color: #8fd0ff !important; } /*SUB-PAGE SONU*/ /*DARK MODE SONU*/ @media only screen and (min-width: 1440px) { .container { max-width: 1270px; width: 100%; } } ::selection { background: #ed8c42; text-shadow: none; color: #ffffff; } ::-moz-selection { background: #ed8c42; text-shadow: none; color: #ffffff; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } a { color: #ed8c42; transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } /* HEADER */ .full-header { width: 100%; z-index: 999; } .topbar { background: #f3f8f9; font-size: 13px; } .topbar a { color: #273c66; } .full-header .header-wrapper { z-index: 99; } .full-header .header-wrapper .topbar .topbar-right li { display: inline; margin-right: 30px; } .full-header .header-wrapper .topbar .topbar-right li:last-child { margin: 0; } ul.header-social, .topbar-right { display: inline-block; padding: 3px; } ul.header-social i { position: relative !important; } ul { list-style: outside none none; margin: 0; padding: 0; } .dictionaryButton { border: none; color: #fff; display: inline-block; margin-bottom: 5px; margin-right: 3px; width: 28px; height: 28px; background: #273c66; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; cursor: pointer; } .dictionaryButton:hover { color: #ed8c42; } .header-social { display: inline-block; padding: 3px; } .header-social li { display: inline; } .header-social li a { background: #ed8c42; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; /* background: #21a7d0; */ color: #ffffff; text-align: center; } a.search-button i { font-weight: 600; } h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; color: #111111; margin: 0 0 26px; line-height: 1.2; } .y-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin: 0; } /* MENU */ .full-header .header-wrapper .menu { background: #ffffff; } body.dark-mode .navbar-wrapper { background: #0b1b2b; } .full-header .header-wrapper .menu { transition: all 0.3s ease; } .main-logo { position: relative; padding: 10px 0px 0px 0px; min-height: 84px; } .main-logo a { color: #112958; } .divimg img { max-width: 65px; float: left; margin-right: 10px; max-height: 80px; } .txtmain { font-size: 18px; } .txtdep { font-weight: 600; font-size: 26px; margin-top: 9px; letter-spacing: -1px; display: table; } .mega-menu { background: #273c66; } .full-header .header-wrapper .menu .menu-wrapper { justify-content: flex-end; } .main-menu { position: relative; } .main-menu a { color: #ffffff; letter-spacing: -0.2px; } .rs-menu ul, .rs-menu li, .rs-menu p, .rs-menu a, .rs-menu div, .rs-menu i { border: 0; margin: 0; padding: 0; } /* CONTENT */ .content-wrapper { background-color: #f3f8f9; padding: 50px; } .content { background-color: #ffffff; } .content-title { font-weight: 500; } /* ANNOUNCEMENTS */ .announcement-wrapper { background: #f3f8f9; } .latest-announcements { z-index: 1; position: relative; padding-top: 20px; } .announcement-list-title { font-size: 26px; font-weight: 700; color: #112958; } .announcement-item { overflow: hidden; background: #ffffff; /* padding: 31px 30px; */ border-radius: 3px; margin-bottom: 10px; padding: 10px; } .news-wrapper .announcement-item { background: #f3f8f9; } .announcement-date { width: 70px; float: left; text-align: center; padding: 3px 0 3px; border-radius: 3px; margin-right: 15px; background: #dddddd; } .date-bg1 { background: #dddddd; color: #505050; } .date-bg2 { background: #f4a66e; color: #fff; } .announcement-month, .announcement-year { margin-bottom: 0px; display: block; } .announcement-day { font-size: 50px; font-family: 'Nunito', sans-serif; color: #112958; font-weight: 700; font-size: 30px; } .announcement-content { font-size: 15px; line-height: 17px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 51px; color: #112958; } .event-content { height: 75px; } .event-title { font-size: 15px; line-height: 17px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 35px; color: #112958; } .announcement-content a { color: #112958; font-weight: 400; } .owl-carousel .owl-nav { top: -30px; } .owl-carousel .owl-nav { display: block; position: absolute; top: -30px; right: 0px; } .owl-carousel .owl-nav .owl-prev i:before { content: "\f134"; } .owl-carousel .owl-nav .owl-next i:before { content: "\f133"; } .owl-carousel .owl-nav .owl-prev i:before, .owl-carousel .owl-nav .owl-next i:before { font-family: Flaticon; font-size: 22px; display: inline-block; } .owl-carousel .owl-nav .owl-prev:after { content: "/"; padding: 0 5px 0 5px; position: relative; top: -3px; } .owl-carousel .owl-nav .disabled { opacity: 0.5; } .all-announcements a { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #112958; position: relative; display: inline-block; } /* LINKS */ .links-wrap { background: url(../images/bg/about-intro-bg.jpg); background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0px rgb(17 41 88 / 20%); } .links-content { min-height: 380px; padding-top: 20px; } .links-content { padding: 20px; position: relative; color: #fff; /* min-height: 490px; */ padding-top: 20px; } .links-title { color: #ffF; font-size: 26px; font-weight: 700; } .links-wrap .title { color: #ffF; } .links-wrap ul li a { color: #fff; } .links-wrap ul li { border: none; position: relative; padding: 6px 0px 6px 14px; margin: 0; font-size: 16px; } .links-wrap ul li a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 6px; color: #ed8c42; } /* NEWS */ .news-wrapper { padding-top: 40px; padding-bottom: 40px; } .news-widget-title { font-size: 26px; font-weight: 600; } .news-title { font-size: 18px; line-height: 21px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 65px; margin-top: 5px; margin-bottom: 5px; color: #202f3c; font-weight: 700; } /* .div-news .blog-meta { color: #df8c42; font-size: 13px; } */ .news-text { font-size: 15px; line-height: 19px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 76px; margin-bottom: 0; } .news-date { color: #df8c42; font-size: 13px; } .news-image { } .all-records a { text-transform: uppercase; font-weight: 500; font-size: 16px; color: #112958; position: relative; display: inline-block; } .blog-bottom { margin-top: 15px; } .readon-arrow { color: #111111; padding-right: 22px; position: relative; font-weight: 600; } .readon-arrow:hover, .readon-arrow:hover:after { color: #ed8c42; } .readon-arrow:after { position: absolute; content: "\f136"; font-family: Flaticon; font-style: normal; top: 50%; transform: translateY(-50%); right: 5px; color: #111111; transition: all 0.3s ease; font-weight: 600; font-size: 14px; } .news-readmore-button { } .all-news-div { } .all-news-div a { text-transform: uppercase; font-weight: 600; font-size: 16px; color: #112958; position: relative; display: inline-block; float: right; } .owl-dots { display: none; } /* EVENTS */ .events-wrapper { background: #f3f8f9; } .event-item .act-place, .act-type { color: #df6c19; font-size: 13px; } .act-place, .act-type { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; vertical-align: bottom; } .announcement-year { margin-top: -7px; } /* FOOTER */ .footer-wrapper { background-color: #273c66; /* background-image: url(assets/images/bg/footer-bg.png);*/ background-size: cover; } .footer-wrapper { position: relative; z-index: 0; } .footer-wrapper .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #09090a; z-index: 0; opacity: .9; } .footer-wrapper .footer-top { padding: 90px 0 93px; z-index: 1; position: relative; } .footer-widget-title { color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 35px; } .footer-wrapper .footer-top .footer-widget-title { color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 35px; } .footer-wrapper .footer-top .site-map li { padding-left: 15px; position: relative; margin-bottom: 11px; } .footer-wrapper .footer-top .site-map li a { color: #e8e8e8; } .footer-wrapper .footer-top .site-map li:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; color: #ed8c42; } .footer-wrapper .footer-top .address-widget li { position: relative; margin-bottom: 16px; } .footer-wrapper .footer-top .address-widget li i { position: absolute; } .footer-wrapper .footer-top .address-widget li i:before { color: #ffffff; } .footer-wrapper .footer-top .address-widget li .desc { padding-left: 35px; color: #ffffff; } .footer-wrapper .footer-top .address-widget li .desc a { color: #ffffff; } .footer-wrapper .footer-bottom { padding: 40px 0; background: transparent; position: relative; z-index: 1; } .footer-wrapper .footer-bottom:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 1px; width: 100%; max-width: 1240px; background: rgba(255, 255, 255, 0.1); } .footer-wrapper .footer-bottom .footer-logo a { display: inline-block; } .footer-wrapper .footer-bottom .copyright p { margin-bottom: 0; color: #f3f8f9; font-weight: 600; } .footer-wrapper .footer-bottom .footer-logo a img { max-width: 310px; } #scrollUp { display: block; } #scrollUp { text-align: center; bottom: 40px; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; border-radius: 50px 50px 4px 4px; } #scrollUp i { /* background: #21a7d0; */ background: #f4a66e; border-radius: 50%; height: 40px; font-size: 24px; font-weight: 600; width: 42px; color: #fff; line-height: 36px; transition: all 0.3s ease; margin-left: 2px; box-shadow: 0px 0px 2px rgb(0 0 0 / 40%); } /* SEARCH MODAL */ body .search-modal .close { color: #ffffff; margin-top: 20px; font-size: 14px; background-color: transparent; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; opacity: 1; outline: none; transition: all 0.3s ease; } body .search-modal .modal-content { background: transparent; position: initial; border: 0; } body .search-modal .search-block input { height: 60px; line-height: 60px; padding: 0 15px; background: transparent; border-width: 0 0 1px 0; border-radius: 0; border-color: rgba(255, 255, 255, 0.4); box-shadow: none; color: #ffffff; font-weight: 600; font-size: 18px; } /* MENU */ .navbar-wrapper { background: #273c66; width: 100%; margin-top: 5px; min-height: 40px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .dropdown-menu.show { -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */ animation: fadeIn 0.3s alternate; } .nav-item.dropdown.dropdown-mega { position: static; } .nav-item.dropdown.dropdown-mega .dropdown-menu { width: 90%; top: auto; left: 5%; } .navbar-toggler { border: none; padding: 0; outline: none; } .navbar-toggler:focus { box-shadow: none; } .navbar-toggler .hamburger-toggle { position: relative; display: inline-block; width: 50px; height: 50px; z-index: 11; float: right; } .navbar-toggler .hamburger-toggle .hamburger { position: absolute; transform: translate(-50%, -50%) rotate(0deg); left: 50%; top: 50%; width: 50%; height: 50%; pointer-events: none; } .navbar-toggler .hamburger-toggle .hamburger span { width: 100%; height: 4px; position: absolute; background: #333; border-radius: 2px; z-index: 1; transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out; left: 0px; } .navbar-toggler .hamburger-toggle .hamburger span:first-child { top: 10%; transform-origin: 50% 50%; transform: translate(0% -50%) !important; } .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) { top: 50%; transform: translate(0, -50%); } .navbar-toggler .hamburger-toggle .hamburger span:last-child { left: 0px; top: auto; bottom: 10%; transform-origin: 50% 50%; } .navbar-toggler .hamburger-toggle .hamburger.active span { position: absolute; margin: 0; } .navbar-toggler .hamburger-toggle .hamburger.active span:first-child { top: 45%; transform: rotate(45deg); } .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) { left: 50%; width: 0px; } .navbar-toggler .hamburger-toggle .hamburger.active span:last-child { top: 45%; transform: rotate(-45deg); } .icons { display: inline-flex; margin-left: auto; } .icons a { transition: all 0.2s ease-in-out; padding: 0.2rem 0.4rem; color: #ccc !important; text-decoration: none; } .icons a:hover { color: white; text-shadow: 0 0 30px white; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,1); } .navbar-dark .navbar-nav .nav-link { transition: all 0.3s ease; font-size: 15px; font-weight: 500; color: #ffffff; z-index: 1; position: relative; } .navbar-toggler .hamburger-toggle .hamburger span { background: #fff; } /*end menu*/ /*Slider*/ /*.carousel-caption { right: 0; left: 0; padding-bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0.0) 12%,rgb(3 13 34 / 50%) 72%) repeat scroll 0 0 rgba(0,0,0,0); padding-top: 30px; bottom: 0; }*/ .carousel-caption { right: 0; left: 0; padding-bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0.0) 1%,rgb(3 13 34 / 64%) 72%) repeat scroll 0 0 rgba(0,0,0,0); padding-top: 60px; bottom: 0; } .carousel-caption2 { right: 0; left: 0; padding-bottom: 0; bottom: 0; } .carousel-caption h5 { font-size: 25px; color: #fff; margin: 0; padding: 0; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); font-weight: 600; } .carousel-caption p { padding: 0 20px; } /* ============ desktop view .end// ============ */ /* ============ mobile view ============ */ @media only screen and (max-width: 992px) { nav.navbar.navbar-expand-lg.navbar-dark { padding: 0; } } /* ============ mobile view .end// ============ */ /*ALT SAYFA*/ .sub-page article { padding: 20px 20px; min-height: 400px; text-align: justify; } .gray-bg { background: #f3f8f9; } .white-bg { background: #fff; } .sub-page .main-content { padding-top: 20px; padding-bottom: 50px; } h1.page-title { color: #112958; font-size: 25px; font-weight: 700; text-align: center; display: table; } h2.page-title { color: #112958; font-size: 20px; font-weight: 600; } .dropdown-item { min-width: 220px; } .dropend .dropdown-toggle::after { position: absolute; vertical-align: 0; right: 10px; top: 11px; } #carouselMain .carousel-item img { max-height: 468px; object-fit: cover; } ul.sub-menu.row { margin-left: 5px; margin-right: 5px; } .news-img { height: 173px; width: 100%; background-size: cover; background-position: 10% 0%; background-repeat: no-repeat; } .sub-content { padding: 40px 30px; min-height: 400px; text-align: justify; } .list-announcement { transition-property: background,border,-webkit-box-shadow; -o-transition-property: background,border,box-shadow; transition-property: background,border,box-shadow; transition-property: background,border,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; line-height: 30pt; } span.item-date { font-weight: 600; width: 150px; display: inline-block; } .page-link { color: #273c66; } .archive-link { display: block; color: #273c66; } .part-title { color: #273c66; font-weight: 700; margin-bottom: 10px } .part-div { background: #fff; padding: 20px; border: 1px solid #e7e7e7; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #273c66; border-color: #0f182a; } .card-text { line-height: 17pt; padding-top: 20px; } .card-text h4 { font-weight: 600; margin-bottom: 10px; } .card-image img { width: 100%; height: 160px; object-fit: cover; object-position: center; } .item-dateplace { font-weight: 600; line-height: 17px; } .list-event { transition-property: background,border,-webkit-box-shadow; -o-transition-property: background,border,box-shadow; transition-property: background,border,box-shadow; transition-property: background,border,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; line-height: 20pt; } .color-orange { color: #ed8c42; } /*Bootstrap nav and caoursel dffences*/ .dropdown-submenu { position: relative; } .dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-right: .1rem; } /*.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; }*/ .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; /*@include transition(opacity 0s $carousel-transition-duration);*/ } .carousel.carousel-fade .carousel-item { display: block; opacity: 0; transition: opacity ease-out .3s; } .carousel.carousel-fade .carousel-item.active { opacity: 1 !important; } /*End differences&*/ /*DRopDown Hover OPEN*/ .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; } .dropdown-submenu:hover > .dropdown-menu { display: block; margin-top: 0; } button:focus { outline: none; } .mobilemenu a { display: block; width: 28px; height: 18px; margin: 5px; position: absolute; top: 4px; left: 20px; } .mobilemenu a:before, .mobilemenu a:after { content: ''; display: block; background: #fff; height: 3px; } .mobilemenu a span { background: #fff; display: block; height: 3px; margin: 6px 0; border-radius: 2px; } .mmenu { display: none; } .mm-ocd__content .mmenu { display: block; } .pos-rel { position: relative; } @media (min-width: 992px) { .mobilemenu { display: none; } } @media (max-width: 992px) { .main-nav { display: none; } } /* common */ .ribbon { position: absolute; } .ribbon span { position: absolute; display: block; width: 70px; padding: 2px 0; background-color: #f15656; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); color: #fff; font: 800 11px/1 'Lato', sans-serif; /* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */ /* text-transform: uppercase; */ text-align: center; -webkit-animation-name: chcolor; -webkit-animation-duration: 4s; animation-name: chcolor; animation-duration: 4s; animation-iteration-count: infinite; } /* top right*/ .ribbon-top-right { top: -10px; left: -10px; } .ribbon-top-right::before, .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { top: 0; left: 0; } .ribbon-top-right::after { bottom: 0; right: 0; } .ribbon-top-right span { top: 10px; /* transform: rotate(45deg); */ left: 20px; } .announcement-item { position: relative; } /* Chrome, Safari, Opera */ @-webkit-keyframes chcolor { 0% { background-color: #C51230; color: #fff; } 50% { background-color: #fff; color: #C51230; } 100% { background-color: #C51230; color: #fff; } } /* Standard syntax */ @keyframes chcolor { 0% { background-color: #C51230; color: #fff; } 50% { background-color: #fff; color: #C51230; } 100% { background-color: #C51230; color: #fff; } } .page-layout { padding: 40px 30px; min-height: 400px; } .bgpalette1 { background-color: #f7c580; color: #112958; } .bgpalette2 { background-color: #f4a66e; color: #fff; } .bgpalette3 { background-color: #e8816e; color: #fff; } .bgpalette4 { background-color: #c95d5d; color: #fff; } .bgpalette5 { background-color: #082c45; color: #fff; } .bgpalette6 { background-color: #868d93; color: #fff; } .bgpalette7 { background-color: #dddddd; color: #11295a; } .bgpalette8 { color: #fff; background: url(/assets/images/bg/about-intro-bg.jpg); } .act-title { font-size: 23px; font-weight: 600; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 106px; margin-top: 50px; margin-bottom: 60px; position: relative; z-index: 3; } .act-box { padding: 20px; position: relative; margin-bottom: 20px; } .act-category { color: #273c66; background: rgb(255 173 111); margin-bottom: 10px; padding-left: 10px; font-size: 13px; font-weight: 600; position: relative; z-index: 3; } .act-date { font-size: 18px; font-weight: 600; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: 22px; position: relative; z-index: 3; } .act-place { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; position: relative; z-index: 3; } .acts a:hover:after { left: 0; right: auto; width: 100%; } .acts a:after { position: absolute; content: ''; right: 0; bottom: 3px; width: 0; height: 3px; background: #112958; background: #ffffff; transition: all 0.3s ease; } .row.no-space .col-md-4 { margin: 0; padding: 0; } .row.no-space { margin-left: 0; margin-right: 0; } .act-box-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; opacity: 0.3; z-index: 0; } .album-list-img { height: 225px; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; } .div_actitem { color: #000; font-size: 16px; font-weight: 400; padding: 20px 15px; border-bottom: 1px solid #ededed; background: #f0f3fa; margin-bottom: 10px; position: relative; padding-left: 50px; } .modal-header-custom button.close { background: #000; color: #fff; width: 30px; height: 30px; opacity: 1; border-radius: 20px; top: -10%; right: 50%; position: absolute; z-index: 2000; } /* .modal-header-custom button.close { background: #000; color: #fff; width: 30px; height: 30px; opacity: 1; border-radius: 20px; top: -10%; right: -10px; position: absolute; z-index: 2000; } */ #homePagePopup .modal-dialog { position: relative; display: table; overflow: auto; width: auto; min-width: 500px; margin-top: 20vh; max-width: 90vw !important; } #homePagePopup .modal-body { /* Restrict Modal width to 90% */ overflow-x: auto !important; max-width: 90vw !important; } #homePagePopup p { margin: 0; } .modal-footer-custom { position: absolute; bottom: 0; right: 0; } .modal-footer-custom .btn { padding: 0 5px; background: #000; } a.fc-col-header-cell-cushion { color: #112958; } .fc-event-title { color: #112958; } .fc-daygrid-day-number { font-size: 21px; font-weight: bold; } #calendar { max-width: 100%; margin: 0 auto; } .fc-daygrid-day-number { font-size: 24px; font-weight: bold; } .fc-h-event .fc-event-title { font-size: 14px; white-space: normal; margin-bottom: 20px; color: #000000; } .fc .fc-col-header-cell-cushion { display: inline-block; padding: 2px 4px; font-size: 16px; color: #002867; } @media(max-width: 992px) { #calendar { height: 800px; } }