/*
Theme Name: Drama Congress
Theme URI: https://dramacongess.org
Description: Uoek Web sitesi
Author: Vedat ŞEKER
Author URI: https://vedatseker.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
* {
    font-family: 'Roboto', sans-serif;
}

:root {
    --black: #000000;
    --white: #fff;
    --yellow: #FBCB16;
    --yellowB: #ecbd13;
    --yellowBb: #dbaf13;
    --green: #E2FFDD;
    --darkgray: #222222;
    --footer-bg: #2A272D;
    --footer-text: #CDCACF;
    --abril: 'Abril Fatface', cursive;
    --bg-slider-card-4: #fff;
    --tx-slider-card-4: #0059b3;
    --font1: 'Abril Fatface', cursive;
    --bs-yellow-rgb:255,219,51;
    --bs-purple-rgb: 97,47,112;
    --dark-blue: #12112F;
    --purple:#A05F89;
    --purpleB:#A15686;
    --light-purple:#BEBDD9;
    --uyellow:#E2A226;
    --ulightyellow : #F8E9CB;
    --red: #DB303E;
}

p {
    font-size: 12px;
}
.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet);
    --bs-btn-border-color: var(--bd-violet);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
    --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
    --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

/* Menü  */

.menu-primary-container {}

.menu-primary-container a {
    color: var(--red);
}

.menu-mobile-menu {
    display: none;
}

.menu-primary-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-primary-container ul.navigation a {
    text-decoration: none;
}


.slider .btn-warning{
    color: white;
    background-color: var(--red);
    border-color: var(--red);
}

.menu-primary-container ul.navigation li {
    float: left;
    position: relative;
    padding: 10px;
}

.menu-primary-container ul.sub-menu {
    background-color: var(--red);
    position: absolute;
    top: 90%;
    /* right: 0; */
    opacity: 0;
    transition: 250ms all;
    visibility: hidden;
    z-index: 89;
    color: white !important;
}
.menu-primary-container ul.sub-menu a {
    color: white !important;
}
.menu-primary-container ul.sub-menu li {
    position: relative;
    min-width: 150px;
}

.menu-primary-container ul.sub-menu li ul.sub-menu {
    top: 0;
    right: 90%;
    background-color: var(--red);
    border-left:white solid 1px;
    border-right:white solid 1px;
}

/* Hover */

.menu-primary-container ul.navigation>li:hover>ul.sub-menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.menu-primary-container ul.navigation li ul.sub-menu li:hover>ul.sub-menu {
    opacity: 1;
    right: 100%;
    visibility: visible;
}


/* Hover */


/* Mobile Menu */

.mob-menu {
    display: block;
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    transition: all 250ms;
    z-index: 111;
}

.mob-menu.active {
    left: 0px;
}

.menu-mobile-menu {
    display: block;
}

.menu-bg {
    background: rgba(126, 126, 126, 0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 250ms;
}

.menu-bg.active {
    opacity: 1;
    visibility: visible;
}

.mob-menu {}

.menu-icon {
    display: none;
}

.menu-mobile-menu {
    display: block;
    width: 100%;
    height: 100%;
}

.menu-mobile-menu li {
    border-top: 0.8px solid #35383B;
}

.menu-mobile-menu li.menu-item-has-children {
    width: 100%;
    position: relative;
}

.menu-mobile-menu .btn-toggle {
    background: #8E9091;
    color: white;
}

.menu-mobile-menu li.menu-item-has-children ul li {
    font-size: 14px;
    padding: 0;
}

.menu-mobile-menu li.menu-item-has-children ul a {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-mobile-menu .menu-item {}

.menu-mobile-menu li.menu-item-has-children button {
    right: 0;
    top: 0.5rem;
    position: absolute;
}

.menu-mobile-menu .btn-toggle-nav a:hover,
.menu-mobile-menu .btn-toggle-nav a:focus {
    background: none;
}

.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #848889;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 14L11 8L5 2' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/> </svg> ");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.menu-mobile-menu a {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .menu-primary-container {
        display: none;
    }
    .menu-icon {
        display: flex;
    }
}


/* Mobile Menu */


/* Menü  */

.topbar {
    background-color: var(--red);
    color: var(--white);
    padding: 13px 0;
}

.topbar a {
    color: var(--white);
    text-decoration: none;
    padding: 0px 7px;
    border-right: solid 1px var(--white);
    margin: 0px;
}

.topbar a:first-child {
    padding-left: 0;
}

.topbar a:last-child {
    padding-right: 0;
    border-right: none;
}

.header {
    background-color: var(--white);
    height: 100px;
}

.search-menu,
.menu-icon {
    width: 40px;
    height: 40px;
    background-color: var(--red);
    color: var(--white);
    margin-left: 5px;
}

.search-menu {
    position: relative;
}

.search-menu .search-input {
    padding-top: 1px;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--yellowB);
    z-index: 20;
    width: 250px;
    display: flex;
    justify-content: flex-end;
}

.search-menu .search-input input {
    border: solid 1px var(--black);
    background-color: var(--yellowB);
    color: var(--white);
    padding: 10px;
    box-sizing: border-box;
    width: 70%;
}

.search-menu .search-input form {
    width: inherit;
    height: inherit;
}

.search-menu .search-input button {
    border: none;
    background-color: var(--black);
    color: var(--yellowB);
    font-size: 80%;
    width: 30%;
    box-sizing: border-box;
    float: right;
    height: 100%;
}
.logo{
	height:100%
}
.logo #logo {
    
    height: calc(100% - 20px);
    box-sizing: content-box;
}

.logo #logo:first-child {
    padding-right: 15px;
}

.logo #logo+#logo {
    padding-left: 15px;
    border-left: 1px solid var(--black);
}

.logo #logo img {

    height: 100%;
    max-height: 200px;
    object-fit: contain;
}

.slider {
    height: 495px;
    position: relative;
}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider .carousel-item,
.slider .carousel-inner,
.slider .carousel {
    height: 100% !important;
}

.slider .item-img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slider .slide {
    width: 100%;
    position: absolute;
    top: 0;
}

.slider .carousel-caption {
    bottom: 4rem;
}

.slider h5 {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    color: var(--red);
}

.slider h1 {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.slider .info-edu {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 7;
    width: 100%;
    color: var(--black);
}

.info-edu span {
    display: block;
    font-size: 14px;
    padding-top: 10px;
}

.info-edu i {
    display: block;
    font-size: 24px;
}

.slider .info-items {
    width: 100%;
    display: flex !important;
    flex-direction: row;
}

.slider .info-item {
    background: var(--red);
    margin: 10px;
    width: 100%;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    color: var(--white);
}

.slider .info-item:hover {
    opacity: .7;
}

.theme-desc {
    background-color: var(--darkgray);
    color: var(--yellow);
    text-align: center;
    padding: 20px;
    font-size: 24px;
    letter-spacing: 0.23em;
}

.info-edu-mobile {}

.info-edu-mobile .info-item {
    background: var(--green);
    text-decoration: none;
    color: var(--black);
    border-radius: 10px;
}

.info-edu-mobile .info-item:hover {
    opacity: .7;
}

.info-edu-mobile i {
    font-size: 24px;
}

.info-edu-mobile span {
    font-size: 14px;
    margin-left: 12px;
}

.speakers {
    color: var(--black);
}

.speakers .card-body {
    background: none;
    padding: 0px;
    background-position: center;
    background-size: cover;
}

.speakers a {
    text-decoration: none;
}

.speakers .card-footer .name {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: var(--black);
}

.speakers .card-footer span {
    display: block;
    font-size: 14px;
    color: var(--black);
}


/* title */

.title {
    width: 100%;
    font-size: 36px;
    font-weight: 100;
    color: var(--black);
    position: relative;
    padding-bottom: 10px;
}

.title::after {
    /*educongress*/
    content: ' ';
    font-size: 36px;
    position: absolute;
    bottom: 0px;
    left: 0;
    font-weight: 800;
    opacity: .2;
    color: var(--yellow);
}

@media (max-width:560px) {
    .title,
    .title::after {
        font-size: 26px;
    }
}


/* title */


/* duyuru */

.congress-times {
    background-color: var(--red);
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.congress-times div.congress-times-title {
    color: var(--white);
}

.congress-time>div {
    background-color: #FFF2D9;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    font-size: 24px;
    font-weight: 800;
    color: var(--red);
}

.congress-time>div span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.congress-time span.text {
    font-size: 24px;
    font-weight: 800;
}

.congress-announcements {
    background-color: var(--ulightyellow);
    border-radius: 0 0 10px 10px;
    border:solid 1px var(--purple);
}

.congress-announcement {
    border-bottom: solid 1px var(--darkgray);
    color: var(--black);
    text-decoration: none;
}

.congress-announcement-title {
    font-size: 26px;
    font-weight: 100;
    text-decoration: none;
}

.congress-announcement .announcement-date span {
    /*font-size: 12px;*/
    font-weight: 100;
    margin-left: 8px;
    text-decoration: none;
}

.congress-announcement .announcement-text span {
    /*font-size: 14px;*/
    font-weight: 400;
}


/* duyuru */


/* card design */

.edu-card {
    border: solid 1px #242158;
    border-radius: 10px;
    border-bottom: solid 10px #242158;
}

.edu-card i {
    font-size: 36px;
    color: #242158;
}

.edu-card span {
    font-size: 36px;
    color: #242158;
    font-weight: 100;
    display: block;
}


/* card design */


/* ourservice */

.our-service {
    background-color: #FF8791;
}

.our-service hr {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 42px;
}

.our-service i {
    font-size: 20px;
    margin-top: 7px;
}

.our-service-title {
    font-size: 20px;
    font-weight: 100;
}

.our-service-desc {
    font-size: 12px;
    font-weight: 100;
    text-align: justify;
}

.our-title {
    text-align: center;
    font-size: 36px;
    font-weight: 100;
}

.sponsor img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 250ms;
}

.sponsor img:hover {
    filter: grayscale(0%);
}

footer {
    background-color: var(--footer-bg);
}

footer .footer-title {
    width: 100%;
    font-size: 18px;
    color: #BEBDD9;
}

footer .footer-row {
    width: 100%;
    color: var(--footer-text);
    font-size: 12px;
    text-align: justify;
    margin-bottom: 10px;
}

.copyright {
    background-color: var(--black);
    color: var(--white);
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ourservice */


/* page  */

.page-head {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 900;
    font-size: 40px;
    color: var(--white);
    height: 200px;
    position: relative;
}

.page-head::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-head .text,
.page-head h1 {
    z-index: 1;
    color: var(--white);
    font-family: var(--abril);
    text-align: center;
}

.page-content p {
    font-size: 16px;
}


/* page  */

.img-profile {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin: auto;
    display: block;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 10%);
}

.page-shadow {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
    border-radius: 5px;
    background-color: white;
}

.card-title {
    color: var(--yellow);
}

.card-text,
.card-body p {
    color: var(--footer-bg);
}


/* //duyuru */

.custom-a {
    font-family: var(--font1) !important;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.custom-a .title-section {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--yellow);
}


/* .custom-a .card.box-4 {
    background: var(--bg-slider-card-4);
    color: var(--tx-slider-card-4);
} */

.custom-a .card.box-4 .card-header {
    border-bottom: 0;
}

.custom-a .card.box-4 img,
.archive img {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}

.sperkers img {
    object-fit: contain;
}

.custom-a .card.box-4 .card-header .fa-map-marker-alt {
    color: var(--tx-slider-card-4);
}

.custom-a .card.box-4 .card-header .fa-map-marker-alt.grow {
    transition: all 0.2s ease-in-out;
}

.custom-a .card.box-4 .card-header .fa-map-marker-alt.grow:hover {
    transform: scale(1.5);
}

.custom-a .card.box-4 .attached {
    font-weight: 300;
    font-size: 0.8rem;
}

.custom-a .card.box-4 .card-title {
    line-height: 35px;
    color: var(--yellow);
    font-family: var(--font1) !important;
}

.custom-a .card.box-4 .card-title .day {
    font-weight: 600;
    font-size: 3.5rem;
}

.custom-a .card.box-4 .card-title .month {
    font-size: 1.5rem;
    font-weight: 300;
}


/* //duyuru */

.contact-page {
    
}

.contact-page a {
    color: var(--white);
    border-bottom: var(--white) solid 1px;
    transition: all 150ms;
    background-color: #1d2327;
}

.contact-page a:hover {
    background-color: #f15D32;
}

.contact-page a:last-child {
    border-bottom: none;
}

.contact-page .contact-icon {
    width: 32px;
    height: 32px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-icon i {
    color: var(--red);
    font-size: 80%;
}

.contact-maps {
    height: 400px;
}

.contact-maps iframe {
    width: 100% !important;
    height: 100% !important;
}

h1.error404 {
    font-size: 100px;
}




/* ekleme*/
.text-purple{
    color: rgba(var(--bs-purple-rgb)) !important;
}
.text-yellow{
    color: rgba(var(--bs-yellow-rgb)) !important;
}
.bg-purple {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-purple-rgb),var(--bs-bg-opacity))!important;
}
.icon-list {
padding-left: 0;
list-style: none;
}
.icon-list li {
display: flex;
align-items: flex-start;
margin-bottom: .25rem;
}
.icon-list li::before {
display: block;
flex-shrink: 0;
width: 1.5em;
height: 1.5em;
margin-right: .5rem;
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}

.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
vertical-align: -.125em;
fill: currentColor;
}

.feature-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
font-size: 1.5rem;
color: #fff;
border-radius: .75rem;
}

.icon-link {
display: inline-flex;
align-items: center;
}
.icon-link > .bi {
margin-top: .125rem;
margin-left: .125rem;
transition: transform .25s ease-in-out;
fill: currentColor;
}
.icon-link:hover > .bi {
transform: translate(.25rem);
}

.icon-square {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
font-size: 1.5rem;
border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.text-justify{
text-align:justify !important;
}


/* önemli tarihler */
/* The actual timeline (the vertical ruler) */
.main-timeline {
position: relative;
}

/* The actual timeline (the vertical ruler) */
.main-timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: #939597;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}

/* Container around content */
.timeline {
position: relative;
background-color: inherit;
width: 50%;
}

/* The circles on the timeline */
.timeline::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -13px;
background-color: #939597;
border: 5px solid #F5DF4D;
top: 15px;
border-radius: 50%;
z-index: 1;
}

/* Place the container to the left */
.left {
padding: 0px 40px 20px 0px;
left: 0;
}

/* Place the container to the right */
.right {
padding: 0px 0px 20px 40px;
left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
content: " ";
position: absolute;
top: 18px;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
content: " ";
position: absolute;
top: 18px;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
left: -12px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.main-timeline::after {
left: 31px;
}

/* Full-width containers */
.timeline {
width: 100%;
padding-left: 70px;
padding-right: 25px;
}

/* Make sure that all arrows are pointing leftwards */
.timeline::before {
left: 60px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}

/* Make sure all circles are at the same spot */
.left::after, .right::after {
left: 18px;
}

.left::before {
right: auto;
}

/* Make all right containers behave like the left ones */
.right {
left: 0%;
}
}
.our-service-title{
font-weight:500;
}
.our-service-desc{
font-weight:400;
font-size:14px
}
p{
font-size:14px;
text-align:justify
}
.slider-md{
height:auto;
position:relative
}
.slide-md {
position:relative !important
}

.btn-bd-primary {
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet);
--bs-btn-border-color: var(--bd-violet);
--bs-btn-border-radius: .5rem;
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
--bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}
.sponsor img {
height: 150px;
}

.blur-img{
filter: blur(2px);
-webkit-filter: blur(2px);
}
.gradient{
background: rgb(251,203,22);
background: linear-gradient(25deg, rgba(251,203,22,1) 0%, rgba(251,203,22,0) 50%);
}
.wpcf7-list-item {

    display: block !important;
}
.index-popup {
    max-width: 90vw;
    max-height: 90vh;
    border: 10px solid white;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.index-popup img {
    width: 100%;
    height: 100%;
}
.index-popup-close{
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    background: rgba(0,0,0,0.5);
}
.index-popup-close .gosterme{
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
}
.index-popup-close .kapat{
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
}
.index-popup-bg{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}