/* Color Debug: anarenk=#326598, linkrenk=#037d6f, baslikrenk=#526ebb, textrenk=#666666, footerrenk=#5e7064 */

/**
 *
 * mgcanturk.net
 *
 */


/* general styles
----------------------------------------*/
html {
    width: 100%;
}

body {
    width: 100%;
    font: 12px "Roboto", "FontAwesome", "Arial", sans-serif;
    color: #000;
}

/* wrapper */
.wrapper {
    width: 1000px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}


/* page full
----------------------------------------*/
div.page-full {
}


/* page header
----------------------------------------*/
header.page-header {
    height: 225px;
    position: relative;
    z-index: 99;
}

/* top bar */
header.page-header section.top-bar {
    height: 49px;
    border-bottom: 1px solid #edebeb;
}

/* social */
header.page-header div.social {
    float: left;
    margin-top: 10px;
}

header.page-header div.social p {
    float: left;
    margin-top: 5px;
    font-size: 14px;
    color: #3a3030;
}

header.page-header div.social ul {
    float: left;
    margin-left: 7px;
}

header.page-header div.social ul li {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 3px;
}

header.page-header div.social ul li a {
    width: inherit;
    height: inherit;
    display: table-cell;
    padding-top: 1px;
    box-sizing: border-box;
    border: 1px solid #e0e0df;
    font-size: 16px;
    color: #666;
    vertical-align: middle;
    text-align: center;
    transition: border-color .2s linear;
}

header.page-header div.social ul li a:hover {
    border-color: #a2a19f;
}

/* search */
header.page-header div.search {
    float: right;
    margin-top: 8px;
}

header.page-header div.search input[type="submit"],
header.page-header div.search button[type="submit"] {
    width: 37px;
    height: 32px;
    float: left;
    background: #cccc00;
    border-radius: 3px 0 0 3px;
    font-size: 15px;
    color: #fff;
    border: none;
    cursor: pointer;
}

header.page-header div.search input[type="text"] {
    width: 265px;
    height: 20px;
    float: left;
    padding: 5px 7px;
    border: 1px solid #eae9e9;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    font-size: 11px;
    color: #444;
}

/* header content */
header.page-header section.header-content {
    height: 120px;
}

/* page logo */
header.page-header div.page-logo {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

header.page-header div.page-logo img {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

header.page-header div.page-logo img:hover {
    transform: scale(1.05);
}

/* information */
header.page-header div.information {
    width: 600px;
    float: right;
    margin-top: 30px;
}

header.page-header div.information ul li {
    width: 190px;
    float: left;
    margin-left: 10px;
}

header.page-header div.information ul li:first-child {
    margin-left: 0;
}

header.page-header div.information ul li p.title {
    font-weight: 700;
    font-size: 14px;
}

header.page-header div.information ul li span {
    float: left;
    display: block;
    font-size: 33px;
    color: #cc3333;
}

header.page-header div.information ul li p.text {
    float: left;
    margin: 6px 0 0 10px;
    color: #171717ff;
}

/* main menu */
header.page-header nav.main-menu {
    border-bottom: 3px solid #326598;
}

header.page-header nav.main-menu > ul {
    height: 55px;
    border: 1px solid #ededed;
    border-bottom: 0;
    border-radius: 1px 1px 0 0;
}

header.page-header nav.main-menu > ul > li {
    height: inherit;
    float: left;
    position: relative;
}

header.page-header nav.main-menu > ul > li > a {
    height: 33px;
    display: block;
    border-left: 1px solid #ebebeb;
    padding: 22px 20px 0;
    font-weight: 700;
    font-size: 14px;
    color: #326598;
    transition: background-color .2s linear;
}

header.page-header nav.main-menu > ul > li:first-child a {
    border-left: 0;
}

header.page-header nav.main-menu > ul > li.menu-item-has-children > a:after {
    padding-left: 3px;
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
}

header.page-header nav.main-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 55px;
    padding-top: 3px;
    border-bottom: 1px solid #e8e8e7;
}

header.page-header nav.main-menu ul.sub-menu li {
    width: 230px;
    float: left;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
}

header.page-header nav.main-menu ul.sub-menu li:first-child {
    border-top: 0;
}

header.page-header nav.main-menu ul.sub-menu li a {
    display: block;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    color: #666;
    transition: background-color .2s linear;
}

header.page-header nav.main-menu > ul > li:hover > a,
header.page-header nav.main-menu ul.sub-menu li a:hover {
    background-color: #326598;
    color: #fff;
}

/* menu collapse */
header.page-header a.menu-collapse {
    width: 100px;
    display: none;
    margin: 10px auto;
    font-size: 20px;
}

header.page-header a.menu-collapse p {
    float: left;
    margin-top: 3px;
}

header.page-header a.menu-collapse span {
    font-size: 24px;
    float: left;
    margin-left: 5px;
}


/* page footer
----------------------------------------*/
footer.page-footer {
    margin-top: 30px;
    padding-top: 15px;
    background: #5e7064;
    border-top: 5px solid #5e7064;
}

/* footer left */
footer.page-footer div.footer-left {
    width: 480px;
    float: left;
}

footer.page-footer div.footer-left img {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    object-fit: cover;
    float: left;
    transition: transform 0.3s ease;
}

footer.page-footer div.footer-left img:hover {
    transform: scale(1.05);
}

footer.page-footer div.footer-left p {
    width: calc(100% - 120px);
    float: left;
    margin-top: 25px;
    margin-left: 10px;
    font: 12px "Arial";
    color: #ffffffff;
}

/* list */
footer.page-footer div.list {
    width: 480px;
    float: right;
}

footer.page-footer div.list div.title {
    width: inherit;
    height: 35px;
    float: left;
    background: #5e7064;
}

footer.page-footer div.list div.title p {
    margin: 8px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

footer.page-footer div.list ul li {
    width: 160px;
    float: left;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 7px;
    font: 13px "Arial";
    color: #2e3c32;
}

footer.page-footer div.list ul li a:hover {
	text-decoration:underline;
}

/* Alt menüler (children) için stiller */
footer.page-footer div.list ul.children {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-left: 0;
}

footer.page-footer div.list ul.children li {
    width: 100%;
    float: left;
    margin-left: 0;
    padding-left: 15px;
    font-size: 12px;
}

footer.page-footer div.list ul li.page_item_has_children {
    margin-bottom: 5px;
}

/* footer bottom */
footer.page-footer div.footer-bottom {
    height: 30px;
    margin-top: 15px;
    padding-top: 20px;
    background: #506456;
    font: 12px "Arial";
    color: #202923;
}


/* page container
----------------------------------------*/
section.page-container {
    margin-top: 10px;
}

/* page content */
section.page-container div.page-content {
    width: 664px;
    float: left;
}

/* sidebar */
section.page-container aside.sidebar {
    width: 328px;
    float: left;
    margin-left: 8px;
}


/* news slider
----------------------------------------*/
div.news-slider {
    height: 44px;
    position: relative;
    box-shadow: 0 2px 0 0 #666666;
    background: #526ebb;
    border-radius: 2px;
    color: #fff;
}

/* title */
div.news-slider div.title {
    width: 170px;
    height: inherit;
    float: left;
    background: #4661b3;
    border-radius: 2px 0 0 2px;
}

div.news-slider div.title span {
    float: left;
    display: block;
    margin: 10px 0 0 20px;
    font-size: 20px;
}

div.news-slider div.title p {
    float: left;
    margin: 13px 0 0 10px;
    font-size: 14px;
    font-weight: 500;
}

/* bx wrapper */
div.news-slider div.bx-wrapper {
    width: 650px;
    float: left;
    font-size: 14px;
}

/* bx viewport */
div.news-slider div.bx-viewport {
    float: left;
    margin: 13px 0 0 20px;
}

div.news-slider div.bx-viewport a:hover {
    text-decoration: underline;
}

div.news-slider div.bx-viewport ul li {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* bx controls */
div.news-slider div.bx-controls {
    width: 22px;
    height: 41px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 0 0 13px;
    background: #4661b3;
    border-radius: 0 2px 2px 0;
}

div.news-slider div.bx-controls a {
    display: block;
}

div.news-slider div.bx-controls a.bx-prev:before {
    content: "\f077";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

div.news-slider div.bx-controls a.bx-next:before {
    content: "\f078"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


/* main slider
----------------------------------------*/
div.main-slider {
    width: 650px;
    height: 250px;
    float: left;
    position: relative;
    margin-top: 10px;
    color: #fff;
}

/* list */
div.main-slider ul li {
    position: relative;
}

/* text */
div.main-slider div.text {
    position: absolute;
    bottom: 0;
}

/* date */
div.main-slider p.date {
    height: 27px;
    float: left;
    padding: 8px 13px 0;
    background: rgba(204, 204, 0, 0.9);
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
	text-transform: uppercase;
}

div.main-slider p.date span {
    float: left;
    display: block;
    margin: 1px 6px 0 0;
    font-weight: 500;
    font-size: 17px;
}

/* title */
div.main-slider p.title {
    width: 100%;
    float: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}

/* pager */
div.main-slider div.bx-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 50;
}

div.main-slider div.bx-controls div.bx-pager-item {
    float: left;
    margin-right: 3px;
}

div.main-slider div.bx-controls div.bx-pager-item a {
    width: 14px;
    display: block;
    position: relative;
    font-size: 16px;
    text-indent: -99999px;
}

div.main-slider div.bx-controls div.bx-pager-item a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f111";
    text-indent: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Solid ikonlar için */
}

div.main-slider div.bx-controls div.bx-pager-item a.active:after {
    content: "\f192";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Solid ikonlar için */
}


/* events
----------------------------------------*/
div.events {
    width: 343px;
    height: 248px;
    float: right;
    margin-top: 10px;
    border: 1px solid #d9d9d9;
}

/* title */
div.events div.title {
    width: inherit;
    height: 40px;
    float: left;
    background: #f8f8f8;
    border-bottom: 1px solid #d9d9d9;
}

div.events div.title p {
    margin: 10px 0 0 10px;
    font-weight: 700;
    font-size: 15px;
    color: #171717ff;

}

/* content */
div.events div.content {
    width: 318px;
    height: 187px;
    float: left;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}

div.events div.content ul li {
    width: 310px;
    float: left;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    color: #171717ff;

}

div.events div.content ul li:first-child {
    padding-top: 0;
    border-top: 0;
}

div.events div.content ul li:last-child {
    padding-bottom: 0;
}

div.events div.content ul li p {
    width: inherit;
    float: left;
    margin-top: 5px;
}

div.events div.content ul li a {
    float: left;
    display: block;
    margin: 10px 15px 0 0;
    line-height: 18px;
    color: #b7b5b5;
    transition: color .2s linear;
}

div.events div.content ul li a:hover {
    color: #171717ff;
}

div.events div.content ul li a span {
    float: left;
    display: block;
    margin-right: 5px;
    font-size: 13px;
}

div.events div.content ul li a.event-name {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    color: #3695d5;
}


/* quick links
----------------------------------------*/
div.quick-links {
    width: inherit;
    float: left;
    margin-top: 10px;
}

/* list element */
div.quick-links ul li {
    width: 160px;
    float: left;
    margin-left: 8px;
}

div.quick-links ul li:first-child {
    margin-left: 0;
}

/* link */
div.quick-links ul li a {
    width: 158px;
    height: 53px;
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #e7e7e6;
    color: #333;
    transition: background-color .2s linear;
}

div.quick-links ul li a:after {
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: 19px;
    z-index: 10;
    margin-left: -9px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #d9d9d9;
    content: ".";
    text-indent: -99999px;
}

div.quick-links ul li a:before {
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: 19px;
    z-index: 11;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    content: ".";
    text-indent: -99999px;
}

/* icon */
div.quick-links ul li a span.icon {
    width: 40px;
    float: left;
    margin-top: 11px;
    font-size: 25px;
    text-align: center;
}

/* paragraph */
div.quick-links ul li a p {
    margin-top: 11px;
    font: 11px "Arial";
}

div.quick-links ul li a p span {
    display: block;
    font: 500 14px "Roboto";
}

/* hover */
div.quick-links ul li a:hover {
    background-color: #1395fe;
    color: #fff;
}

div.quick-links ul li a:hover:after {
    border-top-color: #fff;
}

/* sidebar */
aside.sidebar div.quick-links {
    margin-top: 8px;
}

aside.sidebar div.quick-links div.title {
    width: inherit;
    height: 45px;
    float: left;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    border: 1px solid #e5e5e5;
}

aside.sidebar div.quick-links div.title p {
    margin: 12px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
}

aside.sidebar div.quick-links ul {
    margin-left: -8px;
}

aside.sidebar div.quick-links ul li {
    margin-top: 8px;
}

aside.sidebar div.quick-links ul li:first-child {
    margin-left: 8px;
}


/* item list
----------------------------------------*/
section.item-list {
    width: 662px;
    float: left;
    margin-top: 8px;
    border: 1px solid #e8e8e7;
	position:relative;
}

/* title */
section.item-list div.title {
    width: 100%;
    height: 45px;
    float: left;
    border-bottom: 1px solid #e5e5e5;
}

section.item-list div.title p {
    min-width: 150px;
    height: 30px;
    float: left;
    padding: 15px 5px 0px;
    background: #e14244;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

/* content */
section.item-list div.content {
    width: inherit;
    float: left;
    box-sizing: border-box;
    padding: 10px 6px;
}

.singlevideo section.item-list div.content
{
	padding:0px;
}

.singlevideo section.item-list div.content iframe, .singlevideo section.item-list div.content embed, .singlevideo section.item-list div.content object
{
	width:662px !important;
}

/* ul */
section.item-list div.content ul {
    margin: -19px 0 0 -19px;
}

/* list element */
section.item-list div.content ul li {
    width: 204px;
    float: left;
    margin: 19px 0 0 19px;
}

section.item-list.video-gallery div.content ul li {
	margin: 19px 12px 0 18px;
}

/* image */
section.item-list div.content ul li div.image {
    width: 196px;
    height: 114px;
    float: left;
    position: relative;
}

section.item-list div.content ul li div.image img {
    width: 196px;
    height: 114px;
    display: block;
    padding: 2px;
    box-sizing: border-box;
    border: 1px solid #e8e8e7;
	max-width:196px;
}

/* paragraph */
section.item-list div.content ul li p {
    width: inherit;
    float: left;
    margin-top: 4px;
    color: #171717ff;
}

section.item-list div.content ul li p.title a {
    font-weight: 700;
    font-size: 13px;
    color: #333;
    transition: color .2s linear;
}

section.item-list div.content ul li p.title a:hover {
    color: #e04344;
}

/* info */
section.item-list div.content ul li div.info {
    width: inherit;
    float: left;
    margin-top: 5px;
}

section.item-list div.content ul li div.info a {
    float: left;
    display: block;
    margin-right: 15px;
    line-height: 18px;
    color: #b7b5b5;
    transition: color .2s linear;
}

section.item-list div.content ul li div.info a:hover {
    color: #575757;
}

section.item-list div.content ul li div.info a span {
    float: left;
    display: block;
    margin-right: 5px;
    font-size: 13px;
}

/* news */
section.item-list.news div.title p {
    background: #e14244;
}

/* photo gallery */
section.item-list.photo-gallery div.title p {
    background: #f38336;
}

section.item-list.photo-gallery div.image:hover:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 51, 51, 0.8);
    font-size: 33px;
    line-height: 111px;
    color: #fff;
    text-align: center;
    content: "\f03e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


/* video gallery */
section.item-list.video-gallery {
    background: #064a6e;
}

section.item-list.video-gallery div.title {
    border-color: #064a6e;
}

section.item-list.video-gallery div.title p {
    background: #0679a4;
}

section.item-list.video-gallery div.image {
    background: #fff;
    border-color: #fff;
}

section.item-list.video-gallery p.title a {
    color: #ffffffff !important;
}

section.item-list.video-gallery ul li:hover p.title a {
    color: #fff !important;
}

section.item-list.video-gallery div.content ul,
section.item-list.video-gallery div.content ul li {
    margin-left: 0;
}


/* bx controls */
section.item-list.video-gallery .bx-controls {
    position: absolute;
    top: 0;
    right: 0;
}

section.item-list.video-gallery .bx-controls a {
    width: 40px;
    height: 35px;
    float: left;
    display: block;
    padding-top: 10px;
    background: #048fbd;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

section.item-list.video-gallery .bx-controls a.bx-prev {
    border-right: 1px solid #2ea3f2;
}

section.item-list.video-gallery .bx-controls a.bx-prev:before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

section.item-list.video-gallery .bx-controls a.bx-next:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


/* newsletter
----------------------------------------*/
div.newsletter {
    width: 100%;
    float: left;
    margin-top: 8px;
    background: #507aa3;
    border-bottom: 3px solid #374d65;
    color: #fff;
    border: 1px solid #e5e5e5;
}

/* title */
div.newsletter div.title {
    width: 100%;
    height: 45px;
    float: left;
    background: #466a8f;
}

div.newsletter div.title p {
    margin: 12px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
}

/* content */
div.newsletter div.content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}

/* paragraph */
div.newsletter div.content p {
    font-size: 13px;
}

/* input type text and email */
div.newsletter div.content input[type="text"],
div.newsletter div.content input[type="email"] {
    width: 100%;
    height: 40px;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    background: #fff;
    font-size: 14px;
    color: #333 !important;
    transition: all 0.3s ease;
}

/* input placeholder styling */
div.newsletter div.content input[type="text"]::placeholder,
div.newsletter div.content input[type="email"]::placeholder {
    color: #999 !important;
    opacity: 1;
}

/* input type submit */
div.newsletter div.content input[type="submit"] {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 8px;
    background: #374d65;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}


/* user account
----------------------------------------*/
div.user-account {
    width: 100%;
    float: left;
    margin-top: 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* tab title */
div.user-account div.tab-title {
    width: 100%;
    height: 45px;
    float: left;
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    border-bottom: 1px solid #e5e5e5;
}

div.user-account div.tab-title ul li {
    width: 50%;
    height: 45px;
    float: left;
    position: relative;
}

div.user-account div.tab-title ul li a {
    width: 100%;
    height: 30px;
    display: block;
    padding-top: 15px;
    background: #326598;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

div.user-account div.tab-title ul li a:hover {
    background: #037d6f;
    transform: translateY(-1px);
}

div.user-account div.tab-title ul li a i {
    margin-right: 6px;
    font-size: 13px;
}

div.user-account div.tab-title ul li.active a {
    background: #037d6f;
    box-shadow: 0 2px 4px rgba(36, 152, 230, 0.3);
}

div.user-account div.tab-title ul li.active:after {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #037d6f;
    content: ".";
    text-indent: -99999px;
}

/* tab content */
div.user-account div.tab-content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    background: #fff;
}

div.user-account div.tab-content > div {
    width: 100%;
    float: left;
    display: none;
    box-sizing: border-box;
    padding: 15px;
}

div.user-account div.tab-content > div.active {
    display: block;
}

div.user-account div.tab-content input[type="text"], div.user-account div.tab-content input[type="password"]{
    width: 100%;
    height: 40px;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    background: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

div.user-account div.tab-content input[type="text"]:focus, 
div.user-account div.tab-content input[type="password"]:focus {
    border-color: #037d6f;
    box-shadow: 0 0 0 3px rgba(46, 163, 242, 0.1);
    outline: none;
}

div.user-account div.tab-content input[type="text"]:hover, 
div.user-account div.tab-content input[type="password"]:hover {
    border-color: #ccc;
}

div.user-account div.tab-content textarea {
    width: 100%;
    height: 80px;
    float: left;
    margin-top: 12px;
    padding: 12px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
    resize: vertical;
}

div.user-account div.tab-content textarea:focus {
    border-color: #037d6f;
    box-shadow: 0 0 0 3px rgba(46, 163, 242, 0.1);
    outline: none;
}

div.user-account div.tab-content textarea:hover {
    border-color: #ccc;
}

div.user-account div.tab-content select{
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 12px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    background: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

div.user-account div.tab-content select:focus {
    border-color: #037d6f;
    box-shadow: 0 0 0 3px rgba(46, 163, 242, 0.1);
    outline: none;
}

div.user-account div.tab-content select:hover {
    border-color: #ccc;
}

div.user-account div.tab-content input[type="text"].fifty, div.user-account div.tab-content input[type="password"].fifty {
    width: 47%;
}

div.user-account div.tab-content input[type="text"].fifty.right, div.user-account div.tab-content input[type="password"].fifty.right {
    float: right;
}

div.user-account div.tab-content input[type="submit"],
div.user-account div.tab-content input[type="button"] {
    width: 110px;
    height: 42px;
    float: left;
    margin-top: 15px;
    background: #326598;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(46, 163, 242, 0.3);
}

div.user-account div.tab-content input[type="submit"]:hover,
div.user-account div.tab-content input[type="button"]:hover {
    background: #037d6f;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(46, 163, 242, 0.4);
}

div.user-account div.tab-content input[type="submit"]:active,
div.user-account div.tab-content input[type="button"]:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(46, 163, 242, 0.3);
}

div.user-account div.tab-content input[type="button"] {
    width: 180px;
    float: right;
    background: #3f67c0;
    box-shadow: 0 2px 4px rgba(63, 103, 192, 0.3);
}

div.user-account div.tab-content input[type="button"]:hover {
    background: #354a9e;
    box-shadow: 0 4px 8px rgba(63, 103, 192, 0.4);
}


/* poll
----------------------------------------*/
div.poll {
    width: 100%;
    float: left;
    margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fff;
}

/* title */
div.poll div.title {
    width: 100%;
    height: 45px;
    float: left;
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    border-bottom: 1px solid #e5e5e5;
}

div.poll div.title p {
    margin: 12px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
}

/* content */
div.poll div.content {
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}

/* paragraph */
div.poll div.content p {
    font-weight: 700;
    font-size: 14px;
    color: #717076;
	text-align:left !important;
}

/* div */
div.poll div.content div {
    width: 100%;
    /*height: 25px;*/
    float: left;
    margin-top: 10px;
}

div.poll div.content .Buttons
{	
	display:block;
}
div.poll div.content .wp-polls-ans p
{
	float:left;
	margin:4px;
}

div.poll div.content div input {
    display: none;
}

div.poll div.content div label {
    width: 100%;
    height: 25px;
    float: left;
    cursor: pointer;
    margin-top: 10px;
    padding: 3px 0 0 40px;
    box-sizing: border-box;
    background: url("https://turkillerinde.com/wp-content/themes/TrendDernek/img/bg@checkbox.png") no-repeat left top;
    font-weight: 700;
    font-size: 14px;
    color: #b0b0b0;
}

div.poll div.content div input:checked + label {
    background-position: left -25px;
}

/* submit */
div.poll div.content .Buttons {
    width: 110px;
    height: 40px;
    float: left;
    margin-top: 10px;
    background: #d93138;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    font-family: inherit;
    border: none;
    cursor: pointer;
}
div.poll div.content .wp-polls-ans a
{
    width: 110px;
    height: 40px;
    float: left;
    margin-top: 10px;
    background: #4D7AFF;
    font-weight: 700;
    font-family: inherit;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: none;
    text-decoration: none;
    line-height: 40px;
    box-sizing: border-box;
}

div.poll div.content ul.wp-polls-ul li
{
	clear:both !important;
	overflow:hidden;
}
div.poll div.content ul.wp-polls-ul li .pollbar:before
{
clear:both;
}
div.poll div.content ul.wp-polls-ul li .pollbar
{
	clear:both !important;
	height:24px !important;
	background:#96FF73 !important;
	float:none;
	margin-top:5px;
}

/* detail page
----------------------------------------*/
div.detail-page {
    width: inherit;
    float: left;
    margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid #e8e8e7;
}

/* title */
div.detail-page div.title {
    width: inherit;
    min-height: 35px;
    height: auto;
    float: left;
    padding-bottom: 10px;
    box-sizing: border-box;
    background: #fbfafa;
    border-bottom: 1px solid #e8e8e7;
}

div.detail-page div.title p {
    margin: 12px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
}

/* typography */
div.detail-page div.detail {
    width: inherit;
    float: left;
    padding: 11px;
    box-sizing: border-box;
    font-family: "Arial";
    font-size: 14px !important;
    line-height: 20px;
    color: #171717ff;
}

div.detail-page div.detail img {
    margin-bottom: 20px;
}

div.detail-page div.detail p {
    margin: -5px 0 25px;
}

div.detail-page div.detail h1 {
    margin-bottom: 10px;
    font-size: 22px;
}

div.detail-page div.detail h2 {
    margin-bottom: 7px;
    font-size: 18px;
}

div.detail-page div.detail h3 {
    margin-bottom: 6px;
    font-size: 16px;
}

div.detail-page div.detail h4 {
    margin-bottom: 5px;
    font-size: 14px;
}

div.detail-page div.detail ul {
    margin: -5px 0 25px;
    padding-left: 20px;
    list-style-position: inside;
}

div.detail-page div.detail ul li {
    display: list-item;
    list-style-type: disc;
}

div.detail-page div.detail ul li ul {
    margin: 5px 0;
}

div.detail-page div.detail ul li ul li {
    list-style-type: circle;
}

div.detail-page div.detail ul li ul li ul li {
    list-style-type: square;
}

div.detail-page div.detail ol {
    margin: -5px 0 25px;
    padding-left: 20px;
    list-style-position: decimal;
}

div.detail-page div.detail ol li {
    display: list-item;
    list-style-type: decimal;
}

div.detail-page div.detail ol li ol {
    margin: 5px 0;
}

div.detail-page div.detail blockquote {
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 3px solid #ccc;
}

div.detail-page div.detail blockquote p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
}

div.detail-page div.detail blockquote span {
    font-style: italic;
    font-size: 14px;
}

div.detail-page div.yonetim h2
{
	background: linear-gradient(135deg, #466B8E, #3C5D7C);
	color: #fff;
	padding: 12px 20px;
	margin: 20px 0px 15px;
	border-radius: 8px;
	font-size: 18px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	border: none;
}

div.detail-page div.yonetim h2:first-child
{
	margin-top: 10px;
}

/* Yönetici Kart Tasarımı */
div.detail-page div.yonetim .yonetici-kart {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	overflow: hidden;
}

div.detail-page div.yonetim .yonetici-kart:hover {
	box-shadow: 0 6px 16px rgba(0,0,0,0.15);
	transform: translateY(-2px);
}

div.detail-page div.yonetim .yonetici-kart .resim {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 0px;
}

div.detail-page div.yonetim .yonetici-kart .aciklama {
	float: left;
	width: calc(100% - 220px);
	margin: 0px;
	background: transparent;
	border: none;
	padding: 0px;
	box-shadow: none;
}

div.detail-page div.yonetim .yonetici-kart .aciklama:hover {
	box-shadow: none;
	transform: none;
}

div.detail-page div.yonetim .yonetici-kart .aciklama h3 {
	color: #466B8E;
	margin: 0px 0px 15px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #e9ecef;
	padding-bottom: 8px;
}

div.detail-page div.yonetim .yonetici-kart .resim img {
    margin: 0px;
	padding: 4px;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.3s ease;
}

div.detail-page div.yonetim .yonetici-kart .resim img:hover {
	transform: scale(1.03);
}

div.detail-page div.yonetim .yonetici-kart .aciklama span {
	font-weight: bold;
	width: 100px;
	float: left;
	margin-right: 10px;
	color: #466B8E;
	font-size: 13px;
}

div.detail-page div.yonetim .yonetici-kart .aciklama span:after {
	font-weight: bold;
	content: ":";
	float: right;
	color: #466B8E;
}

div.detail-page div.yonetim .yonetici-kart .aciklama small {
	width: calc(100% - 120px);
	float: left;
	margin-bottom: 8px;
	color: #555;
	font-size: 13px;
	line-height: 1.5;
}

div.detail-page div.yonetim .yonetici-kart .aciklama small p{
	margin: 0px;
	color: #555;
	line-height: 1.5;
}

div.detail-page div.yonetim .yonetici-kart .ozgecmis {
	clear: both;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

div.detail-page div.yonetim .yonetici-kart .ozgecmis p {
	margin: 0px 0px 10px;
}

/* Ziyaretçi Defteri Açıklama Stilleri */
.title .ziyaretci-aciklama {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	padding: 10px;
	margin: 5px 0px 0px;
	border-radius: 6px;
	border-left: 4px solid #466B8E;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.title .ziyaretci-aciklama p {
	margin: 0;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	font-style: italic;
	font-weight: normal;
}
div.detail-page div.ziyaretci .comment-list ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
div.detail-page div.ziyaretci .comment-list ul li{
	list-style:none;		
	margin-top: 12px;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	color: #333;
	clear:both;
	transition: box-shadow 0.3s ease;
}

div.detail-page div.ziyaretci .comment-list ul li:hover{
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

div.detail-page div.ziyaretci .comment-list ul li p{	
	padding: 5px 5px;
	margin: 0px;
	line-height: 1.5;
	font-size: 14px;
}

div.detail-page div.ziyaretci .comment-list ul li .name{	
	padding: 10px 15px;
	font-weight: bold;	
	background: linear-gradient(135deg, #466B8E, #3C5D7C);
	color: #fff;
	border-radius: 8px 8px 0 0;
	border-bottom: none;
}

div.detail-page div.ziyaretci .comment-list ul li .name small{
	font-weight: normal;
	float: right;
	font-size: 12px;
	opacity: 0.9;
}

div.detail-page div.ziyaretci .new-comment
{
    align-content: center;
	margin: 20px 0px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #e9ecef;
}

div.detail-page div.ziyaretci .new-comment .title
{
	font-weight: bold;
	margin: 0px 0px 15px;
	background: none;
	border: none;
	width: 100%;	
	min-height: 18px;
	height: auto;
	font-size: 18px;
	color: #333;
}

div.detail-page div.ziyaretci .new-comment input, div.detail-page div.ziyaretci .new-comment textarea
{
	float: left;
	margin-top: 10px;
	padding: 12px 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
	color: #333;
	width: 100%;
	border: 2px solid #e0e0e0;
	border-radius: 6px;
	font-size: 14px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

div.detail-page div.ziyaretci .new-comment input:focus, div.detail-page div.ziyaretci .new-comment textarea:focus
{
	border-color: #466B8E;
	box-shadow: 0 0 0 3px rgba(70, 107, 142, 0.1);
	outline: none;
}

div.detail-page div.ziyaretci .new-comment textarea
{	
	height: 120px;
	resize: vertical;
	font-family: inherit;
}

div.detail-page div.ziyaretci .new-comment input[type=submit]
{
	height: 45px;
	margin-top: 15px;
	font-weight: 600;
	font-size: 16px;
	color: #FFF;
	background: linear-gradient(135deg, #466B8E, #3C5D7C);
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

div.detail-page div.ziyaretci .new-comment input[type=submit]:hover
{
	background: linear-gradient(135deg, #3C5D7C, #2C4359);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.unapproved
{	
	padding: 10px 15px;
	margin: 10px 0px;
	background: linear-gradient(135deg, #fff3cd, #ffeaa7);
	border: 1px solid #ffc107;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	color: #856404;
	text-align: center;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.sayfalama, .sayfalama2
{
	float:right;
}
#post-pagination
{
	background:none;
	color:#333;
}

#post-pagination a
{
	border:1px #ccc solid;
	padding:3px 8px;
	margin:1px;
}

.sayfalama2 a
{
	border:1px #ccc solid;
	padding:6px 8px;
	margin:1px;
}

#post-pagination span.current
{
	border:1px #2ea3f2 solid;
	padding:3px 8px;
	margin:1px;
	background:#2ea3f2;
	color:#fff;
}
.msgError
{
	margin:4px 0px;
	border-top:2px #FF7373 solid;
	border-bottom:2px #FF7373 solid;
	font-weight:bold;
	background:#FFBFBF;
	padding:8px;
}
.msgSuccess
{
	margin:4px 0px;
	border-top:2px #B9FF73 solid;
	border-bottom:2px #B9FF73 solid;
	font-weight:bold;
	background:#DFFFBF;
	padding:8px;
}
#lostpasswordform
{
	display:none;
}
.tab-content .buttn
{
	border-bottom:1px #ccc dotted;
	padding:5px;
	float:left;
	width:120px;
	margin:0px 12px;
	color:#aaa;
}
.kullanici
{
	padding:5px;
	font-size:14px;
}
.uyelist ul {padding:0px !important;}
.uyelist ul, .uyelist ul li
{
	list-style-type:none !important;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.uyelist ul li
{
	/*padding:5px;*/
	border-bottom:1px #ccc dotted;	
}
.uyelist ul li .avatar
{
	padding:1px;
	float:left;
	width:30px;	
}
.uyelist ul li img
{
	margin:0px !important;	
}
.uyelist ul li .username
{
	padding:4px;
	float:left;
	width:240px;
}

.uyelist ul li .kangrubu
{
	padding:4px;
	float:left;
	width:80px;
}
.uyelist ul li .telefon
{
	padding:4px;
	float:left;
	width:180px;
}

.uyelist ul li .sosyal
{
	padding:4px;
	float:left;
	width:60px;
}

.uyelist ul li .sosyal a
{
	width:20px;
	margin:2px;
	padding:2px 4px;
	border:1px #ccc solid;
	color:#ccc;
	font-size:16px;
	border-radius:4px;
	text-align:center;
}

.uyelist ul li .sosyal a.facebook:hover
{
	border:1px #3B5998 solid;
	background:#3B5998;
	color:#fff;
}

.uyelist ul li .sosyal a.twitter:hover
{
	border:1px #9AE4E8 solid;
	background:#9AE4E8;
	color:#fff;
}

.harfler
{
	padding:4px;
}

.harf
{
	padding:5.37px;
	border:1px #ccc solid;
	background:#eee;
	float:left;
	margin:1px;
	min-width:10px;
	text-align:center;
	cursor:pointer;
}
.kangruplari
{
	float:right;
	padding:6px 6px 0px;
}
.kangruplari .kangrub
{
	float:left;
	padding:6px 2px;
	border:1px #ccc solid;
	margin:2px;
	width:37px;
	cursor:pointer;
	text-align:center;
}
.kutu1icon
{
	color:#c43233;
}
.kutu2icon
{
	color:#c43233;
}
.kutu3icon
{
	color:#c43233;
}
.hizli1:hover
{
	background-color:#2ea3f2 !important;
}
.hizli2:hover
{
	background-color:#2ea3f2 !important;
}
.hizli3:hover
{
	background-color:#2ea3f2 !important;
}
.hizli4:hover
{
	background-color:#2ea3f2 !important;
}
.hizli5:hover
{
	background-color:#2ea3f2 !important;
}
.hizli6:hover
{
	background-color:#2ea3f2 !important;
}
.sayfalama2
{
	padding:16px 6px 0px 0px;
	background:none;
	color:#333;
	display:none;
}

#pagenavi{float:right;margin-top:6px;}
#pagenavi .mTop20{margin-top:0px;}
#pagenavi .mBottom20 {margin-bottom:10px;}
#pagenavi .navigation {float:right;overflow:hidden;}
#pagenavi .navigation ul{list-style:none;overflow:hidden;}
#pagenavi .navigation ul li{float:left;margin:2px;height:33px;}
#pagenavi .navigation ul li a{
	height: 23px;
    float: left;
    cursor: pointer;
    margin-left: 5px;
    padding: 9px 15px 0;
    border: 1px solid #e8e8e8;
    border-top: 2px solid #00A8FF;	
    font: 11px "Source Sans Pro";
    color: #616161;
    transition: all 0.2s linear;
}
#pagenavi .navigation ul li a:hover{
    height: 24px;
    background: #00A8FF;
    color: #fff;
}
#pagenavi .navigation ul li a.active{
    height: 24px;
    background: #00A8FF;
    color: #fff;
}

/* Yönetim Sayfası Açıklama Stilleri */
.title .yonetim-aciklama {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	padding: 15px;
	margin: 10px 0px 0px;
	border-radius: 6px;
	border-left: 4px solid #466B8E;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.title .yonetim-aciklama p {
	margin: 0;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	font-style: italic;
	font-weight: normal;
}

/* Single Post Enhancements */
.single-meta {
    background: #f8f9fa;
    padding: 5px 10px;
    border-radius: 0 6px 6px 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    font-size: 14px;
    color: #666;
}

.single-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.single-meta i {
    color: #326598;
}

/* Reading Tools */
.reading-tools {
    background: linear-gradient(135deg, #326598 0%, #037d6f 100%);
    padding: 15px 20px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 15px rgba(50,101,152, 0.2);
}

.font-controls, .page-tools {
    display: flex;
    gap: 10px;
    align-items: center;
}

.reading-tools button {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reading-tools button:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.social-share {
    display: flex;
    gap: 8px;
}

.share-facebook:hover {
    background: #3b5998 !important;
}

.share-twitter:hover {
    background: #1da1f2 !important;
}

.share-whatsapp:hover {
    background: #25d366 !important;
}

#print-page:hover {
    background: #6c757d !important;
}

/* Content Area */
.single-content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    line-height: 1.8;
    font-size: 16px;
    transition: font-size 0.3s ease;
}

.single-content p {
    margin-bottom: 18px;
    text-align: justify;
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4 {
    color: #333;
    margin: 25px 0 15px 0;
    line-height: 1.4;
}

.single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* logged in user styles */
div.user-account.login div.user-info {
    width: 100%;
    float: left;
    padding: 10px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
}

div.user-account.login div.user-avatar {
    font-size: 28px;
    color: #326598;
    flex-shrink: 0;
}

div.user-account.login div.user-details {
    flex: 1;
    min-width: 0;
}

div.user-account.login div.user-details h4 {
    margin: 0;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

div.user-account.login div.user-details .username {
    margin: 2px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #526ebb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.user-account.login div.user-actions {
    flex-shrink: 0;
}

div.user-account.login div.user-actions .logout-btn {
    background: #dc3545;
    color: #fff;
    padding: 5px 8px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
}

div.user-account.login div.user-actions .logout-btn:hover {
    background: #c82333;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

div.user-account.login div.user-actions .logout-btn i {
    margin-right: 3px;
    font-size: 10px;
}

/* forgot password link */
div.user-account div.tab-content .forgot-password-link {
    width: auto;
    float: right;
    margin-top: 15px;
    margin-right: 0;
    text-align: right;
}

div.user-account div.tab-content .forgot-password-link a {
    color: #037d6f;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}

div.user-account div.tab-content .forgot-password-link a:hover {
    color: #326598;
    text-decoration: underline;
}

div.user-account div.tab-content .forgot-password-link a i {
    margin-right: 4px;
    font-size: 11px;
}

/* WordPress login form styles */
div.user-account #loginform p {
    margin-bottom: 12px;
    clear: both;
}

div.user-account #loginform p.forgetmenot {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
}

div.user-account #loginform p.forgetmenot input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 0;
    float: left;
    width: auto;
}

div.user-account #loginform p.forgetmenot label {
    font-size: 12px;
    color: #666;
    cursor: pointer;
    float: left;
    margin-top: 2px;
    width: auto;
}

div.user-account #loginform p.submit {
    margin-top: 15px;
    clear: both;
}

/* message notifications */
.msgSuccess, .msgError {
    width: 95%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.msgSuccess {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.msgError {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.msgSuccess:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}

.msgError:before {
    content: "\f06a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}

/* Focus outline customization - mavi çizgi sorunu çözümü */
a, button, input, textarea, select {
    outline: none;
}

a:focus, button:focus, input:focus, textarea:focus, select:focus {
    outline: 2px solid rgba(0, 124, 111, 0.5);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Link hover ve active durumları */
a:active {
    outline: none;
    transform: translateY(1px);
}

/* Menu linkleri için özel focus - dinamik renk kullanarak */
header.page-header nav.main-menu a:focus {
    outline: 2px solid rgba(50,101,152, 0.7);
    outline-offset: -2px;
}

/* Button focus stilleri - dinamik renk kullanarak */
input[type="submit"]:focus, 
input[type="button"]:focus,
button:focus {
    outline: 2px solid rgba(3,125,111, 0.6);
    outline-offset: 2px;
}

/* WordPress Calendar Widget Modern Styling
----------------------------------------*/
.wp-calendar-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 2px !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 13px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px !important;
}

/* Calendar caption (ay/yıl başlığı) - dinamik renk kullanıyor */
.wp-calendar-table caption {
    background: linear-gradient(135deg, #326598 0%, #037d6f 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px 10px !important;
    text-align: center !important;
    margin: 0 !important;
    position: relative !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.wp-calendar-table caption::before {
    content: "\f073" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    font-size: 14px !important;
}

/* Hafta günleri başlıkları - dinamik renk */
.wp-calendar-table thead th {
    background: #f8f9fa !important;
    color: #326598 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 12px 4px !important;
    border: 1px solid #e9ecef !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Takvim gün hücreleri */
.wp-calendar-table tbody td {
    text-align: center !important;
    padding: 8px 4px !important;
    border: 1px solid #e9ecef !important;
    background: #ffffff !important;
    vertical-align: middle !important;
    height: 35px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

/* Günler için hover efekti - dinamik renk */
.wp-calendar-table tbody td:hover {
    background: #f8f9fa !important;
    border-color: #326598 !important;
    transform: scale(1.02) !important;
}

/* Link içeren günler (yazı olan günler) - dinamik renk */
.wp-calendar-table tbody td a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 8px 4px !important;
    margin: -8px -4px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.wp-calendar-table tbody td a:hover {
    background: #326598 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(50,101,152, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Bugün için özel stil - dinamik renk */
.wp-calendar-table tbody td#today {
    background: linear-gradient(135deg, #326598 0%, #037d6f 100%) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(50,101,152, 0.4) !important;
    position: relative !important;
}

.wp-calendar-table tbody td#today::after {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 4px !important;
    height: 4px !important;
    background: #ffffff !important;
}

/* Boş hücreler */
.wp-calendar-table tbody td:empty {
    background: #f8f9fa !important;
    opacity: 0.5 !important;
}

/* Navigasyon linkleri - dinamik renk */
.wp-calendar-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 10px !important;
    font-size: 12px !important;
}

.wp-calendar-nav a {
    color: #326598 !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    border: 1px solid #326598 !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

.wp-calendar-nav a:hover {
    background: #326598 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(50,101,152, 0.3) !important;
}

.wp-calendar-nav a::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 5px !important;
}

.wp-calendar-nav .wp-calendar-nav-prev a::before {
    content: "\f053" !important;
}

.wp-calendar-nav .wp-calendar-nav-next a::after {
    content: "\f054" !important;
    margin-left: 5px !important;
    margin-right: 0 !important;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .wp-calendar-table {
        font-size: 11px !important;
    }
    
    .wp-calendar-table caption {
        font-size: 14px !important;
        padding: 12px 8px !important;
    }
    
    .wp-calendar-table thead th {
        padding: 8px 2px !important;
        font-size: 10px !important;
    }
    
    .wp-calendar-table tbody td {
        height: 28px !important;
        padding: 4px 2px !important;
    }
    
    .wp-calendar-table tbody td a {
        padding: 4px 2px !important;
        margin: -4px -2px !important;
    }
}

/* Widget container için ek stiller - dinamik renk */
.widget_calendar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.widget_calendar .widget-title {
    margin-bottom: 15px !important;
    color: #526ebb !important;
    font-weight: 700 !important;
}


/* Contact Form 7 Styles - Header Search Input ile aynı stil
----------------------------------------*/
/* Text ve Email inputları */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"] {
    width: 100%;
    height: 40px;
    padding: 5px 7px;
    border: 1px solid #eae9e9;
    border-radius: 3px;
    font-size: 14px;
    color: #444;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Textarea */
.wpcf7 textarea {
    width: 100%;
    min-height: 100px;
    padding: 7px;
    border: 1px solid #eae9e9;
    border-radius: 3px;
    font-size: 14px;
    color: #444;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    font-family: "Roboto", "Arial", sans-serif;
    resize: vertical;
}

/* Focus durumu */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus {
    border-color: #326598;
    outline: none;
    box-shadow: 0 0 5px rgba(50,101,152, 0.3);
}

/* Placeholder stilleri */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #999;
    opacity: 1;
}

/* Submit butonu */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
    width: auto;
    height: auto;
    padding: 10px 30px;
    background: #cccc00;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
    background: #326598;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Select/Dropdown */
.wpcf7 select {
    width: 100%;
    height: 32px;
    padding: 5px 7px;
    border: 1px solid #eae9e9;
    border-radius: 3px;
    font-size: 11px;
    color: #444;
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7 select:focus {
    border-color: #326598;
    outline: none;
    box-shadow: 0 0 5px rgba(50,101,152, 0.3);
}

/* Checkbox ve Radio stilleri */
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
    width: auto;
    height: auto;
    margin-right: 5px;
    cursor: pointer;
}

/* Form label stilleri */
.wpcf7 label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #444;
    font-weight: 500;
}

/* Form grubu - her input için */
.wpcf7 p {
    margin-bottom: 15px;
}

/* Hata mesajları */
.wpcf7 .wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 11px;
    margin-top: 5px;
    display: block;
}

.wpcf7 .wpcf7-not-valid {
    border-color: #dc3545 !important;
}

/* Başarı mesajı */
.wpcf7 .wpcf7-response-output {
    margin: 15px 0;
    padding: 12px 15px;
    border-radius: 3px;
    font-size: 12px;
}

.wpcf7 .wpcf7-mail-sent-ok {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

/* Hata mesajı */
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Spam mesajı */
.wpcf7 .wpcf7-spam-blocked {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
}

/* Yükleniyor animasyonu */
.wpcf7 .ajax-loader {
    margin-left: 10px;
    vertical-align: middle;
}

/* Dosya yükleme */
.wpcf7 input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #eae9e9;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
    background: #f8f8f8;
    transition: border-color 0.3s ease;
}

.wpcf7 input[type="file"]:hover {
    border-color: #326598;
}

/* Acceptance checkbox (KVKK vb.) */
.wpcf7 .wpcf7-acceptance {
    margin: 15px 0;
}

.wpcf7 .wpcf7-list-item {
    margin: 0;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"],
    .wpcf7 input[type="url"],
    .wpcf7 input[type="number"],
    .wpcf7 input[type="date"],
    .wpcf7 textarea,
    .wpcf7 select {
        font-size: 16px; /* iOS'ta zoom'u önlemek için */
    }
    
    .wpcf7 input[type="submit"],
    .wpcf7 button[type="submit"] {
        width: 100%;
        padding: 12px 20px;
    }
}

/* Breadcrumb Navigation
----------------------------------------*/
.breadcrumb {
    background: #f5f5f5;
    padding: 12px 15px;
    border-radius: 4px;
    font-size: 14px;
}

.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
}

.breadcrumb li:not(:last-child)::after {
    content: ">";
    display: inline-block;
    margin: 0 8px;
    color: #999;
}

.breadcrumb li.current {
    color: #666;
    font-weight: 500;
}

.breadcrumb a {
    color: #037d6f;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb a:hover {
    color: #326598;
    text-decoration: underline;
}

.breadcrumb i {
    font-size: 10px;
    color: #999;
}