/* LACİVERT
Pantone : 662 c
Hex : #232f60
RGB : 35r 47g 96b
CMYK: 100c 93m 24y 22k */

/* KIRMIZI
Pantone : 179 C
Hex : #e43c2f
RGB: 228r 60g 47b
CMYK: 0c 95m 100y 0k */

@font-face { font-family: 'Trebuchet MS'; src: url('/fonts/trebuc.eot'); src: local('Trebuchet MS'), url('/fonts/trebuc.woff') format('woff'), url('/fonts/trebuc.ttf') format('truetype'); }

html { font-size: 1.1em; }

@media (min-width: 1200px) {
    html { font-size: 1.2em; }
}

@media (min-width: 1400px) {
    html { font-size: 1.3em; }
}

html { position: relative; min-height: 100%; background-color: #232f60; }
body { margin-bottom: 60px; color: #333; }


/* header */

header { background-color: #232f60; }


/* nav */

.navbar .megamenu { /*padding: 1.1rem;*/ }

.navbar .navbar-nav a.nav-link { }
    .navbar .navbar-nav a.nav-link:link { color: #FFF; }
    .navbar .navbar-nav a.nav-link:visited { color: #FFF; }
    .navbar .navbar-nav a.nav-link:hover { color: #CCC; text-decoration: underline; }

@media all and (min-width: 992px) {
    /* desktop view */
    .navbar .has-megamenu { position: static !important; }
    .navbar .megamenu { left: 0; right: 0; width: 100%; margin-top: 0; background-color: #FFF; font-size: 1rem; }
}

@media(max-width: 991px) {
    /* mobile view */
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top: 1em; }
}

.dropdown-toggle::after { display: none !important; }
hr.hrNavbar { opacity: 100%; color: #e43c2f; height: 0.2rem; }
h6.h6Navbar { color: #e43c2f; font-weight: bold; }

a.mainmenu { }
    a.mainmenu:link { color: #666; text-decoration: none; line-height: 250%; }
    a.mainmenu:visited { color: #666; }
    a.mainmenu:hover { color: #232f60; text-decoration: underline; }

a.nav { }
    a.nav:link { color: #333; text-decoration: none; }
    a.nav:visited { color: #333; }
    a.nav:hover { color: #232f60; }

.navDiv { width: 100%; padding: 1em; border-bottom: 1px solid #CCC; color: #232f60; }

#sidebar-nav { width: 18em; }

/* main */

main { background-color: white; min-height: 30em }
#main-container { display: flex; width: 100%; justify-content: center; }


/* footer */

footer { background-color: #232f60; color: white; font-size: 0.9rem; margin-bottom: 1em }

a.footer:link { color: white; text-decoration: none; }
a.footer:visited { color: white; }
a.footer:hover { color: white; text-decoration: underline; }

/* footer - Sosyal Medya */

.social { margin: 0; padding: 0; font-size: 1.2rem }

    .social ul { margin: 0; padding: 0.5em; }

        .social ul li { margin: 0.5em; list-style: none outside none; display: inline-block; }

    .social i { width: 40px; height: 40px; color: #FFF; background-color: #232f60; text-align: center; margin: 0.2em; padding-top: 8px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; }

        .social i:hover { color: #FFF; background: #e43c2f; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; }

.social_e43c2f { margin: 0; padding: 0; font-size: 1.2rem }

    .social_e43c2f ul { margin: 0; padding: 0.5em; }

        .social_e43c2f ul li { margin: 0.5em; list-style: none outside none; display: inline-block; }

    .social_e43c2f i { width: 40px; height: 40px; color: #FFF; background-color: #e43c2f; text-align: center; margin: 0.2em; padding-top: 8px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; }

        .social_e43c2f i:hover { color: #FFF; background: #232f60; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; }


/* tools */

a { }
    a:link { color: blue; }
    a:visited { color: purple; }
    a:hover { color: red; }

    a.beyaz { }
        a.beyaz:link { color: white; text-decoration: none; }
        a.beyaz:visited { color: white; }
        a.beyaz:hover { color: #999; }

    a.geri { }
        a.geri:link { color: white; text-decoration: none; }
        a.geri:visited { color: #F0F0F0; }
        a.geri:hover { text-decoration: underline; }

p { text-align: justify; line-height: 180% }

ul { list-style-image: url('/images/_bullet/kirmizi.webp'); }
    ul li { line-height: 180%; padding-left: 0.5em; }


select { appearance: none; background: white; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z' fill='%23212121'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.5rem center; border-radius: 2px; padding: 0.25rem 2em 0.25rem 0.75rem; }

/* title */
h1.title-text { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #FFF; font-size: 3rem; font-weight: bold }
div.title-text { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #FFF; font-size: 3rem; font-weight: bold }
hr.title { margin: auto; width: auto; opacity: initial; border-top: 0.2em solid #e43c2f }

/* title - 232f60 */
h1.title-text-232f60 { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #232f60; font-size: 3rem; font-weight: bold }
div.title-text-232f60 { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #232f60; font-size: 3rem; font-weight: bold }
hr.title-232f60 { margin: auto; width: auto; opacity: initial; border-top: 0.2em solid #e43c2f }

/* title - e43c2f */
h1.title-text-e43c2f { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #e43c2f; font-size: 3rem; font-weight: bold }
div.title-text-e43c2f { background-color: hsl(240, 100%, 10%, 0.1); border-radius: 0.5em; padding: 0 0.5em; text-align: center; color: #e43c2f; font-size: 3rem; font-weight: bold }
hr.title-e43c2f { margin: auto; width: auto; opacity: initial; border-top: 0.2em solid #232f60 }

@media(max-width: 991px) {
    /* mobile view */
    h1.title-text { font-size: 2rem; }
    div.title-text { font-size: 2rem; }
}

/* breadcrumb */
a.breadcrumb:link { font-size: 0.9em; font-weight: bold; color: white; text-decoration: none; }
a.breadcrumb:visited { color: white; }
a.breadcrumb:hover { color: white; text-decoration: underline; }

/* breadcrumb - 232f60 */
a.breadcrumb-232f60:link { font-size: 0.9em; font-weight: bold; color: #232f60; text-decoration: none; }
a.breadcrumb-232f60:visited { color: #232f60; }
a.breadcrumb-232f60:hover { color: #232f60; text-decoration: underline; }

/* breadcrumb - e43c2f */
a.breadcrumb-e43c2f:link { font-size: 0.9em; font-weight: bold; color: #e43c2f; text-decoration: none; }
a.breadcrumb-e43c2f:visited { color: #e43c2f; }
a.breadcrumb-e43c2f:hover { color: #e43c2f; text-decoration: underline; }

.chevron::before { border-style: solid; border-width: 0.20em 0.20em 0 0; content: ''; display: inline-block; height: 0.45em; left: 0.15em; position: relative; transform: rotate(-45deg); width: 0.45em; }
.chevron.right:before { left: 0; transform: rotate(45deg); color: white; vertical-align: top; margin: 0.5em; }

.chevron-232f60::before { border-style: solid; border-width: 0.20em 0.20em 0 0; content: ''; display: inline-block; height: 0.45em; left: 0.15em; position: relative; transform: rotate(-45deg); width: 0.45em; }
.chevron-232f60.right:before { left: 0; transform: rotate(45deg); color: #232f60; vertical-align: top; margin: 0.5em; }

.chevron-e43c2f::before { border-style: solid; border-width: 0.20em 0.20em 0 0; content: ''; display: inline-block; height: 0.45em; left: 0.15em; position: relative; transform: rotate(-45deg); width: 0.45em; }
.chevron-e43c2f.right:before { left: 0; transform: rotate(45deg); color: #e43c2f; vertical-align: top; margin: 0.5em; }

/*blockquote*/

.quote1 { text-align: center; font-size: 3rem; margin: auto; padding: 0.2em; position: relative; margin-top: 0.5em; margin-bottom: 0.5em }
blockquote1 { font-style: italic; position: relative; z-index: 20; }
.left1 { position: absolute; top: -10px; left: 0; width: 50px; text-align: left; z-index: 10; font-size: 4rem; color: #232f60; background-color: white; line-height: 50px; }
.right1 { position: absolute; bottom: -20px; right: 0; width: 50px; text-align: right; z-index: 10; font-size: 4rem; color: #232f60; background-color: white; line-height: 50px; }

.quote2 { background-color: #232f60; border-left: 0.5em solid #e43c2f; color: white; padding: 2em 2em 1em 2em; margin-bottom: 1em; }

/*accordion*/
.accordion-button.collapsed { background: blue }
    .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/*gallery*/

#gallery { line-height: 0; -webkit-column-count: 5; -webkit-column-gap: 5px; -moz-column-count: 5; -moz-column-gap: 5px; column-count: 5; column-gap: 5px; margin-top: 2rem; }
    #gallery img { width: 100% !important; height: auto !important; margin-bottom: 5px; transition: filter 2s; }

@media (max-width: 1200px) {
    #gallery { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
}

@media (max-width: 1000px) {
    #gallery { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}

@media (max-width: 800px) {
    #gallery { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}

@media (max-width: 400px) {
    #gallery { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

/* Yönetim Kurulu */
a.yonetim { text-decoration: none; color: #232f60; }
    a.yonetim:hover { color: #fff; }
    a.yonetim div { background-color: #f6f5f3; border-radius: 1em; min-height: 20em; margin: 0.5em; text-decoration: none; }
        a.yonetim div:hover { background-color: #232f60; }





.title-text-video { font-size: 1.5rem; /* default size */ text-align: center; }

/* Mobil cihazlar için font boyutu */
@media (max-width: 576px) {
    .title-text-video { font-size: 1.2rem; /* Mobilde daha küçük font */ }
}

/* Tablet için font boyutu */
@media (min-width: 576px) and (max-width: 768px) {
    .title-text-video { font-size: 1.8rem; /* Tablet boyutunda daha büyük */ }
}

/* Masaüstü cihazlar için font boyutu */
@media (min-width: 768px) {
    .title-text-video { font-size: 2.5rem; /* Masaüstü boyutunda daha büyük */ }
}