/*
Theme Name: Voxartistica
Description: Voxartistica.com icin ozel olarak duzenlenmistir.
Author: Wolinka
Author URL: https://wolinka.com.tr
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    -webkit-font-smoothing: auto; /* Webkit tabanlı tarayıcılarda varsayılan değere döndürür */
    -moz-osx-font-smoothing: auto; /* Mozilla tabanlı tarayıcılarda varsayılan değere döndürür */
}

figure img {
	margin-bottom: 20px;
}

figcaption {
	color: #555555;
	font-size: 16px;
	font-style: italic;
	line-height: 1.45;
	margin-top: -10px!important;
}

blockquote {
	color: #000;
    font-family : 'Forum', serif;
    font-weight : 400 ;
    font-style : normal ;
    font-size : 24px ;
    margin: 1em auto;
    padding: 1.25em 2em 1.25em;
    line-height: 1.5;
    border-left: inherit;
}

blockquote:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    content: '';
    display: block;
    width: 50px; /* SVG genişliği */
    height: 50px; /* SVG yüksekliği */
    background-image: url('assets/img/quotation-mark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

blockquote p {
	margin-bottom: 0;
}

blockquote cite {
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal;
    text-align: inherit;
    font-weight: normal;
    margin-top: 1.5em;
}

blockquote cite:before {
    content: "—";
    margin-right: 0.5em;
}

#logo img {
    max-height: 100px;
    margin-top: 6px;
}

img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/*
	Wlnk Grid - Header Posts
*/
[class*="wlnk-col-"] {
	padding-right: 15px;
	padding-left: 15px;
}

.wlnk-col-1 {
	flex: 0 0 20%;
	max-width: 20%;
}

.wlnk-col-2 {
	flex: 0 0 40%;
	max-width: 40%;
}

.wlnk-col-3 {
	flex: 0 0 60%;
	max-width: 60%;
}

.wlnk-col-4 {
	flex: 0 0 80%;
	max-width: 80%;
}

.wlnk-col-5 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (max-width: 768px) {
	.wlnk-col-1, .wlnk-col-2, .wlnk-col-3, .wlnk-col-4, .wlnk-col-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 850px) {
	.wlnk-col-1 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.wlnk-col-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 850px) {
    .medium-col-first {
        order: -1;
    }
}

/*
	Custom Font
*/
.first-font {
    font-family: 'EB Garamond', serif;
}

.second-font {
	font-family: 'Marcellus SC', serif;
}

.third-font {
	font-family: 'Forum', serif;
}

.fourth-font {
	font-family: 'Urbanist', sans-serif;
	font-weight: 400;
}

.fourth-font-600 {
	font-family: 'Urbanist', sans-serif;
	font-weight: 600;
}

.fourth-font-700,
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: 'Urbanist', sans-serif;
	font-weight: 700;
}

/* --------------------------------------------- */
/* Keşfet menu item highlight                     */
/* --------------------------------------------- */
@media screen and (min-width: 850px) {
	.nav > li.menu-kesfet > a {
		background-color: #b30017!important;
		color: #fff !important;
		font-weight: 600;
		padding: 6px 12px!important;
		border-radius: 3px;	
		transition: all 0.3s ease-out;
	}

	.header-wrapper .header-bottom .header-bottom-nav > li.menu-kesfet > a:hover {
		background: #000!important;
		color: #fff !important;
		padding: 6px 12px!important;
		transition: all 0.3s ease-out;
	}

	.nav > li.menu-kesfet:hover > a,
	.nav > li.menu-kesfet.current-menu-item > a {
		background: #000!important;
		color: #fff!important;
	}

	/* Keep nav spacing consistent */
	.nav > li.menu-kesfet {
		margin-left: 6px;
	}
}
/*
	Custom Font Size
*/
.font-size-60 {
	font-size: 60px;
}

@media only screen and (max-width: 600px) {
    .font-size-60 {
        font-size: 1.5em;
    }
}

.font-size-48 {
	font-size: 48px;
}

.font-size-42 {
	font-size: 42px;
}

.font-size-32 {
	font-size: 32px;
}

.font-size-30 {
	font-size: 30px;
}

.font-size-26 {
	font-size: 26px;
}

.font-size-24 {
	font-size: 24px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-21 {
	font-size: 21px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-19 {
	font-size: 19px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-16 {
	font-size: 16px;
}

.font-size-14 {
	font-size: 14px!important;
}

.font-size-12 {
	font-size: 12px;
}


/*
	Custom Color
*/

.first-color {
	color: #B30017;
}

.second-color {
	color: #000;
}

.third-color {
	color: #6d6d6d;
}

.fourth-color {
	color: #4c4c4c;
}

.fifth-color {
	color: #111;
}

/*
	Custom Margin
*/
.mt-5 {
	margin-top: 5px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mt-8 {
	margin-top: 8px!important;
}

.mb-8 {
	margin-bottom: 8px!important;
}

.mt-10 {
	margin-top: 10px!important;
}

.mb-10 {
	margin-bottom: 10px!important;
}

/*
	Custom Line Height
*/
.line-height-18 {
	line-height: 1.8;
}

.line-height-15 {
	line-height: 1.5;
}

.line-height-14 {
	line-height: 1.4;
}

.line-height-13 {
	line-height: 1.3;
}

.line-height-11 {
	line-height: 1.1;
}

/*
	Custom Letter Spacing
*/
.letter-spacing-05 {
	letter-spacing: -0.5px;
}

/*
	Center Title
*/
.center-title {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 26px 0;
    grid-gap: 22px;
}

.center-title:after,
.center-title:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #e1e1e1;
}


/*
	Header
*/
.header-wrapper .header-main .social-icons {
	color: #000;
}

.header-wrapper .header-main .social-icons a.facebook {
	margin-left: 0;
}

.header-wrapper .header-main .social-icons a:hover {
	color: #B30017;
}

.header-wrapper .header-main .searchform input {
	font-family: 'Urbanist', sans-serif;
}

.header-wrapper .header-bottom .header-bottom-nav > li > a {
	padding: 0 15px;
	letter-spacing: 0.5px;
}

.header-wrapper .header-bottom .header-bottom-nav > li > a:hover {
	color: #b30017!important;
}

.header-wrapper .top-divider {
	color: #e0e0e0;
	opacity: 1;
}


/* Masaüstünde sticky olduğunda header-main'i gizle */
@media only screen and (min-width: 850px) {
    .header-wrapper.stuck .header-main {
        display: none;
    }
}

/* Mobilde header-main her zaman görünür olacak (sticky olsa bile) */
@media only screen and (max-width: 850px) {
    .header-main {
        display: block;
    }
}

/*
	Mobile Menu
*/
.off-canvas-right .mfp-content {
	background-color: #fff;
}

.off-canvas-right .mfp-content .nav-vertical input {
	font-family: "EB Garamond", serif;
}

.off-canvas-right .mfp-content .nav-vertical li {
	border: none;
}

.off-canvas-right .mfp-content .nav-vertical li a {
	color: #000;
	font-size: 18px;
	font-family: "Marcellus SC", serif;
	font-weight: 400;
	text-transform: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.off-canvas-right .mfp-content .nav-vertical li a:hover {
	color: #B30017;
}

.off-canvas-right .mfp-content .header-social-icons a {
	margin-right: 15px;
}


/*
	Form
*/

.form-flat input:not([type=submit]),
.form-flat textarea {
	color: #a1a1a1!important;
	background-color: #f0f0f0!important;
	font-size: 16px;
	border-radius: 0!important;
}

.form-flat input:focus,
.form-flat textarea:focus {
	color: #000!important;
    border-color: #e4e4e4!important;
    background: #E0E0E0!important;
    box-shadow: 2px 8px 20px rgba(0,0,0,0.0)!important;
    outline: 0;
}

.form-flat input[type=submit],
.button {
	background-color: #000;
	border-radius: 3px;
	transition: all 0.3s ease-out;
}

.form-flat input[type=submit]:hover,
.button:hover {
	background-color: #B30017;
	border-radius: 3px;
	box-shadow: none;
}

.button-red {
	background-color: #B30017;
	border-radius: 3px;
	transition: all 0.3s ease-out;
}

.button-red:hover {
	background-color: #000;
	border-radius: 3px;
	box-shadow: none;
}

/* Genel placeholder stili */
::placeholder {
  color: #000;
  opacity: 1; /* Varsayılan opaklık */
}

/* WebKit tarayıcıları (Chrome, Safari, Edge, Opera) için */
input::-webkit-input-placeholder {
  color: #000;
    opacity: 1; /* Varsayılan opaklık */
}

/* Firefox için */
input::-moz-placeholder {
  color: #000;
    opacity: 1; /* Varsayılan opaklık */
}

/* Internet Explorer için */
input:-ms-input-placeholder {
  color: #000;
    opacity: 1; /* Varsayılan opaklık */
}

/* Edge için */
input::-ms-input-placeholder {
  color: #000;
    opacity: 1; /* Varsayılan opaklık */
}

/*
	Home
*/
.cat-label a {
	color: #B30017;
    border-bottom: 2px solid transparent;
    display: inline-block;
}

.cat-label a:hover {
	border-color: #B30017;
}

.post-title a,
.recent-blog-posts-li a {
    text-decoration: none;
    text-decoration-color: transparent;
}

.post-title a:hover,
.recent-blog-posts-li a:hover {
    text-decoration: underline;
    text-decoration-color: currentColor;
}

@media (min-width: 851px) and (max-width: 1014px) {
	.hero-left h2 {
		font-size: 1.8em;
	}
}

.box-blog-post-mobile .box-text {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); /* Karartma efekti */
}

.newsletter-title {
	position: relative;
}

.newsletter-title:before {
	position: relative;
	left: -5px;
    content: '';
    display: inline-block;
    width: 22px; /* SVG genişliği */
    height: 22px; /* SVG yüksekliği */
    background-image: url('assets/img/envelope.svg');
    background-size: 22px 22px;
    background-repeat: no-repeat;
}


.home-newsletter .col {
	padding-bottom: 0;
}

.home-newsletter form {
	margin-bottom: 0;
}

.home-newsletter form input[type="submit"]{
	height: 40px;
}

/*
	Breadcrumb
*/
.breadcrumb {
	font-size: 16px;
	line-height: 2;
}

.breadcrumb > li span a:after {
    content: "›";
    color: #B30017;
	padding: 0 10px!important
}

/*
	Page
*/
.entry-content-page h2,
.entry-content-page h3 {
	font-family: 'Marcellus SC', serif;
	font-weight: normal;
}

.entry-content-page p {
	font-size: 21px;
	line-height: 29.4px;
}

.entry-content-page a {
	color: inherit;
	text-decoration: underline;
    transition: all 0.30s ease;
}

.entry-content-page a:hover {
	text-decoration-color: transparent;
}


/*
	Archive
*/
@media only screen and (max-width: 36em) {
	.blog-tag .box-vertical h2 {
		font-size: 1.5em;
	}

	.blog-tag .box-vertical p {
		display: none;
	}
}


/*
	Single
*/
.blog-single .entry-author a {
	color: #111;
    transition: all 0.30s ease;
}

.blog-single .entry-author a:hover {
	color: #6d6d6d;
}

.blog-single .entry-content h2,
.blog-single .entry-content h3,
.blog-single .entry-content h4,
.blog-single .entry-content h5 {
	font-family: 'Marcellus SC', serif;
	font-weight: normal;
}

.blog-single .entry-content p:first-of-type:not(blockquote p)::first-letter,
.blog-single .entry-content p.vox-dropcap::first-letter {
    font-size: 5em;
    float: left;
    line-height: .90;
    margin-right: 8px;
    font-weight: bold;
}

.blog-single .entry-content .wp-block-columns p::first-letter,
.blog-single .entry-content .vox-podcast-dinle-wrapper .vox-podcast-dinle::first-letter {
    font-size: inherit!important;
    float: none!important;
    margin-right: 0!important;
    font-weight: normal!important;
}

.blog-single .entry-content a {
	color: inherit;
	text-decoration: underline;
    transition: all 0.30s ease;
}

.blog-single .entry-content a:hover {
	text-decoration-color: transparent;
}

.blog-single .entry-content .wp-block-embed iframe[src*="youtube.com"],
.blog-single .entry-content .wp-block-embed iframe[src*="youtu.be"] {
	aspect-ratio: 16 / 9;
    height: auto;
}


.blog-single .entry-content .blog-share .social-icons a {
	background-color: #111!important;
	border: inherit;
	margin-right: 5px;
}

.blog-single .entry-tag .tag-list li {
    margin: 0 4px 2px 0;
}

.blog-single .entry-tag .tag-list li a {
	display: block;
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 0 14px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: 'Marcellus SC', serif;
    font-size: 12px;
    border: 0 solid;
    transition: all 0.30s ease-out;
}
.blog-single .entry-tag .tag-list li a:hover {
	color: #999;
}

.blog-single .related-posts h2 {
	padding-bottom: 8px;
}

/*
	Widget
*/
.widget .widget-title {
	display: block;
	font-size: 24px;
	font-weight: 400;
	padding: 10px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.widget .recent-blog-posts a {
	margin-bottom: 0;
}

@media (min-width: 850px) and (max-width: 1014px) {
	.widget .recent-blog-posts {
		align-items: flex-start;
		flex-flow: column;
	}

	.widget .recent-blog-posts .flex-col {
		width: 100%;
	}

	.widget .recent-blog-posts img {
		width: 100%;
		margin-bottom: 10px;
	}
}


.widget .social-icons {
	color: #a7a7a7;
}

.widget .social-icons a {
	font-size: 18px;
	margin-left: .6em;
	margin-right: .6em;
}

.widget .tagcloud {
	margin-top: 15px;
}

.widget .tagcloud a {
	color: #000;
	font-weight: 400;
	line-height: 1.8;
	margin-right: 10px;
}

.widget .tagcloud a:hover {
	color: #B30017;
}

/*
	Footer
*/
.footer-wrapper .absolute-footer {
	padding: 15px 0;
}

.footer-wrapper .absolute-footer.dark {
	color: #fff;
}

.footer-wrapper .absolute-footer .footer-nav {
	font-family: 'Urbanist', sans-serif;
	margin: 15px 0;
}

.footer-wrapper .absolute-footer .footer-nav a {
	color: #fff;
}

.footer-wrapper .absolute-footer .footer-nav a:hover {
	color: #888;
}

.footer-wrapper .absolute-footer .copyright-footer {
	font-family: 'Urbanist',sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

.footer-wrapper .back-to-top {
	background-color: #B30017;
	transition: all 0.3s ease-out;
}


.footer-wrapper .back-to-top:hover {
	background-color: #000;
}

.footer-wrapper .back-to-top .icon-angle-up {
	color: #fff;
}

.grecaptcha-badge {
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}