.e-page-transition--entering * {
    opacity: 1 !important;
}



@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/iransansx/IRANSansX-Thin.eot');
    src: url('../fonts/iransansx/IRANSansX-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Thin.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Thin.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransansx/IRANSansX-UltraLight.eot');
    src: url('../fonts/iransansx/IRANSansX-UltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-UltraLight.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-UltraLight.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransansx/IRANSansX-Light.eot');
    src: url('../fonts/iransansx/IRANSansX-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Light.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Light.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iransansx/IRANSansX-Regular.eot');
    src: url('../fonts/iransansx/IRANSansX-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Regular.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Regular.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransansx/IRANSansX-Medium.eot');
    src: url('../fonts/iransansx/IRANSansX-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Medium.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Medium.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/iransansx/IRANSansX-DemiBold.eot');
    src: url('../fonts/iransansx/IRANSansX-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-DemiBold.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-DemiBold.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/iransansx/IRANSansX-Bold.eot');
    src: url('../fonts/iransansx/IRANSansX-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Bold.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Bold.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/iransansx/IRANSansX-ExtraBold.eot');
    src: url('../fonts/iransansx/IRANSansX-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-ExtraBold.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/iransansx/IRANSansX-Black.eot');
    src: url('../fonts/iransansx/IRANSansX-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansx/IRANSansX-Black.woff2') format('woff2'), url('../fonts/iransansx/IRANSansX-Black.woff') format('woff');
}








body {
    --ayhan-container-max-width: 1200px;
}

@media (max-width: 1024px) {
    body {
        --ayhan-container-max-width: ;
    }
}

@media (max-width: 767px) {
    body {
        --ayhan-container-max-width: ;
    }
}

@media (min-width: 1400px) {
    body {
        --ayhan-container-max-width: 1300px;
    }
}



















*, .rtl #wpadminbar *{
    font-family: "IRANSansX";
    letter-spacing: 0;
}

input:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
body {
    margin: 0;
    background-color: var(--ayhan-body-color);
    transition: 0.3s;
}
body.dark_mode {
    background-color: #19191b !important;
}
.ayhan-grid-container {
    display: grid;
}
a {
    text-decoration: none;
}
.page-content p a {
    color: var(--ayhan-primary-color);
}
.page-content p a:hover {
    color: #222;
}
body:not(.elementor-page) #content * {
    transition: 0.3s;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6,
body .elementor-widget-theme-post-content h1, body .elementor-widget-theme-post-content h2, body .elementor-widget-theme-post-content h3, body .elementor-widget-theme-post-content h4, body .elementor-widget-theme-post-content h5, body .elementor-widget-theme-post-content h6 {
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #222;
}
section.elementor-section {
    padding-right: 25px;
    padding-left: 25px;
}
.display-none{
    display: none !important;
}
.tm-hidden-svg {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    z-index: -1000;
}
.ayhan-box {
    background: #FFFFFF;
    border-radius: 12px;
    color: #222222;
    padding: 15px 25px;
    position: relative;
    margin: 0 0 30px 0;
}

.ayhan-shadow-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #0000001a;
    z-index: 3;
}

.ayhan-shadow-box.show {
    display: block;
}
header.page-header{
    max-width: var(--ayhan-container-max-width);
    padding: 0 25px;
    margin: auto;
    width: 100%;
}
main header.page-header {
    padding: 0;
}
a#backToTop {
    position: fixed;
    left: 30px;
    bottom: 20px;
    background: var(--ayhan-primary-color);
    color: #fff;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

a#backToTop.active {
    display: flex;
}
@media (max-width: 767px){
a#backToTop, a#backToTop.active {
    display: none;
}
a#backToTop.show-on-mobile.active {
    display: flex;
}
}




/* when menu item has (elementor-style) class */
.ayhan-navigation ul.menu > li.elementor-style.ayhanmega_mega_menu .ayhanmegamenu-content-wrapper.sub-menu,
body.dark_mode .ayhan-navigation ul.menu > li.elementor-style.ayhanmega_mega_menu .ayhanmegamenu-content-wrapper.sub-menu {
    padding: 0;
    border-radius: 0px;
    box-shadow: unset;
    background: unset;
}
.ayhan-navigation ul.menu > li.elementor-style.ayhanmega_mega_menu .ayhanmegamenu-content-wrapper.sub-menu section.elementor-section {
    padding: 0;
}
/* end */


/**** megamenu template builder editor *******/
.ayhan-megamenu-wrapper.show-megamenu.editing {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

.ayhan-megamenu-wrapper.show-megamenu.editing .megamenu-overly {
    background: rgb(0 0 0 / 30%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.ayhan-megamenu-wrapper.show-megamenu.editing .megamenu-container {
    z-index: 2;
    position: absolute;
    background: #fff;
    width: calc(100% - 400px);
    border-radius: 15px;
    padding: 0;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 9%);
    box-sizing: border-box;
}



/* header dynamic */
.site-header.default-code-header .container {
    display: flex;
    justify-content: space-between;
    padding: 15px 35px;
    align-items: center;
    max-width: var(--ayhan-container-max-width);
    margin: auto;
}
.site-header.default-code-header nav.site-navigation ul.menu {
    display: flex;
    padding: 0;
    margin: 0;
}
.site-header.default-code-header nav.site-navigation ul.menu li {
    list-style: none;
    margin-left: 40px;
    position: relative;
}
.site-header.default-code-header nav.site-navigation ul.menu li a {
    text-decoration: none;
    color: #222222;
    font-weight: 400;
}
.site-header.default-code-header nav.site-navigation ul.menu li:last-child {
    margin-left: 0;
}
.site-header.default-code-header .site-navigation-toggle-holder, .site-header.default-code-header nav.site-navigation-dropdown {
    display: none;
}
.site-header.default-code-header .site-navigation-toggle-holder i {
    font-size: 24px;
}
.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 #00000024;
    border-radius: 15px;
    padding: 15px;
    z-index: 9;
    top: 40px;
    right: 0px;
    min-width: 180px;
    display: none;
}

.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu li {
    margin: 0;
}

.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu li a {
    line-height: 2;
    font-size: 14px;
    color: #555;
}

.site-header.default-code-header nav.site-navigation ul.menu > li {
    padding: 10px 0;
}

.site-header.default-code-header nav.site-navigation ul.menu li:hover ul.sub-menu {
    display: block;
}
.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu ul.sub-menu {
    display: none;
    right: 100% !important;
    top: 0;
}

.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu li:hover ul.sub-menu {
    display: block;
}

.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu li {
    position: relative !important;
}
@media (max-width: 1024px){
.site-header.default-code-header .site-navigation {
    display: none;
}
.site-header.default-code-header .site-navigation-toggle-holder, .site-header.default-code-header nav.site-navigation-dropdown {
    display: flex;
}
.site-header.default-code-header nav.site-navigation-dropdown{position: fixed;min-width: 300px;right: -100%;top: 0px;background-color: #fff;height: 100%;z-index: 999;display: flex;box-shadow: -15px 0 20px 0px #00000026;transition: 0.3s;}
.site-header.default-code-header nav.site-navigation-dropdown > div {
    height: 100%;
    width: 100%;
    padding: 35px;
}
.site-header.default-code-header nav.site-navigation-dropdown > div > ul.menu {
    padding: 0;
    margin: 0;
}
.site-header.default-code-header nav.site-navigation-dropdown > div > ul.menu li {
    list-style: none;
}
.site-header.default-code-header nav.site-navigation-dropdown > div > ul.menu li a {
    text-decoration: none;
    color: #222;
    line-height: 2;
}
.site-header.default-code-header nav.site-navigation-dropdown[aria-hidden = "false"] {
    right: 0;
}
.site-header.default-code-header .site-navigation-toggle-holder.elementor-active i:after {
    content: '';
    background: #00000057;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}
.site-header.default-code-header .site-navigation-toggle-holder.elementor-active i:before {
    z-index: 6;
}
.site-header.default-code-header nav.site-navigation-dropdown ul.menu li ul.sub-menu, .site-header.default-code-header nav.site-navigation-dropdown ul.menu li ul.sub-menu ul.sub-menu {
    display: none;
    padding: 5px 15px;
    border: 1px dashed #ddd;
    border-radius: 15px;
    margin: 10px 0;
}

.site-header.default-code-header nav.site-navigation-dropdown ul.menu li:hover ul.sub-menu, .site-header.default-code-header nav.site-navigation-dropdown ul.menu li ul.sub-menu li:hover ul.sub-menu {
    display: block;
}

.site-header.default-code-header nav.site-navigation-dropdown > div > ul.menu li.menu-item-has-children:before {
    content: '';
    background-color: #fff;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 6px;
    top: 11px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    border-color: #888;
}

.site-header.default-code-header nav.site-navigation-dropdown > div > ul.menu li.menu-item-has-children {
    position: relative;
}
}
.site-header.default-code-header nav.site-navigation ul.menu li ul.sub-menu li:hover > a {
    color: #222;
}
.header-menu.ayhan-menu-default ul.menu {
    position: relative;
}

.header-menu.ayhan-menu-default .ayhan-navigation ul.menu li {
    font-size: 14px;
}

.header-menu.ayhan-menu-default .ayhan-navigation ul.menu li .sub-menu .sub-menu {
    right: unset;
    left: calc(100% - 12px);
}


.site-header.default-code-header.default-code-header {border-top: 3px solid var(--ayhan-primary-color);box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.07);}
.site-header.default-code-header.default-code-header a {
    display: flex;
}

.site-header.default-code-header.default-code-header a img {
    width: 165px;
}

.site-header.default-code-header.default-code-header .site-title {
    margin: 0;
}

.site-header.default-code-header.default-code-header .site-branding {
    display: flex;
}














/***** Defult Footer ******/

footer.site-footer.default-footer .footer-copyright {
    background-color: var(--ayhan-primary-color);
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer.site-footer.default-footer .footer-copyright p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}











































































































































/********** single share btn */

.social-share a.share_button_telegram {
    color: #0088cc;
}
.social-share a.share_button_telegram:hover {
    background-color: #0088cc;
}
.social-share a.share_button_whatsapp {
    color: #25d366;
}
.social-share a.share_button_whatsapp:hover {
    background-color: #25d366;
}
.social-share a.share_button_mailto {
    color: #aaa;
}
.social-share a.share_button_mailto:hover {
    background-color: #aaa;
}
#share-box {
    display: none;
    position: fixed;
    top: calc(50% - 163px);
    right: calc(50% - 210px);
    z-index: 9999999;
    background-color: #fff;
    box-shadow: 0px 4px 51px rgb(0 0 0 / 10%);
    text-align: right;
    padding: 35px;
    width: 350px;
    border-radius: 15px;
    max-width: 100%;
}

.social-share .info {
    border-bottom: 1px solid #f5f5f5;
    padding: 0 0 10px 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.social-share .info .modal-title {
    color: #555;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.social-share .info button.close {font-size: 18px;color: #c9c9c9;margin-bottom: 2px;border: none;background: unset;cursor: pointer;}

.social-share .share-body p {
    font-size: 14px;
    color: #666666;
    line-height: 2;
    margin: 0 0 25px 0;
}

.social-share .socials {
    display: flex;
    justify-content: space-evenly;
}


.filed-link.copy-text {
    position: relative;
}
.filed-link {
    margin-top: 20px;
    position: relative;
    border: 1px solid rgba(119,132,157,.24);
    border-radius: 4px;
    overflow: hidden;
}
.filed-link.dir-ltr .input-prepend {
    border-left: none;
    border-right: 1px solid rgba(119,132,157,.24);
    right: auto;
    left: 0;
    top: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.filed-link .input-prepend {
    border-left: 1px solid rgba(119,132,157,.24);
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
    height: 45px;
    line-height: 47px;
    background-color: #f7f7f9;
    border-radius: 4px -2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
    color: #acb3bf;
}
.filed-link input {
    border: none;
    line-height: 42px;
    /* width: 100%; */
    float: left;
}
.filed-link.dir-ltr input {
    direction: ltr;
}
input#shareLink {
    text-align: left;
    direction: ltr;
    font-size: 13px;
    width: calc(100% - 108px);
    padding: 0 48px 0 60px;
}
.filed-link.dir-ltr .copy-text-btn {
    left: auto;
    right: 10px;
    transform: translateY(-50%);
}

.copy-text-btn {
    box-shadow: 0 2px 10px rgb(119 132 157 / 24%);
    -webkit-box-shadow: rgb(119 132 157 / 24%) 0 2px 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #acb3bf;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
}
.share-body {
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 40px;
}
#share-box.show {
    display: block !important;
}

#share-box-back.show {
    background-color: #0000004d;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

i#open-share-box {
    cursor: pointer;
}
body.overflow-hidden {
    overflow: hidden;
}

.ayhan-message-box {
    position: fixed;
    right: 25px;
    bottom: 10px;
    background-color: var(--maincolor);
    color: #fff;
    z-index: 999999999999;
    padding: 10px 20px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--ayhan-primary-color);
    font-size: 14px;
}
.ayhan-message-box i {
  margin-left: 10px;
}

.ayhan-message-box {
  animation-duration: 4s;
  animation-name: animate-fade;
  animation-timing-function: cubic-bezier(.26,.53,.74,1.48);
  animation-fill-mode: backwards;
}
.ayhan-message-box { animation-name: animate-slide; }
@keyframes animate-slide {
0% {
opacity: 0;
transform: translate(0,20px);
}
30% {
    opacity: 1;
    transform: translate(0,0);
}
80% {
    opacity: 1;
    transform: translate(0,0);
}
100% {
opacity: 0;
transform: translate(0,20px);
}
}

.share-post {
    /* position: absolute; */
    z-index: 2;
    left: 35px;
    bottom: 35px;
    width: 40px;
    height: 40px;
    background-color: var(--ayhan-primary-color);
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555;
}
input#shareLink:focus {
    border: none;
    box-shadow: none;
    outline: none;
}


.social-share {
    margin: auto;
    text-align: left;
    /* padding-right: 30px; */
    display: none;
    flex-wrap: nowrap;
}
.share-post:hover .social-share {
    display: flex;
}
.share-post i.share-icon {
    margin-right: 6px;
    background-color: var(--maincolor);
    color: #fff;
    font-size: 15px;
    box-shadow: 3px 5px 20px 0 rgba(156, 156, 156, 0.29) !important;
    padding: 10px;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    float: left;
    text-align: center;
    line-height: 1;
}
.social-share a {
    font-size: 16px;
    margin: 0 5px;
    background-color: #fff;
    box-shadow: 3px 5px 20px 0 rgba(156, 156, 156, 0.29) !important;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 2.4;
    transition: 0.3s ease-in-out;
}

.social-share a.share_button_pinterest {
    color: #E60023;
}
.social-share a.share_button_linkedin {
    color: #0e76a8;
}
.social-share a.share_button_twitter {
    color: #00acee;
}
.social-share a.share_button_facebook {
    color: #3b5998;
}
.social-share a:hover i {
    color: #fff;
}
.social-share a:hover {
    background-color: var(--maincolor);
    color: #fff;
}

.social-share a.share_button_pinterest:hover {
    background-color: #E60023;
}
.social-share a.share_button_linkedin:hover {
    background-color: #0e76a8;
}
.social-share a.share_button_twitter:hover {
    background-color: #00acee;
}
.social-share a.share_button_facebook:hover {
    background-color: #3b5998;
}

@media (max-width: 500px){
    #share-box {
        width: 280px;
    }
}



/************* single content *****************/

body:not(.elementor-page) .page-content p img.alignleft, body .elementor-widget-theme-post-content p img.alignleft {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
body:not(.elementor-page) .page-content p img.alignright, body .elementor-widget-theme-post-content p img.alignright {
    float: right;
    margin-left: 30px;
    margin-top: 15px;
}

blockquote {
    background: #FFFFFF;
    border-top: 2px solid var(--ayhan-primary-color);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 25px 35px;
    position: relative;
    margin: 25px 65px 65px;
}

blockquote p {
    margin: 0 !important;
}

blockquote cite {
    position: absolute;
    bottom: -34px;
    display: block;
    left: 0;
    line-height: 1.5;
    z-index: 1;
    background-color: #fff;
    padding: 0 12px;
    height: 10px;
    display: flex;
    align-items: center;
}

blockquote cite em {
    font-style: normal;
    background: var(--ayhan-primary-color);
    border-radius: 7px;
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 15px;
}

blockquote:before {
    content: '\f10e';
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 33px;
    position: absolute;
    bottom: -35px;
    color: var(--ayhan-primary-color);
    z-index: 1;
    right: 0;
    background: #fff;
    padding: 0 13px;
    height: 14px;
    display: flex;
    align-items: center;
}

blockquote:after {
    content: '-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------';
    font-size: 9px;
    letter-spacing: 3px;
    line-height: 4;
    height: 35px;
    display: block;
    overflow: hidden;
    color: #DDDDDD;
    position: absolute;
    bottom: -46px;
    right: 0;
    width: calc(100% - 20px);
}

body:not(.elementor-page) .page-content > ul, body:not(.elementor-page) .page-content > ol,
body .elementor-widget-theme-post-content .elementor-widget-container > ul, body .elementor-widget-theme-post-content .elementor-widget-container > ol {
    margin: 0 0 15px 0;
    padding: 0 25px 0 25px;
}

body:not(.elementor-page) .page-content > ul li, body:not(.elementor-page) .page-content > ol li,
body .elementor-widget-theme-post-content .elementor-widget-container > ul li, body .elementor-widget-theme-post-content .elementor-widget-container > ol li {
    font-weight: 400;
    font-size: 14px;
    line-height: 280%;
    color: #666666;
    display: block;
    padding-right: 28px;
    position: relative;
}

body:not(.elementor-page) .page-content > ul li:before,
body .elementor-widget-theme-post-content .elementor-widget-container > ul li:before {
    content: '\f104';
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Pro";
    font-weight: bold;
    font-size: 11px;
    line-height: 0;
    color: var(--ayhan-primary-color);
    border: 2px solid;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 10px;
}
body:not(.elementor-page) .page-content > ol {
    counter-reset: section;
    list-style-type:none;
    padding-left:0
}
body:not(.elementor-page) .page-content > ol li:before {
    counter-increment: section;
    font-weight: 600;
    content: counters(section, ".") "";
    font-size: 11px;
    line-height: 0;
    padding-top: 2px;
    color: var(--ayhan-primary-color);
    border: 2px solid;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    justify-content: center;
    padding-left: 1px;
}


/* figure and pictire max-width */
.elementor-widget-theme-post-content img, .elementor-widget-theme-post-content figure img, .elementor-widget-theme-post-content picture img, .elementor-widget-theme-post-content picture {
    max-width: 100%;
    height: auto;
}


/* sidebar widgets */
.sidebar-col .widget .widget-title, .sidebar-col .elementor-widget h5 {
    font-size: 14px;
    
/* identical to box height */
    font-weight: 500;
    color: #7A7A7A;
    margin: 0 0 20px 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}


.sidebar-col .widget.widget_search input.search-field, .sidebar-col .elementor-widget .search-field {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 9px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    color: #888888;
    padding: 8px 15px;
    width: 100%;
}


.sidebar-col .widget.widget_search input.search-submit, .sidebar-col .elementor-widget .search-submit {
    background-color: var(--ayhan-primary-color);
    border: none;
    color: #fff;
    width: 100%;
    height: 32px;
    border-radius: 9px;
    cursor: pointer;
    margin-top: 5px;
    transition: 0.3s;
    position: unset;
}

.sidebar-col .widget.widget_search form.search-form, .sidebar-col .elementor-widget form.search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.sidebar-col .widget.widget_search form.search-form label, .sidebar-col .elementor-widget form.search-form label {
    width: 100%;
}

.sidebar-col .widget.widget_categories ul,
.sidebar-col .widget.widget_pages ul,
.sidebar-col .widget.widget_meta ul,
.sidebar-col .widget.widget_archive ul,
.sidebar-col .widget.widget_recent_entries ul,
.sidebar-col .widget.widget_block ul,
.sidebar-col .widget.widget_recent_comments ul,
.sidebar-col .elementor-widget-wp-widget-categories ul,
.sidebar-col .elementor-widget-wp-widget-pages ul,
.sidebar-col .elementor-widget-wp-widget-meta ul,
.sidebar-col .elementor-widget-wp-widget-archive ul,
.sidebar-col .elementor-widget-wp-widget-recent-posts ul,
.sidebar-col .elementor-widget-wp-widget-block ul,
.sidebar-col .elementor-widget-wp-widget-recent_comments ul {
    padding: 0;
    margin: 0;
}

.sidebar-col .widget.widget_categories ul li, .sidebar-col .widget.widget_categories ul li a,
.sidebar-col .widget.widget_pages ul li, .sidebar-col .widget.widget_pages ul li a,
.sidebar-col .widget.widget_meta ul li, .sidebar-col .widget.widget_meta ul li a,
.sidebar-col .widget.widget_archive ul li, .sidebar-col .widget.widget_archive ul li a,
.sidebar-col .widget.widget_recent_entries ul li, .sidebar-col .widget.widget_recent_entries ul li a,
.sidebar-col .widget.widget_block ul li, .sidebar-col .widget.widget_block ul li a,
.sidebar-col .widget.widget_recent_comments ul li, .sidebar-col .widget.widget_recent_comments ul li a,
.sidebar-col .elementor-widget-wp-widget-categories ul li, .sidebar-col .elementor-widget-wp-widget-categories ul li a,
.sidebar-col .elementor-widget-wp-widget-pages ul li, .sidebar-col .elementor-widget-wp-widget-pages ul li a,
.sidebar-col .elementor-widget-wp-widget-meta ul li, .sidebar-col .elementor-widget-wp-widget-meta ul li a,
.sidebar-col .elementor-widget-wp-widget-archive ul li, .sidebar-col .elementor-widget-wp-widget-archive ul li a,
.sidebar-col .elementor-widget-wp-widget-recent-posts ul li, .sidebar-col .elementor-widget-wp-widget-recent-posts ul li a,
.sidebar-col .elementor-widget-wp-widget-block ul li, .sidebar-col .elementor-widget-wp-widget-block ul li a,
.sidebar-col .elementor-widget-wp-widget-recent_comments ul li, .sidebar-col .elementor-widget-wp-widget-recent_comments ul li a{
    list-style: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 220%;
    color: #888888;
}

.sidebar-col .widget.widget_categories ul li a:hover,
.sidebar-col .widget.widget_pages ul li a:hover,
.sidebar-col .widget.widget_meta ul li a:hover,
.sidebar-col .widget.widget_archive ul li a:hover,
.sidebar-col .widget.widget_recent_entries ul li a:hover,
.sidebar-col .widget.widget_block ul li a:hover,
.sidebar-col .widget.widget_recent_comments ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-categories ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-pages ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-meta ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-archive ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-recent-posts ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-block ul li a:hover,
.sidebar-col .elementor-widget-wp-widget-recent_comments ul li a:hover{
    color: var(--ayhan-primary-color);
}




.sidebar-col .sticky {
    position: sticky;
    top: 30px;
}
/**/




/******* ayhan recent posts widget */
.lastposts-widget .lastposts-ul li,.most_liked_post li{margin-bottom: 10px;padding: 0;transition: all 0.3s ease-out;list-style: none;box-sizing: border-box;border-bottom: 1px dashed #ececec;height: 70px;}
.lastposts-widget .lastposts-ul li:last-child,.most_liked_post:last-child{margin-bottom: 0px;}
.lastposts-widget .lastposts-ul li img,.most_liked_post li img{width: 55px;height: 55px;object-fit: cover;border-radius: 12px;float:right;margin-left: 15px;transition: all 0.3s ease-out;}
.lastposts-widget .lastposts-ul li a,.most_liked_post li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left: 10px;transition: all 0.3s ease-out;font-weight: 600;font-size: 12px;line-height: 2.1;color: #666;}
.lastposts-widget .lastposts-ul li span{display:block;transition: all 0.3s ease-out;font-weight: 400;font-size: 11px;line-height: 220%;text-align: right;color: #888888;}
.lastposts-widget .lastposts-ul li:hover a,.most_liked_post li:hover a{color:var(--ayhan-primary-color) !important;}
.lastposts-widget .lastposts-ul li:hover img,.most_liked_post li:hover img{}
.lastposts-widget .lastposts-ul {padding: 0;margin: 0;}
/**/
.lastposts-widget .lastposts-ul li:last-child, .most_liked_post li:last-child {
    border: none;
}


@media (max-width: 767px){
    blockquote {
        margin: 25px 0px 65px;
    }
    
    body.single .page-content p img.alignleft, body.single .page-content p img.alignright {
        margin-bottom: 15px;
    }
    
    form.comment-form .info-text a.link {
        display: inline-block;
        line-height: 1.8;
    }
}













/*********** wordpress default widgets */
.sidebar-col .widget.widget_recent_comments ul li span.comment-author-link {
    color: #fff;
    background-color: var(--ayhan-primary-color);
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 12px;
}

.sidebar-col .widget.widget_recent_comments ul li span.comment-author-link a {
    color: #fff;
}

.sidebar-col .widget.widget_tag_cloud .tagcloud a, .sidebar-col .elementor-widget-wp-widget-tag_cloud .tagcloud a {margin: 0;}

.a-stats a {
    max-width: 100%;
    background: var(--ayhan-primary-color);
    background-image: none;
    border: none;
    font-size: 14px;
    padding: 15px 10px;
    width: auto;
    color: #fff;
    font-weight: 300;
    line-height: 2;
}

.a-stats:hover a {
    background: #222;
}

.a-stats .count {
    line-height: 2;
}

.sidebar-col .widget.widget_calendar .wp-calendar-table {
    margin: auto;
}

.sidebar-col .widget.widget_calendar .wp-calendar-nav span a {
    background: var(--ayhan-primary-color);
    border-radius: 9px;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    padding: 4px 15px;
    transition: 0.3s;
}

.sidebar-col .widget.widget_calendar .wp-calendar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-col .widget.widget_recent_entries span.post-date, .elementor-widget-wp-widget-recent-posts span.post-date {
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

.sidebar-col .widget.widget_recent_entries li, .elementor-widget-wp-widget-recent-posts ul li {
    margin-bottom: 5px;
}

.sidebar-col .widget.widget_recent_entries li:last-child, .elementor-widget-wp-widget-recent-posts ul li:last-child {
    margin-bottom: 0;
}

.sidebar-col .widget.widget_media_gallery .gallery {display: inline-block;}

.sidebar-col .widget.widget_media_gallery .gallery.gallery-columns-1 > * {
    width: calc(100% - 12px);
}
.sidebar-col .widget.widget_media_gallery .gallery.gallery-columns-2 > * {
    width: calc(50% - 12px);
}
.sidebar-col .widget.widget_media_gallery .gallery.gallery-columns-3 > * {
    width: calc(33% - 12px);
}
.sidebar-col .widget.widget_media_gallery .gallery.gallery-columns-4 > * {
    width: calc(25% - 12px);
}

.sidebar-col .widget.widget_media_gallery .gallery img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}

.sidebar-col .widget.widget_media_gallery .gallery > * {
    float: right;
    margin: 6px;
}




.sidebar-col .widget.widget_nav_menu ul.menu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.sidebar-col .widget.widget_nav_menu ul.menu li {
    list-style: none;
    position: relative;
    transition: 0.5s;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 8px 0;
    width: 100%;
}

.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu {
    background-color: #fff;
    display: none;
    border-radius: 15px;
    padding: 5px 0;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 9%);
    margin: 10px auto 15px auto;
}

.sidebar-col .widget.widget_nav_menu ul.menu li:hover > .sub-menu {
    display: block;
}

.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu li {
    padding: 5px 0;
    height: auto;
}

.sidebar-col .widget.widget_nav_menu ul.menu > li a {
    color: #888;
    font-size: 14px;
    font-weight: 400;
}

.sidebar-col .widget.widget_nav_menu ul.menu > li:last-child {
    margin-left: 0;
}

.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu li a {
    font-size: 14px;
    color: #888;
}

.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu li:hover > a {
    color: #222;
}

.sidebar-col .widget.widget_nav_menu {
    overflow-x: auto;
}

.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu li a {
    padding: 4px 25px 4px 2px;
}





.sidebar-col .widget.widget_nav_menu ul.menu li.menu-item-has-children:before, .sidebar-col .widget.widget_nav_menu ul.menu li.ayhanmega_mega_menu:before {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 11px;
    color: #555;
    position: absolute;
    left: 3px;
    top: 13px;
}

.sidebar-col .widget.widget_nav_menu ul.menu li.menu-item-has-children {
    position: relative;
}

.sidebar-col .widget.widget_nav_menu ul.menu .sub-menu li.menu-item-has-children:before {
    top: 8px;
}


.sidebar-col .widget.widget_nav_menu ul.menu li .sub-menu {
    width: calc(100% - 10px);
}

.sidebar-col .widget.widget_nav_menu.closed {
    left: -100%;
}

.sidebar-col .widget.widget_nav_menu.opened {
    left: 0;
}

.sidebar-col .widget.widget_nav_menu {
    transition: 0.5s;
}


.sidebar-col .widget.widget_nav_menu ul.sub-menu li.menu-item-has-children:before {
    left: 30px;
}

.sidebar-col .widget.widget_nav_menu ul.menu > li a:hover {
    color: var(--ayhan-primary-color);
}
/**/




/**** page templates */
body main.page-box-template, body main.page-box-sidebar-template {
    max-width: var(--ayhan-container-max-width);
    margin: auto;
    padding: 0 25px;
}

body main.page-box-template .page-content, body main.page-box-sidebar-template .page-content {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 35px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
body main.page-box-template .page-content > .elementor > section, body main.page-box-sidebar-template .page-content > .elementor > section {
    padding: 0;
}
body main.page-box-sidebar-template .page-content {
    margin: 0;
}
.page-featured-image img, .page-featured-image picture, .page-featured-image figure {
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px){
body main.page-box-template .page-content, body main.page-box-sidebar-template .page-content {
    padding: 15px;
}
}

/**/



/**  contact form 7  **/
body main.page-box-template .page-content > .elementor > section, body main.page-box-sidebar-template .page-content > .elementor > section {
    padding: 0;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
    width: 100%;
}
.wpcf7-form label {
    width: 100%;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
    padding: 10px 15px;
    border-radius: 12px;
    border: 1px solid #ebebed;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
    border-right: 2px solid var(--ayhan-primary-color);
    text-align: right;
}
input.wpcf7-form-control[type="submit"] {
    border: 2px solid transparent !important;
    background-color: var(--ayhan-primary-color) !important;
    color: #fff !important;
    cursor: pointer;
    transition: 0.3s;
}

input.wpcf7-form-control[type="submit"]:hover {
    background-color: #222 !important;
}
textarea.wpcf7-form-control {
    padding: 15px;
    box-shadow: none;
    outline: none;
}





/**  editor gallery  **/
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 15px #0000001a;
	border: 1px solid white;
	padding: 8px;
	/* background: #f2f2f2; */
	border-radius: 6px;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }








/******* archive ***********/

.grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4,1fr);
}

@media (max-width: 1024px){
.grid {
    grid-template-columns: repeat(2,1fr);
}
}

@media (max-width: 1024px){
.grid {
    grid-template-columns: repeat(2,1fr);
}
}

@media (max-width: 767px){
.grid {
    grid-template-columns: repeat(1,1fr);
}
}

.archive-grid article.post {
    display: flex;
    flex-direction: column;
    padding: 0;
    grid-template-columns: min-content auto;
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: stretch;
}

.archive-grid article.post .image {
    width: 100%;
    height: 170px;
    position: relative;
    position: relative;
    overflow: hidden;
}
.archive-grid article.post .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archive-grid article.post .image a {
    width: 100%;
    height: 100%;
    display: flex;
}

.archive-grid article.post .image a img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

body:not(.elementor-page) main.main-max {display: flex;padding: 35px 35px;max-width: var(--ayhan-container-max-width);margin: auto;flex-direction: column;}

.ayhan-page-title {
    background: #FFFFFF;
    border-radius: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #222222;
    padding: 15px 25px 15px 65px;
    position: relative;
    margin: 0 0 30px 0;
    border-right: 3px solid var(--ayhan-primary-color);
}


.ayhan-page-title:after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTVDMSAxOC4wNjUzIDEuMTY1NTUgMjAuNDYwMyAxLjU4Mjg2IDIyLjMzOEMxLjk5NzY1IDI0LjIwNDQgMi42NDc3NSAyNS40OTc5IDMuNTc0OTIgMjYuNDI1MUM0LjUwMjA5IDI3LjM1MjMgNS43OTU2MSAyOC4wMDIzIDcuNjYxOTkgMjguNDE3MUM5LjUzOTcyIDI4LjgzNDQgMTEuOTM0NyAyOSAxNSAyOUMxOC4wNjUzIDI5IDIwLjQ2MDMgMjguODM0NCAyMi4zMzggMjguNDE3MUMyNC4yMDQ0IDI4LjAwMjMgMjUuNDk3OSAyNy4zNTIzIDI2LjQyNTEgMjYuNDI1MUMyNy4zNTIzIDI1LjQ5NzkgMjguMDAyMyAyNC4yMDQ0IDI4LjQxNzEgMjIuMzM4QzI4LjgzNDQgMjAuNDYwMyAyOSAxOC4wNjUzIDI5IDE1QzI5IDExLjkzNDcgMjguODM0NCA5LjUzOTcyIDI4LjQxNzEgNy42NjE5OUMyOC4wMDIzIDUuNzk1NjEgMjcuMzUyMyA0LjUwMjA5IDI2LjQyNTEgMy41NzQ5MkMyNS40OTc5IDIuNjQ3NzUgMjQuMjA0NCAxLjk5NzY1IDIyLjMzOCAxLjU4Mjg2QzIwLjQ2MDMgMS4xNjU1NSAxOC4wNjUzIDEgMTUgMUMxMS45MzQ3IDEgOS41Mzk3MiAxLjE2NTU1IDcuNjYxOTkgMS41ODI4NkM1Ljc5NTYxIDEuOTk3NjUgNC41MDIwOSAyLjY0Nzc1IDMuNTc0OTIgMy41NzQ5MkMyLjY0Nzc1IDQuNTAyMDkgMS45OTc2NSA1Ljc5NTYxIDEuNTgyODYgNy42NjE5OUMxLjE2NTU1IDkuNTM5NzIgMSAxMS45MzQ3IDEgMTVaIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDExSDIxTTkgMTVIMjFNOSAxOUgyMSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 25px;
    top: calc(50% - 15px);
}
body.elementor-page h1.entry-title.ayhan-page-title {
    margin-top: 35px;
}
.archive-description {
    background: #FFFFFF;
    border-radius: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    padding: 16px 25px;
    position: relative;
    margin: 0 0 30px 0;
}

.ayhan-flex-row {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.archive-grid article.post .content {
    padding: 25px;
}

.archive-grid article.post .content .entry-title {
    margin: 0;
    border-bottom: 1px dashed #eee;
    padding-bottom: 25px;
}

.archive-grid.no-meta article.post .content .entry-title {
    border: none;
    padding-bottom: 0;
}
.archive-grid article.post .content .entry-title a {
    color: #222;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
     /* 196.429% */
    display: block;
    transition: all 0.3s ease-out;
    line-height: 2.1;
}

.archive-grid.word-wrap article.post .content .entry-title a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
}

.archive-grid.word-wrap article.post:hover .content .entry-title a {
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
    margin-left: unset;
}

.archive-grid article.post .content .meta {
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.archive-grid article.post .content .meta .date {
    color: #878787;
    font-size: 12px;
    font-weight: 400;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    text-wrap: nowrap;
}

.archive-grid article.post .content .meta .date i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNhbGVuZGFyIDIiPgo8cGF0aCBpZD0iVmVjdG9yIDMyIiBkPSJNMy43NSAxMC44NDYyTDUuNjI1IDEwLjg0NjIiIHN0cm9rZT0iIzg3ODc4NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzMiIGQ9Ik0zLjc1IDEzLjMwNzdMNS42MjUgMTMuMzA3NyIgc3Ryb2tlPSIjODc4Nzg3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUgMC42MTUzNTZDNS41NTIyOCAwLjYxNTM1NiA2IDEuMDYzMDcgNiAxLjYxNTM2VjIuMjYyNDNDNi40NjUwMiAyLjI0MDU1IDYuOTY0MjYgMi4yMzA3NCA3LjUgMi4yMzA3NEM4LjAzNTc0IDIuMjMwNzQgOC41MzQ5OCAyLjI0MDU1IDkgMi4yNjI0M1YxLjYxNTM2QzkgMS4wNjMwNyA5LjQ0NzcxIDAuNjE1MzU2IDEwIDAuNjE1MzU2QzEwLjU1MjMgMC42MTUzNTYgMTEgMS4wNjMwNyAxMSAxLjYxNTM2VjIuNDczMzlDMTMuNjA5NyAyLjk1ODMxIDE0LjYyMDEgNC4yNjk1OCAxNC45MDY2IDcuMjY5MkMxNC45MjIgNy40MzA5MiAxNC45MzUzIDcuNTk3NTQgMTQuOTQ2NyA3Ljc2OTJDMTQuOTU3NCA3LjkzMTEgMTQuOTY2NCA4LjA5NzUgMTQuOTczOCA4LjI2ODQ4QzE0Ljk5MTggOC42ODkwNiAxNSA5LjEzNzQ1IDE1IDkuNjE1MzZDMTUgMTAuMDkzMSAxNC45OTE4IDEwLjU0MTMgMTQuOTczOCAxMC45NjE3QzE0Ljk2NjQgMTEuMTMyOSAxNC45NTc0IDExLjI5OTUgMTQuOTQ2NyAxMS40NjE1QzE0LjkzNTQgMTEuNjMyNiAxNC45MjIxIDExLjc5ODcgMTQuOTA2NyAxMS45NTk5QzE0LjU4MjQgMTUuMzU5MSAxMy4zMjkxIDE2LjU5MDkgOS44NzM1MSAxNi45MDg4QzkuNzEyMTggMTYuOTIzNyA5LjU0NjA1IDE2LjkzNjUgOS4zNzUgMTYuOTQ3NUM5LjIxMjgzIDE2Ljk1NzkgOS4wNDYyNCAxNi45NjY3IDguODc1MSAxNi45NzM4QzguNDQ1ODggMTYuOTkxOCA3Ljk4ODA5IDE3IDcuNSAxN0MxLjMyMzc1IDE3IDAgMTUuNjk2NiAwIDkuNjE1MzZDMCA5LjEzNzQ1IDAuMDA4MTc1MDcgOC42ODkwNiAwLjAyNjIzODQgOC4yNjg0OEMwLjAzMzU4MjEgOC4wOTc1IDAuMDQyNTYwNCA3LjkzMTEgMC4wNTMyODc3IDcuNzY5MkMwLjA2NDY2MTkgNy41OTc1NCAwLjA3ODAwMjggNy40MzA5MiAwLjA5MzQ0NzcgNy4yNjkyQzAuMzc5OTMyIDQuMjY5NTggMS4zOTAyOSAyLjk1ODMxIDQgMi40NzMzOVYxLjYxNTM2QzQgMS4wNjMwNyA0LjQ0NzcyIDAuNjE1MzU2IDUgMC42MTUzNTZaTTQgMy40OTIzOUMzLjMwMzQ5IDMuNjM3NyAyLjc5NDkyIDMuODQ1NDkgMi40MTM4NCA0LjEyMDU2QzEuNzI1MzUgNC42MTc1NSAxLjI4MiA1LjQ3NTIyIDEuMDk4MzQgNy4yNjkySDEzLjkwMTdDMTMuNzE4IDUuNDc1MjIgMTMuMjc0NyA0LjYxNzU1IDEyLjU4NjIgNC4xMjA1NkMxMi4yMDUxIDMuODQ1NDkgMTEuNjk2NSAzLjYzNzcgMTEgMy40OTIzOVY0LjA3Njg5QzExIDQuNjI5MTggMTAuNTUyMyA1LjA3Njg5IDEwIDUuMDc2ODlDOS40NDc3MiA1LjA3NjkgOSA0LjYyOTE4IDkgNC4wNzY4OVYzLjI2NDE3QzguNTQ3NDQgMy4yNDE3NCA4LjA0OTE3IDMuMjMwNzQgNy41IDMuMjMwNzRDNi45NTA4MyAzLjIzMDc0IDYuNDUyNTYgMy4yNDE3NCA2IDMuMjY0MTdWNC4wNzY4OUM2IDQuNjI5MTggNS41NTIyOSA1LjA3Njg5IDUgNS4wNzY4OUM0LjQ0NzcyIDUuMDc2OSA0IDQuNjI5MTggNCA0LjA3Njg5VjMuNDkyMzlaTTEzLjQzNjQgMTEuOTk1OEMxMy42IDExLjk3NDQgMTMuNzU2NyAxMS45NjAxIDEzLjkwMjcgMTEuOTUwOUMxMy43NDQzIDEzLjUwNzkgMTMuMzkwOSAxNC4zNTczIDEyLjg2NDUgMTQuODc1NkMxMi4zMzM0IDE1LjM5ODQgMTEuNDYgMTUuNzQ4OSA5Ljg2NTI3IDE1LjkwNUM5Ljg3NDYyIDE1Ljc2NjMgOS44ODg4MSAxNS42MTgxIDkuOTA5NiAxNS40NjM0QzEwLjAyMDMgMTQuNjQwMiAxMC4zMDg3IDEzLjcwNTQgMTAuOTc1OCAxMy4wNDg2QzExLjY0NDEgMTIuMzkwNSAxMi41OTY5IDEyLjEwNTIgMTMuNDM2NCAxMS45OTU4Wk04LjkxODUyIDE1LjMzMDJDOC44ODc2MiAxNS41NiA4Ljg2OTQzIDE1Ljc3NyA4Ljg1OTU1IDE1Ljk3MzZDOC40NDAxMSAxNS45OTE2IDcuOTg3OTEgMTYgNy41IDE2QzUuOTc4MzcgMTYgNC44MjI4OSAxNS45MTg0IDMuOTM2MjggMTUuNzI0NEMzLjA2MDIgMTUuNTMyNyAyLjUxMDQ5IDE1LjI0NDggMi4xMzU1MSAxNC44NzU2QzEuMzY0OTYgMTQuMTE2OSAxIDEyLjY5MTYgMSA5LjYxNTM2QzEgOS4xMzE3NSAxLjAwODU4IDguNjg0MDQgMS4wMjcxNyA4LjI2OTJIMTMuOTcyOEMxMy45OTE0IDguNjg0MDQgMTQgOS4xMzE3NSAxNCA5LjYxNTM2QzE0IDEwLjA5MjggMTMuOTkxNiAxMC41MzUyIDEzLjk3MzUgMTAuOTQ1NkMxMy43NzA1IDEwLjk1NTEgMTMuNTQ1NiAxMC45NzMxIDEzLjMwNzIgMTEuMDA0MkMxMi4zNzY1IDExLjEyNTUgMTEuMTY4NCAxMS40NTU1IDEwLjI3NDIgMTIuMzM2QzkuMzc4NzcgMTMuMjE3NiA5LjA0MjIgMTQuNDEwNCA4LjkxODUyIDE1LjMzMDJaIiBmaWxsPSIjODc4Nzg3Ii8+CjwvZz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 17px;
    display: block;
}

i.date-icon {}

.archive-grid article.post .content .meta .categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    gap: 5px;
    height: 22px;
    overflow: hidden;
    justify-content: flex-end;
}

i.cat-icon {}

.archive-grid article.post .content .meta .categories i {}



.archive-grid article.post .content .meta .categories a {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    min-height: 22px;
}

.archive-grid article.post .content .meta .categories a:hover {
    background: #222 !important;
}

nav.pagination {display: flex;justify-content: center;gap: 5px;}

nav.pagination .page-numbers {
    color: #222;
    background-color: #eee;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 0 15px;
    font-size: 14px;
    height: 25px;
    align-items: center;
}

nav.pagination .next {}

nav.pagination .prev {}

nav.pagination .prev, nav.pagination .next {}

nav.pagination .page-numbers.current, nav.pagination .page-numbers:hover {
    color: #fff;
    background-color: var(--ayhan-primary-color);
}
















/************ POST SINGLE **************/
body main.main-max.post-single {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 30px;
}

body main.post-single .main-col {
    width: 77%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

body main.post-single.no-sidebar .main-col {
    width: 100%;
}

body main.post-single .sidebar-col {
    display: flex;
    width: 23%;
    flex-direction: column;
    gap: 40px;
}
body main.post-single .single-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 35px;
}
body main.post-single .head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 35px;
    row-gap: 20px;
}

body main.post-single .head .title {}

body main.post-single .head .title .entry-title {
    margin: 0;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px; /* 147.222% */
}

body main.post-single .post-content-section.single-section {
    padding: 45px 35px 25px 35px;
}
body main.post-single .head .categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    gap: 5px;
    height: 22px;
    overflow: hidden;
    justify-content: flex-end;
}

body main.post-single .head .categories a {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    min-height: 22px;
    background: #222;
}

body main.post-single .head .categories a:hover {
    background: #222 !important;
}

body main.post-single .post-content-section.single-section .featured {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.wp-editor-content, .page-box-sidebar-template .page-content {color: #666;text-align: right;font-size: 14px;font-weight: 400;line-height: 38px; /* 39.2px */}

body main.post-single .post-content-section.single-section .tags {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    border-top: 1px dashed #eee;
    padding-top: 25px;
    margin-top: 50px;
}
body main.post-single .post-content-section.single-section .tags .title {
    color: #555;
    font-size: 14px;
    font-weight: 400;
}
body main.post-single .post-content-section.single-section .tags .tag-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
body main.post-single .post-content-section.single-section .tags .tag-links a {
    color: #888;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    background-color: #f6f6f6;
    padding: 2px 10px;
    border-radius: 6px;
}
body main.post-single .post-content-section.single-section .tags .tag-links a:hover {
    background-color: var(--ayhan-primary-color);
    color: #fff;
}

body main.post-single .post-content-section.single-section .featured > img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

body main.post-single .post-content-section.single-section .featured .meta {
    position: absolute;
    bottom: 0;
    width: calc(100% - 50px);
    border-radius: 12px 12px 0px 0px;
    background: #FFF;
    box-shadow: 0px -20px 18px 0px rgba(0, 0, 0, 0.07);
    padding: 10px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

body main.post-single .post-content-section.single-section .featured .meta > div {
    position: relative;
    z-index: 2;
}

body main.post-single .post-content-section.single-section .featured .meta .right {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 45px;row-gap: 15px;}

body main.post-single .post-content-section.single-section .featured .meta .left {}

body main.post-single .post-content-section.single-section .featured .meta .right > span, body main.post-single .post-content-section.single-section .featured .meta .right > span a {
    display: flex;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    align-items: center;
}

body main.post-single .post-content-section.single-section .featured .meta:before {
    content: '';
    height: 50px;
    width: 100%;
    background-color: #ebebed;
    position: absolute;
    /* top: 0; */
    margin-top: -18px;
    left: 0;
    border-radius: 12px;
    -moz-transform: skewY(2deg);
    -webkit-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(1deg);
    z-index: 1 !important;
}

body main.post-single .post-content-section.single-section .featured .meta:after {
    content: '';
    height: 90px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    /* top: 0; */
    margin-top: -5px;
    left: 0;
    border-radius: 12px;
    -moz-transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-1deg);
    z-index: 1 !important;
}
.open-share-box-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE2NjUgNS4wMDAwNEw5Ljk5OTg0IDAuODMzMzc0TTkuOTk5ODQgMC44MzMzNzRMNS44MzMxNyA1LjAwMDA0TTkuOTk5ODQgMC44MzMzNzRMOS45OTk4NCAxMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE2NjY3IDcuMzAwNjlDNC4xNjY2NyA2Ljk3MTUyIDMuODU2OTIgNi43MjgyMyAzLjU0MzkxIDYuODMwMUMwLjc0ODMzIDcuNzM5OTQgMCA5Ljc2ODM3IDAgMTMuOTIxNEMwIDIwLjI5OTYgMS43NjUgMjEuNjY2NiAxMCAyMS42NjY2QzE4LjIzNSAyMS42NjY2IDIwIDIwLjI5OTYgMjAgMTMuOTIxNEMyMCA5Ljc2ODM3IDE5LjI1MTcgNy43Mzk5NCAxNi40NTYxIDYuODMwMUMxNi4xNDMxIDYuNzI4MjMgMTUuODMzMyA2Ljk3MTUyIDE1LjgzMzMgNy4zMDA2OUMxNS44MzMzIDcuNTI4OTYgMTUuOTg2NiA3LjcyNzAzIDE2LjIwMyA3Ljc5OTY0QzE2LjczNzcgNy45NzkwNCAxNy4xNTA4IDguMTk1OTYgMTcuNDc1OCA4LjQ0NzY1QzE4LjUzMyA5LjI2NjQ0IDE5IDEwLjczNCAxOSAxMy45MjE0QzE5IDE3LjEwODkgMTguNTMzIDE4LjU3NjQgMTcuNDc1OCAxOS4zOTUyQzE2LjkxOTkgMTkuODI1NyAxNi4xMDYgMjAuMTU0NiAxNC44NjcgMjAuMzY3OEMxMy42MjgzIDIwLjU4MSAxMi4wNDE1IDIwLjY2NjYgMTAgMjAuNjY2NkM3Ljk1ODUyIDIwLjY2NjYgNi4zNzE2OCAyMC41ODEgNS4xMzI5OSAyMC4zNjc4QzMuODk0MDUgMjAuMTU0NiAzLjA4MDA4IDE5LjgyNTcgMi41MjQyMSAxOS4zOTUyQzEuNDY3MDQgMTguNTc2NCAxIDE3LjEwODkgMSAxMy45MjE0QzEgMTAuNzM0IDEuNDY3MDQgOS4yNjY0NCAyLjUyNDIxIDguNDQ3NjVDMi44NDkxNiA4LjE5NTk2IDMuMjYyMzIgNy45NzkwNCAzLjc5NzAyIDcuNzk5NjRDNC4wMTM0MyA3LjcyNzAzIDQuMTY2NjcgNy41Mjg5NiA0LjE2NjY3IDcuMzAwNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
}
body main.post-single .post-content-section.single-section .featured .meta .right > span.author {gap: 5px;}

body main.post-single .post-content-section.single-section .featured .meta .right > span.author img.avatar {
    border-radius: 150px;
    margin-left: 5px;
}

i.date-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNyAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNhbGVuZGFyIDIiPgo8cGF0aCBpZD0iVmVjdG9yIDMyIiBkPSJNNC4xNTM4MSAxMi4wNzY5TDYuMjMwNzMgMTIuMDc2OSIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3RvciAzMyIgZD0iTTQuMTUzODEgMTQuODQ2Mkw2LjIzMDczIDE0Ljg0NjIiIHN0cm9rZT0iIzQ0NDQ0NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjUzODQ2IDAuNjkyMjYxQzYuMDkwNzUgMC42OTIyNjEgNi41Mzg0NiAxLjEzOTk4IDYuNTM4NDYgMS42OTIyNlYyLjQyNTU5QzcuMDgzOTggMi4zOTcyIDcuNjcyNjggMi4zODQ1NyA4LjMwNzY5IDIuMzg0NTdDOC45NDI3IDIuMzg0NTcgOS41MzE0IDIuMzk3MiAxMC4wNzY5IDIuNDI1NTlWMS42OTIyNkMxMC4wNzY5IDEuMTM5OTggMTAuNTI0NiAwLjY5MjI2MSAxMS4wNzY5IDAuNjkyMjYxQzExLjYyOTIgMC42OTIyNjEgMTIuMDc2OSAxLjEzOTk4IDEyLjA3NjkgMS42OTIyNlYyLjYzNzhDMTUuMDY1NyAzLjE3MDIzIDE2LjIwNDUgNC42NTQ1NyAxNi41MTc2IDguMTE1MzRDMTYuNTMyMyA4LjI3NzYyIDE2LjU0NTIgOC40NDQyNSAxNi41NTY0IDguNjE1MzRDMTYuNTY3IDguNzc3NzIgMTYuNTc2IDguOTQ0MTIgMTYuNTgzNiA5LjExNDYxQzE2LjYwNTUgOS42MDU3NSAxNi42MTU0IDEwLjEzMDkgMTYuNjE1NCAxMC42OTIzQzE2LjYxNTQgMTEuMjUzNCAxNi42MDU1IDExLjc3ODQgMTYuNTgzNiAxMi4yNjk0QzE2LjU3NiAxMi40NDAxIDE2LjU2NyAxMi42MDY2IDE2LjU1NjQgMTIuNzY5MkMxNi41NDUyIDEyLjkzOTcgMTYuNTMyNCAxMy4xMDU5IDE2LjUxNzggMTMuMjY3N0MxNi4xNjYxIDE3LjE1NyAxNC43NzI0IDE4LjU1MDcgMTAuODgzMSAxOC45MDIzQzEwLjcyMTMgMTguOTE3IDEwLjU1NTIgMTguOTI5OCAxMC4zODQ2IDE4Ljk0MDlDMTAuMjIyMSAxOC45NTE1IDEwLjA1NTUgMTguOTYwNiA5Ljg4NDgzIDE4Ljk2ODJDOS4zOTM4NCAxOC45OTAxIDguODY4ODUgMTkgOC4zMDc2OSAxOUMxLjQ2NjMxIDE5IDAgMTcuNTMzNiAwIDEwLjY5MjNDMCAxMC4xMzA5IDAuMDA5ODcyMDggOS42MDU3NCAwLjAzMTc3NTYgOS4xMTQ2MUMwLjAzOTM3OTIgOC45NDQxMSAwLjA0ODQzMjcgOC43Nzc3MiAwLjA1OTAyNjQgOC42MTUzNEMwLjA3MDE4NzcgOC40NDQyNSAwLjA4MzA1ODcgOC4yNzc2MiAwLjA5Nzc0NSA4LjExNTM0QzAuNDEwOTM0IDQuNjU0NTcgMS41NDk2NyAzLjE3MDIzIDQuNTM4NDYgMi42Mzc4VjEuNjkyMjZDNC41Mzg0NiAxLjEzOTk4IDQuOTg2MTggMC42OTIyNjEgNS41Mzg0NiAwLjY5MjI2MVpNNC41Mzg0NiAzLjY1NTA5QzMuNjkxMjIgMy44MjE2NyAzLjA3NTU1IDQuMDY4NTUgMi42MTY3MyA0LjQwNDkyQzEuODAzOCA1LjAwMDkgMS4zMDI0MyA2LjAyODcgMS4xMDIxIDguMTE1MzRIMTUuNTEzM0MxNS4zMTMgNi4wMjg3IDE0LjgxMTYgNS4wMDA5IDEzLjk5ODcgNC40MDQ5MkMxMy41Mzk4IDQuMDY4NTUgMTIuOTI0MiAzLjgyMTY3IDEyLjA3NjkgMy42NTUwOVY0LjQ2MTQ5QzEyLjA3NjkgNS4wMTM3OCAxMS42MjkyIDUuNDYxNDkgMTEuMDc2OSA1LjQ2MTQ5QzEwLjUyNDYgNS40NjE0OSAxMC4wNzY5IDUuMDEzNzggMTAuMDc2OSA0LjQ2MTQ5VjMuNDI3NjJDOS41NDU4MiAzLjM5ODY0IDguOTU4MzIgMy4zODQ1NyA4LjMwNzY5IDMuMzg0NTdDNy42NTcwNyAzLjM4NDU3IDcuMDY5NTYgMy4zOTg2NCA2LjUzODQ2IDMuNDI3NjJWNC40NjE0OUM2LjUzODQ2IDUuMDEzNzggNi4wOTA3NSA1LjQ2MTQ5IDUuNTM4NDYgNS40NjE0OUM0Ljk4NjE4IDUuNDYxNDkgNC41Mzg0NiA1LjAxMzc4IDQuNTM4NDYgNC40NjE0OVYzLjY1NTA5Wk0xNC44Nzc1IDEzLjMwODFDMTUuMTA0NyAxMy4yNzggMTUuMzE5OSAxMy4yNjAzIDE1LjUxNSAxMy4yNTA3QzE1LjM0MjQgMTUuMDY4MSAxNC45NDI0IDE2LjA4MiAxNC4zMiAxNi43MDQ1QzEzLjY5NzUgMTcuMzI3IDEyLjY4MzYgMTcuNzI3IDEwLjg2NjEgMTcuODk5NkMxMC44NzU3IDE3LjcwNDUgMTAuODkzNSAxNy40ODkzIDEwLjkyMzYgMTcuMjYyQzExLjA0NzIgMTYuMzI4NSAxMS4zNzAxIDE1LjI2IDEyLjEyMjggMTQuNTA3NEMxMi44NzU1IDEzLjc1NDcgMTMuOTQzOSAxMy40MzE3IDE0Ljg3NzUgMTMuMzA4MVpNOS45MzIyMSAxNy4xMzA4QzkuODkxOTggMTcuNDM0NiA5Ljg3MTM2IDE3LjcxODUgOS44NjIzIDE3Ljk2ODJDOS4zODM1IDE3Ljk5IDguODY2NDYgMTggOC4zMDc2OSAxOEM2LjYyMDE3IDE4IDUuMzMyMzUgMTcuOTA4MiA0LjM0MDM1IDE3LjY4NzhDMy4zNTk3MSAxNy40Njk4IDIuNzMwNTEgMTcuMTM5NiAyLjI5NTQzIDE2LjcwNDVDMS44NjAzNiAxNi4yNjk0IDEuNTMwMTMgMTUuNjQwMiAxLjMxMjE5IDE0LjY1OTZDMS4wOTE3MyAxMy42Njc2IDEgMTIuMzc5OCAxIDEwLjY5MjNDMSAxMC4xMjQ4IDEuMDEwMzEgOS42MDAzOCAxLjAzMjc3IDkuMTE1MzRIMTUuNTgyNkMxNS42MDUxIDkuNjAwMzggMTUuNjE1NCAxMC4xMjQ4IDE1LjYxNTQgMTAuNjkyM0MxNS42MTU0IDExLjI1MSAxNS42MDU0IDExLjc2ODEgMTUuNTgzNiAxMi4yNDY5QzE1LjMzMzkgMTIuMjU1OSAxNS4wNSAxMi4yNzY2IDE0Ljc0NjIgMTIuMzE2OEMxMy43MTg5IDEyLjQ1MjggMTIuMzkzOCAxMi44MjIyIDExLjQxNTcgMTMuODAwMkMxMC40Mzc2IDE0Ljc3ODMgMTAuMDY4MiAxNi4xMDM0IDkuOTMyMjEgMTcuMTMwOFoiIGZpbGw9IiM0NDQ0NDQiLz4KPC9nPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

i.comments-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ik1lc3NhZ2UgQWxpZ24gUmlnaHQgIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTkgMC41QzEwLjg0MzkgMC41IDEyLjI5NDggMC41ODM0NjUgMTMuNDM4NSAwLjgwMzVDMTQuNTc5NyAxLjAyMzA1IDE1LjM3NzcgMS4zNzE4MSAxNS45NDg3IDEuODc1MUMxNy4wODYgMi44Nzc1NyAxNy41IDQuNjUzMTIgMTcuNSA4LjAwMDAxQzE3LjUgMTAuMTYzIDE3LjMwODIgMTEuODA2NSAxNi43NTY4IDEyLjg5OTlDMTYuNDg4MSAxMy40MzI3IDE2LjEzOTcgMTMuODIyNSAxNS42OTE3IDE0LjA4MzdDMTUuMjQwOCAxNC4zNDY2IDE0LjY1MzMgMTQuNSAxMy44NzUyIDE0LjVDMTIuOTUzNCAxNC41IDEyLjI4MzcgMTQuNzA2MyAxMS43Njk0IDE1LjA1NDhDMTEuMjY0MSAxNS4zOTcyIDEwLjk1NDggMTUuODQ3OCAxMC43MTA4IDE2LjIzMThDMTAuNjc0NyAxNi4yODg1IDEwLjY0MDQgMTYuMzQzMSAxMC42MDc1IDE2LjM5NTVDMTAuNDAyNSAxNi43MjE1IDEwLjI0ODEgMTYuOTY3MiAxMC4wMzQxIDE3LjE1OTFDOS44MTkxMiAxNy4zNTIxIDkuNTI2NjYgMTcuNSA5LjAwMDIgMTcuNUM4LjQ3Mzc3IDE3LjUgOC4xODEzMiAxNy4zNTIgNy45NjYyOSAxNy4xNTkxQzcuNzUyMzYgMTYuOTY3MSA3LjU5Nzk0IDE2LjcyMTUgNy4zOTI5NyAxNi4zOTU1QzcuMzYgMTYuMzQzIDcuMzI1NzEgMTYuMjg4NSA3LjI4OTY2IDE2LjIzMThDNy4wNDU1NSAxNS44NDc3IDYuNzM2MjkgMTUuMzk3MiA2LjIzMDk1IDE1LjA1NDhDNS43MTY2MiAxNC43MDYzIDUuMDQ3MDEgMTQuNSA0LjEyNTE4IDE0LjVDMy4zNDk2OCAxNC41IDIuNzYzMzMgMTQuMzQyMyAyLjMxMjU0IDE0LjA3NEMxLjg2Mzc3IDEzLjgwNjkgMS41MTM5OSAxMy40MDkxIDEuMjQ0MTkgMTIuODY5NEMwLjY5MTU0OSAxMS43NjQgMC41IDEwLjExODcgMC41IDguMDAwMDFDMC41IDQuNjk0NjQgMC45MTMyNDggMi45MTYyIDIuMDUyODcgMS45MDMyMUMyLjYyNDg2IDEuMzk0NzcgMy40MjM3MiAxLjAzOTMzIDQuNTYzOTMgMC44MTQwODNDNS43MDY4MyAwLjU4ODMwMyA3LjE1NzE1IDAuNSA5IDAuNVoiIHN0cm9rZT0iIzQ0NDQ0NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzciIGQ9Ik05Ljc1IDYuNzVIMTIuNzUiIHN0cm9rZT0iIzQ0NDQ0NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzgiIGQ9Ik01LjI1IDkuNzVIMTIuNzUiIHN0cm9rZT0iIzQ0NDQ0NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

body main.post-single .post-content-section.single-section .featured .meta .right > span {
    gap: 5px;
}

.wp-editor-content {}

.wp-editor-content p {
    margin: 0 0 15px 0;
}



.wp-editor-content ol li {}

.wp-editor-content a {}

/* figure and pictire max-width */
.wp-editor-content img, .wp-editor-content figure img, .wp-editor-content picture img, .wp-editor-content picture {
    max-width: 100%;
    height: auto;
}

img.size-full.wp-image-111.alignleft {}

.wp-editor-content p img.alignleft {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.wp-editor-content p img.alignright {
    float: right;
    margin-left: 30px;
    margin-top: 15px;
}


.wp-editor-content > ul, .wp-editor-content > ol {
    margin: 0 0 15px 0;
    padding: 0 25px 0 25px;
}

.wp-editor-content > ul li, .wp-editor-content > ol li {
    font-weight: 400;
    font-size: 14px;
    line-height: 280%;
    color: #666666;
    display: block;
    padding-right: 28px;
    position: relative;
}

.wp-editor-content > ul li:before {
    content: '\f104';
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 11px;
    line-height: 0;
    color: var(--ayhan-primary-color);
    border: 2px solid;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 10px;
}
.wp-editor-content > ol {
    counter-reset: section;
    list-style-type:none;
    padding-left:0
}
.wp-editor-content > ol li:before {
    counter-increment: section;
    font-weight: 600;
    content: counters(section, ".") "";
    font-size: 11px;
    line-height: 0;
    padding-top: 2px;
    color: var(--ayhan-primary-color);
    border: 2px solid;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    justify-content: center;
    padding-left: 1px;
}
body main.post-single .author-box-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}

body main.post-single .author-box-section .avatar {
    display: flex;
}

body main.post-single .author-box-section .avatar img {
    border-radius: 12px;
    width: 110px;
    height: 110px;
    object-fit: cover;
}

body main.post-single .author-box-section .info {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px; /* 215.385% */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body main.post-single .author-box-section .info h3, body main.post-single .author-box-section .info a {
    margin: 0;
    color: #222;
    font-size: 18px;
    font-weight: 500;
}



/********* COMMENTS */
section.comments-area > div {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 35px;
    /* margin-bottom: 30px; */
}
.ayhan-box-title{
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
/* identical to box height */
    color: #222;
    margin: 0 0 40px 0;
}

@media (max-width: 767px){
    .ayhan-box-title:before {
        right: -25px;
    }
    }

.comments-list ol.comment-list {
    padding: 0;
    margin: 0;
}

.comments-list ol.comment-list li {list-style: none;margin-top: 20px;}

.comments-list ol.comment-list li .comment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.comments-list ol.comment-list li .comment-info .comment-author {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.comments-list ol.comment-list li .comment-info .comment-author .meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.comments-list ol.comment-list li .comment-info .comment-author .avatar {
    display: flex;
    border-radius: 9px;
    margin-left: 10px;
}

.comments-list ol.comment-list li .comment-info .comment-author .meta > a {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #888888;
}

.comments-list ol.comment-list li .comment-info .comment-author .meta > b, .comments-list ol.comment-list li .comment-info .comment-author .meta > b a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #555555;
}

.comments-list ol.comment-list li .comment-info .comment-btns a {
    background: var(--ayhan-primary-color);
    border-radius: 9px;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    padding: 4px 15px;
    transition: 0.3s;
}

.comments-list ol.comment-list li .comment-content {
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    padding: 15px 25px;
    position: relative;
}

.comments-list ol.comment-list li .comment-content, .comments-list ol.comment-list li .comment-content * {
    margin: 0;
    font-size: 14px;
    line-height: 280%;
    color: #888888;
}
.comments-list ol.comment-list li .comment-content em.comment-awaiting-moderation {
    display: block;
}
.comments-list ol.comment-list li ol.children {
    padding-right: 100px;
    position: relative;
}

ol.children .comment-content:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1Xzg2KSI+CjxwYXRoIGQ9Ik01LjYxMDk0IDE0LjdMMC4zNjA5MzcgOS44MjVDLTAuMTE4NTk2IDkuMzc5NjkgLTAuMTE4NTk2IDguNjIwNzggMC4zNjA5MzcgOC4xNzU0N0w1LjYxMDk0IDMuMzAwNDdDNS45MzgzMSAyLjk5NjUzIDYuNDE1NzggMi45MTUyIDYuODI1OTQgMy4wOTM5NEM3LjIzNjA5IDMuMjcyNjcgNy41IDMuNjc3MzQgNy41IDQuMTI1TDcuNSA3LjVMMjAuMjUgNy41QzIwLjY2MyA3LjUgMjEgNy4xNjI1IDIxIDYuNzVMMjEgMS41QzIxIDAuNjcxNzE5IDIxLjY3MDggLTEuMDE4MTNlLTA3IDIyLjUgLTYuNTU2NzFlLTA4QzIzLjMyOTIgLTIuOTMyMDhlLTA4IDI0IDAuNjcxNzE5IDI0IDEuNUwyNCA2Ljc1QzI0IDguODE3MTkgMjIuMzE4MSAxMC41IDIwLjI1IDEwLjVMNy41IDEwLjVMNy41IDEzLjg3NUM3LjUgMTQuMzIyNSA3LjIzNDg3IDE0LjcyNzcgNi44MjQ1MyAxNC45MDYyQzYuNDE0MTkgMTUuMDg0OCA1LjkzOTA2IDE1LjAwNDcgNS42MTA5NCAxNC43WiIgZmlsbD0iI0M0QzRDNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1Xzg2Ij4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQpIHJvdGF0ZSg5MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    top: calc(50% - 9px);
    width: 24px;
    height: 18px;
}

form.comment-form input, form.comment-form textarea {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 20px;
/* identical to box height */
    text-align: right;
    color: #888888;
}
form.comment-form p{
    margin: 0;
}
form.comment-form input:focus, form.comment-form textarea:focus {
    box-shadow: none;
    outline: none;
}

form.comment-form textarea {
    padding: 18px 22px;
}

form.comment-form .comment-form-comment {
    display: flex;
    margin: 0 0 26px 0;
}

form.comment-form .comment-form-comment textarea {
    width: 100%;
    border-right: 2px solid var(--ayhan-primary-color);
}

form.comment-form .comment-inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form.comment-form .comment-inputs p {
    margin: 0 0 0 26px;
    display: flex;
    width: 100%;
}

form.comment-form .comment-inputs p input {
    width: 100%;
    border-right: 2px solid var(--ayhan-primary-color);
}

form.comment-form .comment-inputs p:last-child {
    margin: 0;
}

form.comment-form .comment-form-cookies-consent label {
    font-size: 14px;
    line-height: 2;
    text-align: right;
    color: #666666;
    user-select: none;
}

form.comment-form .comment-form-cookies-consent {
    margin: 25px  0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

form.comment-form .comment-form-cookies-consent input {
    margin: 0 0 0 7px;
    position: relative;
    width: 18px;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

form.comment-form .comment-form-cookies-consent input:before {
    content: '';
    border: 2px solid var(--ayhan-primary-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    position: absolute;
}

form.comment-form .comment-form-cookies-consent input:checked:after {
    content: '';
    background-color: var(--ayhan-primary-color);
    border-radius: 2px;
    width: 8px;
    height: 8px;
    position: absolute;
}

form.comment-form input.submit {
    background: var(--ayhan-primary-color);
    border-radius: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 8px 25px;
    cursor: pointer;
    border: unset !important;
}

form.comment-form input.submit:hover {
    background: #666;
}

form.comment-form .form-submit {
    margin: 0;
}
.comment-reply-title.ayhan-box-title {
    margin: 0 0 25px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.comments-list ol.comment-list li .comment-respond {
    margin: 35px 0 60px 0;
    border: 2px solid #eee;
    padding: 35px;
    border-radius: 12px;
}

a#cancel-comment-reply-link {
    background: var(--ayhan-primary-color);
    border-radius: 9px;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    padding: 4px 12px 4px 15px;
    margin-right: 15px;
    font-weight: 300;
    line-height: 1.5;
}
.comments-list ol.comment-list li:last-child:not(.parent) .comment-respond {
    margin-bottom: 0;
}
.comments-list ol.comment-list li .comment-btns {
    display: flex;
    align-items: center;
}

.comments-list ol.comment-list li .comment-btns .edit-link {
    margin-left: 10px;
}

.comments-list ol.comment-list li .comment-btns .edit-link a.comment-edit-link {
    background: #ddd;
    color: #444;
}

.comments-list ol.comment-list li .comment-info .comment-btns a:hover {
    background: #222;
    color: #fff;
}
form.comment-form .info-text, form.comment-form .info-text a {
    font-weight: 400;
    font-size: 14px;
    line-height: 280%;
    color: #666666;
    margin-bottom: 15px;
    text-decoration: none;
}

form.comment-form .info-text a.link {
    color: var(--ayhan-primary-color);
    background-color: #eee;
    padding: 3px 10px;
    border-radius: 6px;
    margin: 0 5px;
}
.comment-reply-title small {
    display: inline-flex;
    align-items: center;
}


@media (max-width: 767px){
    .post-single-header h1.entry-title {
        font-size: 28px;
        font-weight: 800;
    }
    
    .comments-list ol.comment-list li ol.children {
        padding-right: 45px;
    }
    
    form.comment-form .comment-inputs {
        flex-direction: column;
        align-items: center;
    }
    
    form.comment-form .comment-inputs p {
        margin: 0 0 15px 0;
    }
    
    form.comment-form .comment-form-cookies-consent {
        display: flex;
        align-items: flex-start;
    }
    
    form.comment-form .comment-form-cookies-consent input {
        margin: 14px 0 0 7px;
    }
    .comments-list ol.comment-list li .comment-info {
        flex-direction: column;
        align-items: stretch;
    }
    
    .comments-list ol.comment-list li .comment-btns {display: flex;justify-content: space-between;}
    
    .comments-list ol.comment-list li .comment-btns:before {
        content: '';
        width: calc(100% - 70px);
        height: 6px;
        border-bottom: 1px dashed #ddd;
    }
    section.comments-area > div {
        padding: 25px;
    }
    }



/*** sidebar widgets  ***/
.sidebar-col > .widget, .sidebar-col .elementor-widget {
    border-radius: 12px;
    background: #FFF;
    padding: 30px 25px 30px 25px;
    position: relative;
}



.sidebar-col > .widget:before, .sidebar-col .elementor-widget:before {
    content: '';
    height: 50px;
    width: 100%;
    background-color: #ebebed;
    position: absolute;
    top: -7px;
    left: 0;
    border-radius: 12px;
    -moz-transform: skewY(2deg);
    -webkit-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    z-index: 1 !important;
}

.sidebar-col > .widget:after, .sidebar-col .elementor-widget:after {
    content: '';
    height: 60px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 12px;
    -moz-transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-2deg);
    z-index: 1 !important;
}

.sidebar-col > .widget > *, .sidebar-col .elementor-widget * {
    position: relative;
    z-index: 2;
}

.sidebar-col .widget .widget-title:before, .sidebar-col .elementor-widget .elementor-widget-container > h5:before {
    content: '';
    width: 16px;
    height: 2px;
    display: inline-block;
    background: #dadada;
    border-radius: 10px;
}
.sidebar-col .widget:hover .widget-title:before, .sidebar-col .elementor-widget:hover .elementor-widget-container > h5:before {
    background: var(--ayhan-primary-color);
}










/*** single responsive ****/
@media (max-width: 1024px){
.ayhan-flex-row, body main.main-max {
    flex-direction: column;
}


body main.post-single .sidebar-col, body main.post-single .main-col {
    width: 100%;
}
}
.sidebar-col > .widget:after {
    height: 80px;
}
@media (max-width: 1024px) and (min-width: 768px){
.sidebar-col > .widget:before, .sidebar-col > .widget:after {
    -moz-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
}
}


@media (max-width: 768px){
body main.post-single .author-box-section {
    display: flex;
    flex-direction: column;
}
    body main.post-single .post-content-section.single-section .featured > img {
    min-height: 300px;
}
}




/**********************************************/
/*******           BREADCRUMBS           ******/
/**********************************************/
.ayhan-breadcrumb .box {
    background: #FFFFFF;
    border-radius: 12px;
    width: 100%;
}

.ayhan-breadcrumb .box, .ayhan-breadcrumb * {
    font-weight: 400;
    font-size: 14px;
    color: #D3D3D3;
    transition: 0.3s;
}

.ayhan-breadcrumb a {
    color: #9D9D9D;
    margin: 0 5px;
}

.ayhan-breadcrumb {
    align-items: center;
    display: flex;
    max-width: var(--ayhan-container-max-width);
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0px 35px;
    margin-top: 30px;
}
.ayhan-breadcrumb .box {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px 35px 15px 65px;
    border-right: 3px solid var(--ayhan-primary-color);
    position: relative;
}
.ayhan-breadcrumb .box:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTVDMSAxOC4wNjUzIDEuMTY1NTUgMjAuNDYwMyAxLjU4Mjg2IDIyLjMzOEMxLjk5NzY1IDI0LjIwNDQgMi42NDc3NSAyNS40OTc5IDMuNTc0OTIgMjYuNDI1MUM0LjUwMjA5IDI3LjM1MjMgNS43OTU2MSAyOC4wMDIzIDcuNjYxOTkgMjguNDE3MUM5LjUzOTcyIDI4LjgzNDQgMTEuOTM0NyAyOSAxNSAyOUMxOC4wNjUzIDI5IDIwLjQ2MDMgMjguODM0NCAyMi4zMzggMjguNDE3MUMyNC4yMDQ0IDI4LjAwMjMgMjUuNDk3OSAyNy4zNTIzIDI2LjQyNTEgMjYuNDI1MUMyNy4zNTIzIDI1LjQ5NzkgMjguMDAyMyAyNC4yMDQ0IDI4LjQxNzEgMjIuMzM4QzI4LjgzNDQgMjAuNDYwMyAyOSAxOC4wNjUzIDI5IDE1QzI5IDExLjkzNDcgMjguODM0NCA5LjUzOTcyIDI4LjQxNzEgNy42NjE5OUMyOC4wMDIzIDUuNzk1NjEgMjcuMzUyMyA0LjUwMjA5IDI2LjQyNTEgMy41NzQ5MkMyNS40OTc5IDIuNjQ3NzUgMjQuMjA0NCAxLjk5NzY1IDIyLjMzOCAxLjU4Mjg2QzIwLjQ2MDMgMS4xNjU1NSAxOC4wNjUzIDEgMTUgMUMxMS45MzQ3IDEgOS41Mzk3MiAxLjE2NTU1IDcuNjYxOTkgMS41ODI4NkM1Ljc5NTYxIDEuOTk3NjUgNC41MDIwOSAyLjY0Nzc1IDMuNTc0OTIgMy41NzQ5MkMyLjY0Nzc1IDQuNTAyMDkgMS45OTc2NSA1Ljc5NTYxIDEuNTgyODYgNy42NjE5OUMxLjE2NTU1IDkuNTM5NzIgMSAxMS45MzQ3IDEgMTVaIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDExSDIxTTkgMTVIMjFNOSAxOUgyMSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 25px;
    top: calc(50% - 15px);
}


.ayhan-breadcrumb a:hover {
    color: var(--ayhan-primary-color);
}
.ayhan-breadcrumb a:first-child {
    margin-right: 0;
}

.ayhan-breadcrumb .title {
    margin-right: 5px;
}

@media (max-width: 768px){
body:not(.elementor-page) main.main-max{
    padding: 25px 15px;
}
.ayhan-breadcrumb{
    padding: 0px 15px;
}
}
.sidebar-col .sticky {
    position: sticky !important;
    top: 30px;
}
.search-no-content p {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #222;
}

.search-no-content form.search-form {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
}

.search-no-content {
    padding: 35px 35px;
}

input.search-field {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #888888;
    padding: 13px 15px;
    width: 100%;
}

input.search-submit {
    background-color: var(--ayhan-primary-color);
    border: none;
    color: #fff;
    width: 100%;
    height: 35px;
    border-radius: 12px;
    cursor: pointer;
    margin-top: 5px;
    transition: 0.3s;
}
input.search-submit:hover {
    background-color: #222;
}

form.search-form {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 500px;
    margin: auto;
    flex-direction: column;
}

form.search-form label {
    width: 100%;
}
@media (max-width: 767px) {
    .ayhan-page-title {
        font-weight: 600;
        font-size: 14px;
    }
}



.ayhan-404-page .error-code {
    display: flex;
    font-size: 150px;
    line-height: 140px;
    color: #333;
    /* margin-bottom: 20px; */
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);
    justify-content: center;
  }
  
  .ayhan-404-page .error-body .btn {
    font-weight: 400;
  }
  
  .ayhan-404-page {
      text-align: center;
      padding: 80px 0;
  }
  
  .ayhan-404-page .btn {
      background-color: var(--ayhan-primary-color);
      color: #fff;
      padding: 10px 25px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
  }
.ayhan-404-page .btn:hover {
    background-color: #222;
}
  
.ayhan-404-page .error-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
}


@media (max-width: 500px) {

.ayhan-404-page .error-code {
    font-size: 100px;
}

}

.archive-grid article.post .image span.post-format-icon {
        position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    z-index: 1;
    padding-left: 2px;
    transition: 0.5s;
}

.archive-grid article.post .image span.post-format-icon.post-is-video {
    /* width: 30px; */
    /* height: 30px; */
    /* padding-left: 2px; */
    /* padding-top: 1px; */
    /* padding-bottom: 1px; */
}
body main.post-single .post-content-section.single-section .featured video {
    width: 100%;
    height: auto;
    padding-bottom: 80px;
    background: #000;
    border-radius: 12px;
}
body main.post-single .post-content-section.single-section .featured video:fullscreen {
    padding-bottom: unset;
    border-radius: unset;
}


@media (max-width: 767px) {
    body main.post-single .post-content-section.single-section .featured video {
        padding-bottom: 140px;
    }
}
body main.post-single .post-content-section.single-section > audio {
    width: 100%;
    margin-bottom: 25px;
}






/*** page templates ***/
.page-box-sidebar-template.main-max .ayhan-flex-row {
    display: flex;
    flex-direction: row;
}

body main.page-box-sidebar-template .main-col {
    width: 77%;
}

body main.page-box-sidebar-template .sidebar-col {
    width: 23%;
    display: flex;
    width: 23%;
    flex-direction: column;
    gap: 40px;
}


@media (max-width: 767px) {
.main-max .ayhan-flex-row {
    flex-direction: column;
}

body main.page-box-sidebar-template .main-col {
    width: 100%;
}

body main.page-box-sidebar-template .sidebar-col {
    width: 100%;
    /* display: none; */
}
}














/***** swiper slider default styles ******/
.ayhan-slider:not(.auto-height) .swiper-wrapper {
    align-items: stretch !important;
}

.ayhan-slider:not(.auto-height) .swiper-slide {
    height: auto !important;
}


.swiper-nav .ayhan-swiper-arrow {
    background: #fff;
    width: 40px;
    height: 60px;
    position: absolute;
    z-index: 999999999;
    top: calc(50% - 30px);
    box-shadow: 0 0 15px 0 #0000001f;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-nav .ayhan-swiper-arrow, .swiper-nav .ayhan-swiper-arrow:before, .swiper-nav .ayhan-swiper-arrow * {
    transition: 0.3s;
}

.swiper-nav .ayhan-swiper-arrow.swiper-prev {
    right: 0;
    border-radius: 50px 0 0 50px;
}

.swiper-nav .ayhan-swiper-arrow.swiper-next {
    left: 0;
    border-radius: 0 50px 50px 0;
    user-select: none;
}

.swiper-nav .ayhan-swiper-arrow:before {
    /* content: "\f078"; */
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 19px;
    color: #222;
}

.swiper-nav .ayhan-swiper-arrow.swiper-next:before {
    content: "\f104";
    padding-right: 7px;
}
.swiper-nav .ayhan-swiper-arrow.swiper-prev:before {
    content: "\f105";
    padding-left: 7px;
}

.swiper-nav .ayhan-swiper-arrow:hover:before {
    color: #ffffff;
}

.swiper-nav .ayhan-swiper-arrow:hover {
    background-color: var(--ayhan-primary-color);
    /* height: 100%; */
    /* top: 0; */
    /* border-radius: 0; */
}

.ayhan-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
    gap: 5px;
}

.ayhan-swiper-pagination, .ayhan-swiper-pagination * {
    transition: 0.3s;
}

.ayhan-swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: #D6D6D6;
    border-radius: 30px;
    opacity: 1;
    margin: 0 !important;
}

.ayhan-swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--ayhan-primary-color);
    width: 20px;
}

.ayhan-slider.nav-on-hover .swiper-nav .ayhan-swiper-arrow.swiper-prev {
    right: -100px;
}

.ayhan-slider.nav-on-hover:hover .swiper-nav .ayhan-swiper-arrow.swiper-prev {
    right: 0;
}

.ayhan-slider.nav-on-hover .swiper-nav .ayhan-swiper-arrow.swiper-next {
    left: -100px;
}

.ayhan-slider.nav-on-hover:hover .swiper-nav .ayhan-swiper-arrow.swiper-next {
    left: 0;
}

.ayhan-slider .article.swiper-slide {
    user-select: none;
}







/*  maintenance mode */
.maintenance-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.maintenance-content .maintenance-img img {
    max-height: 300px;
}








/* width */
.swiper.loading::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
  
/* Track */
.swiper.loading::-webkit-scrollbar-track {
    width: 0px;
    height: 0px;
}
  
/* Handle */
.swiper.loading::-webkit-scrollbar-thumb {
    background:transparent;
}








/*     this is for dark version of theme      */
/**********************************************/
/*******    D  A  R  K  -  M  O  D  E    ******/
/**********************************************/





.swiper.loading {
    overflow: auto;
}






body.dark_mode .sidebar-col .widget.widget_search input.search-field, body.dark_mode .sidebar-col .elementor-widget .search-field {
    background: #19191b;
    border: 1px solid #19191b;
}

body.dark_mode .sidebar-col > .widget:after, body.dark_mode .sidebar-col .elementor-widget:after {
    background-color: #232328;
}

body.dark_mode .sidebar-col > .widget:before, body.dark_mode .sidebar-col .elementor-widget:before {
    background: #111;
}
body.dark_mode .swiper-nav .ayhan-swiper-arrow {background-color: #000;color: #fff;}

body.dark_mode .swiper-nav .ayhan-swiper-arrow:before {
    color: #fff;
}
body.dark_mode .swiper-nav .ayhan-swiper-arrow:hover {
    background-color: var(--ayhan-primary-color);
}


body.dark_mode .ayhan-breadcrumb .box {
    background-color: #232328;
}

body.dark_mode main.post-single .single-section {
    background-color: #232328;
}

body.dark_mode main.post-single .head .title .entry-title {
    color: #fff;
}

body.dark_mode main.post-single .post-content-section.single-section .featured .meta:after {
    background-color: #232328;
}

body.dark_mode main.post-single .post-content-section.single-section .featured .meta:before {
    background-color: #111;
}

body.dark_mode main.post-single .post-content-section.single-section .featured .meta .right > span, body.dark_mode main.post-single .post-content-section.single-section .featured .meta .right > span a {
    color: #ddd;
}

body.dark_mode .wp-editor-content {
    color: #ddd;
}

body.dark_mode .wp-editor-content > ul li, body.dark_mode .wp-editor-content > ol li {
    color: #ddd;
}

body.dark_mode main.post-single .post-content-section.single-section .tags {
    border-color: #444;
}

body.dark_mode main.post-single .post-content-section.single-section .tags .tag-links a {
    background-color: #19191b;
    color: #ddd;
}

body.dark_mode main.post-single .post-content-section.single-section .tags .tag-links a:hover {
    background-color: var(--ayhan-primary-color);
    color: #fff;
}

body.dark_mode main.post-single .post-content-section.single-section .tags .title {
    color: #ddd;
}

body.dark_mode main.post-single .author-box-section .info h3, body.dark_mode main.post-single .author-box-section .info a {
    color: #fff;
}

body.dark_mode main.post-single .author-box-section .info {
    color: #ddd;
}


body.dark_mode .ayhan-page-title {
    background: #232328;
    color: #fff;
}

body.dark_mode .archive-grid article.post {
    background: #232328;
}

body.dark_mode .archive-grid article.post .content .entry-title {
    border-color: #444;
}

body.dark_mode .archive-grid article.post .content .entry-title a {
    color: #fff;
}
body.dark_mode .ayhan-404-page .error-body, body.dark_mode .ayhan-404-page .error-message {
    color: #ddd;
}

body.dark_mode .ayhan-404-page .error-code {
    color: #fff;
}
body.dark_mode main.page-box-template .page-content, body.dark_mode main.page-box-sidebar-template .page-content {
    background: #232328;
}