@import 'fonts.css';

html, body {height: 100%;font-family:'Jost'; }
body {background: transparent url("../images/bg-pattern.png") repeat center center}
.navbar-toggler:focus {box-shadow: none}
.navbar {padding: 0;height: 73px;box-shadow: 0 -2px 4px 2px #333;z-index:1}
.text-danger {color: #d7272f}
.navbar-nav {z-index: 999999}
.fa-2x {font-size: 1.5em;line-height: 1.5em;}
.fa-3x {font-size: 2em;line-height: 1em; margin-right:10px}
.dropdown-menu[data-bs-popper] {top: inherit}
p.section-header {font-family: 'Jost'; color:#FFF; font-size:3em; font-weight: bold;}
.dropdown-menu[data-bs-popper] {margin-top:17px; border-top:0;border-radius:0;box-shadow:inset 0 6px 8px -7px;padding:0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.dropdown-menu[data-bs-popper] li {border-top:1px solid #c72631;padding:4px}
.dropdown-menu[data-bs-popper] li:first-child {border-top:0}
.dropdown-item:focus, .dropdown-item:hover {background-color: transparent; color:#c72631;}
.form-control:focus {box-shadow:none}
.owl-item {float:left;}
.owl-nav {display:none}
.carousel-indicators {bottom:-90px;}
.logo-carousel {overflow:hidden}
.navbar-nav .button-wrapper {display:flex;gap:.1em;flex-direction: column;}
.navbar-light .navbar-nav .nav-link {font-weight: bold;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left:0;padding-right:.7rem}
.navbar-nav .button-wrapper .nav-link.blink {/*animation: blinker 1.5s linear infinite;*/background-color: #c72631; color: #FFF;text-align:center;padding:.4rem .5rem;border-radius:.3rem;margin-bottom:2px;font-size:.8em;width:100%}
.navbar-nav .button-wrapper .nav-link.blink.fs-drop {font-size:.7em}
/*@keyframes blinker {
    50% {
        opacity: 0;
    }
}*/

#mainCarousel,
#mainCarousel .carousel-inner,
#mainCarousel .carousel-item,
#mainCarousel .carousel-item.active {height: 700px}
/*#mainCarousel .carousel-item {background: #fff no-repeat center center; position:relative}*/
#mainCarousel .carousel-item {background-repeat: no-repeat;background-size: cover;background-position: center center;}

/*.sliderOverlay {position:relative; z-index:1}
div.sliderbg {position:absolute; left:0; right:0; bottom:0; top:0; display:flex; align-items: center; justify-content: center;z-index:0}

div.sliderbg .bgwrapper {position:relative}
div.sliderbg .bgwrapper:before {content:'';position:absolute;height:100%; width:100%; background:linear-gradient(to left, transparent, 95%, #fff), linear-gradient(to right, transparent, 95%, #fff)}*/

#mainCarousel {font-family:'Jost'}
#mainCarousel .carousel-title {margin-bottom: 1rem;font-weight:bold;font-size:1.7rem}
#mainCarousel .carousel-title span {display: inline;background: #c72631;color: white;padding-left: 0;padding-right: 0;-webkit-box-decoration-break: clone;-ms-box-decoration-break: clone;-o-box-decoration-break: clone;box-decoration-break: clone;box-shadow: 0.5rem 0 0 #c72631, -0.5rem 0 0 #c72631;line-height:1.3em}
#mainCarousel .carousel-headline {font-size:1.4rem}
#mainCarousel .carousel-btn {padding:4px 10px; color:#FFF; background-color: #c72631; font-size:1.6rem;text-decoration: none;font-family:'Jost'}

/* Horizontal Carousel */
.carousel-indicators [data-bs-target]:not(.carousel-control-prev):not(.carousel-control-next) {width: 10px;height: 10px;margin-bottom: 10px;border-radius: 50%;opacity: 1;background-color: #fff;border: 1px solid #fff}
.carousel .carousel-indicators [data-bs-target].carousel-control-next, .carousel-indicators [data-bs-target].carousel-control-prev {box-sizing: border-box;position: relative;width: 16px;height: 16px;left: -2px;right: 0;top: -4px;bottom: 0;opacity: 1;}
.carousel-indicators .active {border-color:#101010 !important; background-color: #101010 !important}

/* Vertical Carousel Start */
.vertical .carousel-indicators [data-bs-target]:not(.carousel-control-prev):not(.carousel-control-next) {width: 10px;height: 10px;margin-bottom: 10px;border-radius: 50%;opacity: 1;background-color: #fff;border: 1px solid #fff;box-shadow:1px 1px 1px #000}
.vertical .carousel-indicators .active {border-color:#d7272f !important; background-color: #d7272f !important}
.vertical .carousel-item-next.carousel-item-start,
.vertical .carousel-item-prev.carousel-item-end {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.vertical .carousel-item-next,
.vertical .active.carousel-item-end {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100% 0)}
.vertical .carousel-item-prev,
.vertical .active.carousel-item-start {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.vertical.carousel .carousel-indicators {bottom: auto;top: 50%;left: auto;right: 42px;width: 14px;margin: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);flex-direction: column;}
.vertical.carousel .carousel-indicators [data-bs-target].carousel-control-next,
.vertical.carousel .carousel-indicators [data-bs-target].carousel-control-prev {box-sizing: border-box;position: relative;width: 16px;height: 16px;left: -2px;right: 0;top: -2px;bottom: 0;opacity: 1;transform: rotate(90deg);filter:drop-shadow(1px 1px 1px #000)}
/* Vertical Carousel End */

#eventCarousel1 .carousel-item {display:flex;justify-content: center;}
.w-100 {width:auto !important; max-width:100%;}

section#news {padding:40px 0}
section#news p.display-5 {color:#c72631; font-weight:bold;text-shadow:0px 0px 3px #fff}
.news-item {position:relative;background: #fff url('assets/sil/uf-1.jpg') no-repeat center center; /*background-size:cover;*/ min-width:250px; min-height:250px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; max-width:100%;}
.news-item.shadow {box-shadow: rgba(0,0,0,0.8) 0 0 10px;}
.news-item a {color:#FFF}
.news-title {position:absolute; right:0; bottom:0; background-color:rgba(215,39,47, .8);color:#FFF; max-width:80%;margin-bottom:0; margin-right:0;border-bottom-right-radius: 20px; border-top-left-radius: 20px; padding:10px;min-width:258px;min-height:110px;display:flex;flex-direction: column; justify-content: space-between;}
.news-title h4 {font-weight:bold;font-size:1em;}

.eventCarousel img {border-radius: 20px;}
.carousel-headline {display:flex; flex-direction: row; min-height:10vh; color:#FFF; font-size: 1.2rem; align-items: center;}
.carousel-headline .year {font-size:3rem; font-weight:bold; margin-right:20px}

div.owl-dots, div.owl-nav {text-align:center;margin-top:20px}
.owl-dot {width:48px; height:3px; background-color: #8a8a8a !important; margin-right:10px;}
.owl-dot.active {background-color:#d7272f !important}

section#events {background-image:url('../images/bg-pattern-female.png'), linear-gradient(45deg, rgba(163,73,255,1) 10%, rgba(45,119,255,1) 70%);background-blend-mode:color-dodge;}
section#events .nav-pills .nav-item:nth-child(1) button {text-align:right}
section#events .nav-pills .nav-item:nth-child(3) button {text-align:left}
section#events .nav-pills .nav-item button {font-family: 'Jost'; font-size:45px; font-weight:bold; opacity:.7; color:#FFF; background-color:transparent;line-height:55px}
section#events .nav-pills .nav-item button.active {font-size:55px; opacity:1}

section#calendar {background-image:url('../images/bg-pattern-female.png'), linear-gradient(45deg, rgba(10,10,10,1) 10%, rgba(10,10,10,1) 70%);background-blend-mode:color-dodge;}
.calender-wrapper {background-image:linear-gradient(45deg, rgba(163,73,255,1) 10%, rgba(45,119,255,1) 70%);border-radius: 20px;}
.calender-wrapper .card {border-radius: 20px; border:2px solid #00c0ff;background-color:transparent}
.calender-wrapper .card img {border-top-left-radius: 20px; border-top-right-radius: 20px;}
.calender-wrapper .card a {color:#FFF}
.calender-wrapper .card .card-body {background-color:transparent; color:#FFF}
.calender-wrapper .card .card-body ul {padding-left:1rem; list-style: none}
.calender-wrapper .card .card-body ul li {line-height:1.2em; margin-bottom:8px}
.calender-wrapper .card .card-body ul li:before {content: "\2022";color: #00c0ff;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.calender-wrapper .card .card-body .title {font-weight: bold;}

footer {background-color:#da2c46; background-image:url('../images/bg-pattern-female.png');position:relative;color:#FFF;font-family: 'Jost';}
footer a {color:#FFF; text-decoration: none;}
footer a:hover {color:#FFF; text-decoration: underline;}
footer img {max-width:100%}
.references-wrapper {background-color:#FFF; background-image:url('../images/bg-pattern.png');}
.references-wrapper img {filter: grayscale(100%); max-width:100%}
.references-wrapper img:hover {filter: grayscale(0);}
.proverb {padding:30px 10px; border-radius:20px; font-weight: bold; font-size:1.4vw; font-family: 'Jost'; background: #FFF url('../images/ataturk-signature.png') no-repeat bottom right;background-size:100px; box-shadow: 0 1px 3px #666;position:absolute;top:-61px;color:#000}
.female-logo {max-width: 100%;}
footer ul {list-style-type: none;}
footer ul li {white-space:nowrap}
footer ul li.title {font-weight:bold}
.footer-bottom {background-color:#FFF; color:#000;}
.footer-bottom img {max-height:32px}

/** bakan.php **/
.content-wrapper {background-color:#FFF;border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position:relative}
.portrait {border-radius: 20px; max-width:200px; position:relative; left:calc(50% - 100px); top:-150px; margin-bottom:-115px}

/** hakkimizda.php **/
.about-logo {max-width:500px; position:relative; left:calc(50% - 250px); top:-150px; margin-bottom:-115px}

/** yonetim-kurulu.php **/
.list-group-item {border-color:#d7282f; font-family: 'Jost'; color:#000}
.list-group-item:first-child {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.list-group-item:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.board-title {color:#d7282f}
.board h1 {font-family: 'Jost'; color:#000; font-size:2.5rem; font-weight:bold}
.board h2 {font-family: 'Jost'; color:#000; font-size:1.5rem; font-weight:bold}

/** il-temsilcilikleri.php **/
table.representation {border-collapse: separate !important; border:2px solid #d7282f; border-radius: 10px; width:70%; margin:0 auto;border-spacing: 0;overflow:hidden; font-family:'Jost'; color:#000; font-size:1rem}
table.representation thead {background-color:#d7282f; text-align: center; color:#FFF;border-top: none;}
table.representation thead th, table.representation tbody td {padding:8px 0; border-left:2px solid #d7282f; border-top:#d7282f; border-bottom: 2px solid #d7282f;}
table.representation tbody td:first-child, table.representation thead th:first-child {border-left: none;}
table.representation tbody tr:last-child td {border-bottom:none}

/** salonlar.php **/
table.halls {border-collapse: separate !important; border:2px solid #d7282f; border-radius: 10px; width:90%; margin:0 auto;border-spacing: 0;overflow:hidden; font-family:'Jost'; color:#000; font-size:.8rem}
table.halls thead {background-color:#d7282f; text-align: center; color:#FFF;border-top: none;}
table.halls thead th, table.halls tbody td {padding:8px 0; border-left:2px solid #d7282f; border-top:#d7282f; border-bottom: 2px solid #d7282f;}
table.halls tbody td:first-child, table.halls thead th:first-child {border-left: none;}
table.halls tbody tr:last-child td {border-bottom:none}

/** mevzuat.php **/
.legislation-wrapper {border:1px solid #d7282f; border-radius:10px;height:100%}
.legislation {background:#d7282f url('../images/logo-female.png') no-repeat center center; background-size:50% 50%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;border:1px solid #d7282f;}
.legislation + div {min-width:253px; max-width:253px}
.legislation-wrapper p {min-height:105px; border-bottom:1px solid #d7282f; font-size:1rem;line-height:1.1}
.legislation-wrapper a.align-self-end {background-color:#d7282f; border-top-left-radius: 10px; border-bottom-right-radius: 10px; color:#FFF; text-decoration:none; padding:4px 10px}
.legislation-wrapper span {font-size:.8rem}

/** uyelikler.php **/
.membership-wrapper {background-color:#d7282f; border-radius: 10px;min-height:196px; margin-bottom:10px}
.membership-wrapper img {max-width:60%; margin:0 auto}
.membership-wrapper + p {font-weight: bold; font-size:1.2rem}

/** protokoller.php **/
.image-wrapper {background:transparent url('../sil/protokol-1.jpg') no-repeat center center; background-size:cover; border-top-left-radius: 10px; border-bottom-left-radius: 10px;border-right:1px solid #d7282f;min-width:133px;max-width:150px;background-color:#d7272f}
.image-wrapper.static {background-color:#fff;background-size:contain !important;background-image:url('../images/logo-list.jpg')}
.image-wrapper + div {width:100%;justify-content: space-between;}

/** iletisim.php **/
#map {width:100%; height:70vh}

/** branslar.php **/
.item {
    flex: 1;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.8s ease;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:10px;
    text-align:center;
}
.item:hover {
    flex: 5;
}
.item .title .text {font-size:32px;font-weight:bold;color:#FFF;text-shadow:1px 1px 0 #333/*white-space:nowrap*/}
.item .title .text p, .item .content {opacity:0;transform:scale(0.1); max-width:400px;font-size:14px; color:#FFF;display:none;}
.item:hover > .title .text p, .item:hover > .content, .item:active > .title .text p, .item:active > .content {
    opacity: 1;transform:scale(1);display:block;
}
.item .icon img {max-width: 370px;}
.item .content {text-shadow:1px 1px 0 #333}

/** detay.php **/
.content-image {border-radius: 20px; max-width:80%; max-height:350px; margin:0 auto; margin:-120px auto 20px auto; display:block}
p.headline {font-size:2rem; font-weight:bold}

.page-item.active .page-link {background-color:#D7282F; border-color:#D7282F}
.page-link, .page-link:hover {color:#D7282F}
.page-link:focus {box-shadow:none}
.legislation-wrapper strong {max-height:89px; display:block; text-overflow: ellipsis; overflow:hidden}
.all-news, .all-news:hover {margin:0 auto; width:15vw; display:block; background-color:#D7282F; color:#FFF; text-align:center; padding:20px 30px; border-radius:10px; font-weight:bold; font-size:.9vw;text-decoration:none}

.custom-accordion {flex-direction: column; height:unset !important}