File "style.scss"

Full Path: /home/ozbarhaber/public_html/wp-content/themes/anka/src/style.scss
File size: 109.24 KB
MIME-type: text/plain
Charset: utf-8

:root {
	--safirWidth: 1150px;
	--contentWidth: 74.3243243243243%;
	--sidebarWidth: 22.972972972973%;
}

.safiricon, .themeicon {
	display: block;
}

.safiricon svg, .themeicon svg {
	display: block;
	fill: currentColor;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.themeicon svg {
	margin: 0;
}

/* SAFİR RESET  */

* {
	outline:0;
	margin:0;
	padding:0;
	vertical-align: bottom;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
	scroll-behavior: smooth;
}

ol {
	list-style-position:inside;
}

ul {
	list-style:none;
	list-style-position:outside;
}

blockquote {
	margin-left: 30px;
	padding-left: 10px;
	border-left: 3px solid #eee;
}

a {
	text-decoration:none;
	color: var(--c1);
}

a:hover {
	text-decoration:none;
	color: #222;
}

a img {
	border:none;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	font-size: 14px;
	font-family: var(--mainFont);
	color: #000;
	background: #efefef;
}

h1 {
	font-size:20px;
}

h2 {
	font-size:19px;
}

h3 {
	font-size:18px;
}

h4, h5, h6 {
	font-size:16px;
}

.reading h1, .reading h2, .reading h3, .reading h4, .reading h5, .reading h6 {
	font-family: var(--headFont);
	color: var(--headColor);
}

input, select, textarea, button {
	font-size: 13px;
	font-family: inherit;
}

iframe {
	max-width: 100%;
}

/* GENERAL CLASSES */

.safir-logo {
	font-weight: bold;
	line-height: 1;
	font-size: 20px;
	color: #333;
}

.safir-logo:hover {
	color: #666;
}

.safir-logo img {
	width: auto;
	height: inherit;
}

.safirCategoryMeta {
	float: left;
	overflow: hidden;
}

.safirCategoryMeta:before, .safirCategoryMeta a:before {
	display: none;
}

.postthumb .safirCategoryMeta {
	display: flex;
	flex-wrap: wrap;
}

.postthumb .safirCategoryMeta a {
	display: block;
	padding: 3px 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	margin: 3px 3px 0 0;
	position: relative;
	background: var(--c1);
}

.shiftBottom {
	margin-bottom: 20px;
}

.topMargin {
	margin-top: 30px;
}

.bottomMargin {
	margin-bottom: 30px;
}

.mainHeading {
	font-family: var(--headFont);
	position: relative;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	padding-bottom: 18px;
}

.mainHeading:after {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0.5;
	background: var(--c1);
}

.mainHeading .title {
	display: inline-block;
	line-height: 20px;
	margin: 6px 0;
	font-weight: bold;
	font-size: inherit;
	color: var(--c1);
}

.mainHeading .icon {
	float: left;
	position: relative;
	margin-right: 10px;
	color: #fff;
	border-radius: 50%;
	padding: 8px;
	background: var(--c1);
}

.mainHeading .icon svg {
	margin: 0;
}

.mainHeading .allLink {
	display: inline-block;
	color: #a2a2a2;
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
	border-left: 1px solid #ededed;
	position: relative;
	line-height: 20px;
	margin: 6px 0 6px 10px;
	transition: all .3s;
}

.mainHeading .allLink:hover {
	color: #333;
}

.homeWidgetContainer.wide .mainHeading {
	background: #dddee0;
	padding: 8px 0;
}

.homeWidgetContainer.wide .mainHeading:after, .mobile .galleryWidget.withHeading .mainHeading:after {
	display: none;
}

.homeWidgetContainer.wide .mainHeading .title {
	color: #4c4f5a;
}

.homeWidgetContainer.wide .mainHeading .allLink {
	border-left: 1px solid #b3b3b3;
}

.pageHeading {
	padding-left: 20px;
	position: relative;
	margin-bottom: 20px;
}

.pageHeading h1, .pageHeading .title {
	font-size: 26px;
	line-height: 1.2;
	color: #333;
}

.pageHeading .inner:before {
	background: var(--c1);
}

.pageHeading:before {
	content: "";
	background: var(--c1);
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.infiniteLink {
	display: none;
}

.safirVideoWrapper {
	padding-bottom: 52.25%;
	margin-bottom: 10px;
	position: relative;
	padding-top: 25px;
	height: 0;
}

.safirVideoWrapper iframe, .safirVideoWrapper embed, .safirVideoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.reading {
	font-size: 17px;
	line-height: 1.8;
	font-family: var(--contentFont);
}

.reading p, .reading li {
	margin-bottom: 10px;
}

.reading ul {
	margin-bottom: 20px;
}

.reading ul li {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 0;
	position: relative;
}

.reading ol li {
	margin-left: 20px;
	list-style-position: inside;
}

.reading>*+* {
	margin-top: 25px;
}

.reading a {
	color: var(--linkColor);
}

.reading .ads {
	margin-bottom: 20px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table td, table th {
	padding: 8px;
	border: 1px solid #e0e0e0;
}

.seperator {
	clear: both;
	margin: 10px 0;
	border-top: 1px solid #ddd;
}

.float {
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.reading iframe, .reading embed {
	max-width:100%;
}

.catDesc {
	line-height: 1.8;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 16px;
	background: #fafafa;
	border-radius: 3px;
}

@media all and (max-width: 1024px) {

	.mainHeading {
		margin-bottom: 20px;
	}

}

@media all and (max-width: 600px) {

	.pageHeading {
		padding-left: 0;
		margin: 10px 0;
	}

	.pageHeading:before {
		display: none;
	}

	.mainHeading {
		margin-bottom: 20px;
	}

}

/* THUMBS */

img.lazy {
	opacity: 0;
	transition: opacity .3s ease-in;
}

.safirthumb {
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: var(--noImageForPost);
	padding-bottom: var(--thumbRatio);
}

.safirthumb.nobg {
	background: transparent;
}

.safirthumb.square {
	padding-bottom: 100%;
}

.safirthumb.half {
	padding-bottom: 50%;
}

.safirthumb:before {
	position: absolute;
	display: block;
	content: "";
}

.safirthumb .thumbnail {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.safirthumb .center {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate(50%,50%);
}

.safirthumb img {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fitImage .safirthumb img {
	object-fit: fill;
}

/* SAFIR METAS */

.safirMetas {
	color: #969aa9;
	font-size: 12px;
	font-weight: 500;
	display: flex;
	flex-wrap: wrap;
}

.safirMetas .meta {
	margin: 10px 12px 0 0;
	line-height: 16px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.safirMetas .meta .themeicon {
	display: block;
}

.safirMetas .meta svg {
	height: 14px;
	width: 14px;
}

.safirMetas .hit {
	min-width: 40px;
}

.safirMetas .hit span {
	display: none;
}

.safirMetas a {
	color: #969aa9;
}

.safirMetas a:hover {
	color: #5b5d68;
}

/* ADS */

.fixedAd {
	z-index: 10;
	display: none;
	top: 266px;
}

.fixedAd.absolute {
	position: absolute;
}

.fixedAd.fixed {
	position: absolute;
}

.ads {
	text-align: center;
}

.postAd {
	height: 100%;
}

/* TOPBAR */

#topbar {
	border-bottom: 1px solid #f3f3f3;
	position: relative;
	z-index: 60;
}

#topmenu {
	float: left;
	font-weight: 500;
	font-size: 12px;
}

#topmenu .sub-menu {
	display: none;
}

#topmenu ul {
	padding: 10px 0;
	overflow: hidden;
}

#topmenu li {
	display: inline-block;
	line-height: 20px;
	margin-right: 20px;
}

#topmenu a {
	color: #969aa9;
	transition: all .3s;
	display: flex;
	align-items: center;
}

#topmenu a:hover {
	color: #000;
}

#topmenu li .icon svg {
	width: 14px;
	height: 14px;
}

#topsearch {
	float: right;
	width: 220px;
	position: relative;
}

#topsearch form {
	background: #fff;
	position: relative;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}

#topsearch input[type=text] {
	background: #fff;
	display: block;
	border: 0;
	height: 40px;
	line-height: 30px;
	padding: 5px 40px 5px 10px;
	color: #333;
}

#topsearch button {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	padding: 10px;
	background: #f3f3f3;
}

#topsearch button svg {
	width: 12px;
	height: 12px;
	margin: 4px;
}

.searchTerms {
	display: none;
	position: absolute;
	background: #fafafa;
	padding: 5px;
	width: 100%;
	left: 0;
	font-weight: bold;
	border: 1px solid #f3f3f3;
}

.searchTerms span {
	line-height: 1;
	display: block;
	float: left;
	background: #f0f0f0;
	color: #444;
	padding: 6px;
	border-radius: 4px;
	margin: 5px;
	cursor: pointer;
}

.searchTerms span:hover {
	color: #000;
}

@media all and (max-width:1024px) {

	#topbar {
		display: none;
	}

	.searchTerms {
		border-width: 3px;
		border-left: 0;
		border-right: 0;
	}

	.searchTerms span {
		padding: 8px;
		margin: 8px;
		font-size: 16px;
	}

}

/* CURRENCY */

#currency {
	display: inline-table;
	vertical-align: middle;
	text-align: left;
}

#currency .item:first-child {
	margin-left: 0;
}

#currency .items .item {
	margin-left: 30px;
}

.items.currency {
	display: flex;
}

.items.currency.clone {
	display: none;
}

.items.currency .item {
	line-height: 1;
	min-width: 90px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.currency.items .item .icon svg {
	width: 30px;
	height: 30px;
	margin: 2px;
	color: #848792;
}

.currency.items .item .info .top {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 5px;
}

.currency.items .item .title {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	color: #969aa9;
}

.currency.items .item .value {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #636881;
}

.currency.items .item .top svg {
	width: 8px;
	height: 8px;
}

.currency.items .item .themeicon-up {
	color: #35b42b;
}

.currency.items .item .themeicon-down {
	color: #e71434;
}

@media all and (max-width:1024px) {

	#currency {
		float: left;
		width: 50%;
		margin: 10px 0;
	}

	#currency .items.currency {
		display: none;
	}

	#currency .items.currency.clone {
		display: flex;
	}

	#currency .items.currency.clone {
		display: block;
		text-align: center;
	}

	#currency .items.currency.clone .item {
		display: none;
		margin: 0;
	}

	#currency .items.currency.clone .item:first-child {
		display: inline-flex;
	}

	#currency .items.currency.clone .item .value {
		text-align: left;
	}

}

@media all and (max-width:500px) {

	#currency {
		width: 150px;
	}

}

@media all and (max-width:380px) {

	#currency {
		width: 120px;
	}

}

/* WEATHER */

#weather {
	height: 52px;
	margin-left: 30px;
	position: relative;
	z-index: 40;
	display: inline-table;
	vertical-align: middle;
	background: #f9f9f9;
	padding: 10px;
	border-radius: 3px;
}

#weather .weatherDataWidget {
	display: none;
}

#weather .loading {
	display: none;
	min-width: 170px;
	height: 32px;
	text-align: center;
}

#weather .cities {
	display: none;
	position: absolute;
	text-align: left;
	width: 100%;
	top: 50px;
	left: 0;
	height: 280px;
	overflow: scroll;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 0 0 3px 3px;
	color: #333;
}

#weather .cities span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 0 10px;
	line-height: 39px;
	cursor: pointer;
	border-bottom: 1px solid #f3f3f3;
	transition: all .3s;
}

#weather .cities span:hover {
	background: #f8f8f8;
}

#weather .icon {
	float: left;
	margin: 2px 0 2px 8px;
}

#weather .icon svg {
	height: 28px;
	width: 28px;
	color: #636881;
}

#weather .data {
	position: relative;
	opacity: 0;
}

#weather .degree {
	float: left;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #636881;
	position: relative;
	padding-right: 18px;
	letter-spacing: -2px;
	height: 32px;
}

#weather .degree span {
	font-size: 15px;
	position: absolute;
	top: 3px;
	right: 0;
	line-height: 1;
	letter-spacing: 0;
}

#weather .info {
	float: left;
	text-transform: uppercase;
	padding-right: 6px;
	text-align: right;
}

#weather .info .city {
	margin-top: 2px;
	line-height: 16px;
	white-space: nowrap;
	color: #636881;
	font-weight: 600;
	font-size: 12px;
}

#weather .info .situation {
	font-size: 11px;
	line-height: 11px;
	white-space: nowrap;
	color: #737580;
}

#weather .weatherIcon {
	float: right;
}

#weather .content {
	float: left;
}

#weather .cityListOpen {
	float: right;
	height: 32px;
	cursor: pointer;
	padding: 11px 5px 11px 10px;
}

#weather .cityListOpen svg {
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: #636881;
}

#weather .cityListOpen .themeicon:first-child, #weather .cityListOpen.open .themeicon:last-child {
	display: block;
}

#weather .cityListOpen.open .themeicon:first-child, #weather .cityListOpen .themeicon:last-child {
	display: none;
}

@media all and (max-width:1024px) {

	#weather {
		margin-left: 0;
		border-radius: 0;
		float: right;
		width: 50%;
	}

}

@media all and (max-width:500px) {

	#weather {
		width: calc(100% - 150px);
	}

}

@media all and (max-width:380px) {

	#weather {
		width: calc(100% - 120px);
		padding: 10px 0;
	}

}

/* HEADER */

header {
	background: #fff;
	position: relative;
	z-index: 10;
}

#header-cont {
	position: relative;
	z-index: 50;
	border-bottom: 1px solid #f3f3f3;
	padding: 10px 0;
}

.safir-logo img {
	max-height: var(--logoHeight);
	width: auto;
}

#logo {
	position: relative;
	z-index: 100;
}

#logo .mobileButtons, #logo .mobileSearch {
	display: none;
}

#logo h1, #logo>span {
	display: block;
}

#logo a.logo {
	display: block;
}

#logo img {
	display: block;
	width: auto;
}

#header-cont .rightGroup {
	margin-left: auto;
}

#mobileHeader {
	background: #fff;
	z-index: 100000;
	width: 100%;
	display: flex;
	align-items: center;
}

@media all and (max-width: 1024px) {

	#logo-sticky-wrapper {
		z-index: 999999;
		position: relative;
	}

	#header-cont, #header-cont .innerContainer {
		padding: 0;
	}

	#header-cont .rightGroup {
		display: block;
		position: relative;
		text-align: left;
		z-index: 0;
	}

	#mobileHeader {
		display: block;
	}

	#logo {
		display: flex;
		align-items: center;
		padding: 10px;
		box-shadow: 0 0 3px rgba(0,0,0,0.15);
		position: relative;
		z-index: 1;
	}

	.mobile #logo {
		width: 100% !important;
	}

	.is-sticky #logo {
		background: #fff;
		width: 100%;
		z-index: 999999
	}

	#logo h1, #logo>span {
		display: block;
	}

	#logo .mobileButtons {
		display: block;
		margin-left: auto;
		overflow: hidden;
	}

	#logo .mobileButtons .button {
		display: block;
		float: left;
		cursor: pointer;
		color: #000;
		margin-left: 8px;
		border-radius: 50%;
		background: #f3f3f3;
	}

	#logo .mobileButtons .button svg {
		width: 18px;
		height: 18px;
		margin: 9px;
	}

	#logo .mobileButtons .toggleMenu {
		background: var(--c1);
	}

	#logo .mobileButtons .toggleMenu svg {
		color: #fff;
	}

	#logo .mobileButtons .loginButton .themeicon:first-child, #logo .mobileButtons .loginButton.active .themeicon:last-child {
		display: block;
	}

	#logo .mobileButtons .loginButton.active .themeicon:first-child, #logo .mobileButtons .loginButton .themeicon:last-child {
		display: none;
	}

	#logo .mobileSearch {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		height: 60px;
		width: 100%;
		padding-right: 60px;
		background: #fff;
	}

	#logo .mobileSearch form {
		width: 100%;
		position: relative;
	}

	#logo .mobileSearch input {
		border: 0;
		width: 100%;
		padding: 10px 50px 10px 10px;
		height: 60px;
		font-size: 18px;
	}

	#logo .mobileSearch button {
		position: absolute;
		top: 0;
		right: 0;
		background: none;
		border: 0;
		color: #666;
	}

	#logo .mobileSearch button svg {
		width: 20px;
		height: 20px;
		margin: 20px 15px;
		cursor: pointer;
	}

	#logo .mobileSearch .close {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		background: #f3f3f3;
	}

	#logo .mobileSearch .close svg {
		width: 20px;
		height: 20px;
		margin: 20px;
		cursor: pointer;
	}

	#logo .safirLoginMenu {
		visibility: visible;
		background: #fff;
		opacity: 1;
		z-index: 1;
		display: none;
		transform: scale(1);
		position: absolute;
		left: 0;
		width: 100%;
		top: 60px;
		padding: 0;
		transition: none;
		border-top: 1px solid #ededed;
	}

	#logo .safirLoginMenu .items {
		box-shadow: 0 8px 4px -4px rgba(0,0,0,0.15);
	}

	#logo .safirLoginMenu .item:first-child:before {
		display: none;
	}

}

/* MOBILE */

#hamburgermenu {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100%;
	overflow-y: scroll;
	background: #fff;
}

#hamburgermenu + * {
	clear: both;
}

#hamburgermenu span.close {
	display: block;
	width: 36px;
	height: 36px;
	margin-left: auto;
	background: #000;
	cursor: pointer;
	border-radius: 50%;
}

#hamburgermenu span.close svg {
	width: 14px;
	height: 14px;
	color: #fff;
	margin: 11px;
}

#hamburgermenu .logoBlock {
	display: flex;
	align-items: center;
	padding: 5px;
}

#mobilemenuContainer {
	overflow: hidden;
	border-top: 2px solid #f3f3f3;
}

#mobilemenu {
	position: relative;
}

#mobilemenu li {
	position: relative;
}

#mobilemenu a {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #f3f3f3;
	padding: 15px 10px;
	line-height: 20px;
	font-size: 15px;
	color: #000;
	font-weight: 600;
	border-radius: 0;
}

#mobilemenu .submenuarrow {
	display: none;
}

#mobilemenu .sub-menu {
	display: none;
	background: #fafafa;
}

#mobilemenu .sub-menu a {
	padding-left: 30px;
}

#mobilemenu .sub-menu .sub-menu a {
	padding-left: 50px;
}

#mobilemenu .menu-item-has-children>a {
	padding-right: 12px;
	position: relative;
}

#mobilemenu .mobilearrow {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 40px;
	height: 50px;
	top: 0;
	right: 0px;
	text-align: center;
	cursor: pointer;
}

#mobilemenu .mobilearrow svg {
	width: 14px;
	height: 14px;
	transition: all .3s;
}

#mobilemenu .mobilearrow.active svg {
	transform: rotate(45deg);
	width: 16px;
	height: 16px;
}

#mobilemenu li .icon {
	float: left;
}

#mobilemenu li .icon:before {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 4px 0 0;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}

#mobileSocial {
	margin: 10px;
}

#mobileSocial ul {
	margin: 0 -3px;
}

#mobileSocial a {
	height: 28px;
	width: 28px;
}

#mobileSocial a:before {
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}

#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.9);
	z-index: 999998;
	top: 0;
	left: 0;
}

.hamburgerMenuButton {
	display: none;
	cursor: pointer;
	opacity: 0.9;
	position: fixed;
	z-index: 100;
	right: 8px;
	top: 10px;
}

.hamburgerMenuButton .themeicon {
	display: block;
	background: var(--c1);
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
	border-radius: 50%;
	color: #fff;
}

.hamburgerMenuButton .themeicon svg {
	width: 18px;
	height: 18px;
	margin: 9px;
}

/* TOPLOGIN */

#toplogin {
	position: absolute;
	top: 10px;
	right: 0;
}

#toplogin .button {
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	background: var(--c1);
}

#toplogin .button svg {
	width: 16px;
	height: 16px;
	margin: 10px;
	color: #fff;
	transition: all .2s;
}

#toplogin:hover .button:before {
	background: rgba(0,0,0,0.15);
}

.safirLoginMenu {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transform: scale(0.9);
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 999;
	width: 190px;
	padding-top: 10px;
	transition: all .3s;
}

#toplogin:hover .safirLoginMenu {
	visibility: visible;
	opacity: 1;
	z-index: 40;
	transform: scale(1);
	transition-delay: 0s, 0s, 0.1s;
}

.safirLoginMenu .items {
	background: #fff;
	box-shadow: 0 0 22px rgba(0,0,0,0.15);
	position: relative;
}

.safirLoginMenu .item {
	border-top: 1px solid #f3f3f3;
}

.safirLoginMenu .item:first-child, .safirLoginMenu .item:first-child a {
	border-top: 0;
}

.safirLoginMenu a {
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 20px;
	padding: 12px;
	font-weight: 500;
	white-space: nowrap;
	transition: all .2s;
	color: #000;
}

.safirLoginMenu a:hover {
	background: #fbfbfb;
}

.safirLoginMenu .item:first-child:before {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent;
	transition: all .2s;
}

.safirLoginMenu .item:first-child:hover:before {
	border-color: transparent transparent #fbfbfb transparent;
}

.safirLoginMenu a svg {
	width: 16px;
	height: 16px;
	color: var(--c1);
}

/* MENU	 */

#mainMenu {
	border-bottom: 1px solid #f3f3f3;
	background: #fff;
	position: relative;
}

.is-sticky #mainMenu {
	box-shadow: 0 0 10px rgba(0,0,0,0.06);
}

#menuGroup {
	position: relative;
}

#menuGroup.withLogin {
	padding-right: 40px;
}

#menu {
	z-index: 40;
	position: relative;
	font-size: 15px;
}

#menu li {
	float: left;
	position: relative;
	margin-left: 30px;
}

#menu li:first-child {
	margin-left: 0;
}

#menu a {
	display: flex;
	align-items: center;
	gap: 4px;
	overflow: hidden;
	line-height: 60px;
	position: relative;
	transition: all .3s ease;
	color: #000;
	font-weight: bold;
	font-family: var(--menuFont);
}

#menu li.menu-item-has-children .submenuarrow svg {
	width: 10px;
	height: 10px;
}

#menu li.menu-item-has-children li.menu-item-has-children .submenuarrow svg {
	transform: rotate(-90deg);
}

#menu>ul>li:hover>a, #menu>ul>li.active>a {
	color: var(--c1);
}

/* Metinsiz */

#menu>ul>li.metinsiz + .metinsiz {
	margin-left: 10px;
}

#menu>ul>li.metinsiz>a {
	height: 60px;
	padding: 0;
	overflow: hidden;
}

#menu>ul>li.metinsiz>a>.text {
	display: none;
}

#menu>ul>li.metinsiz>a>.icon {
	width: 40px;
	height: 40px;
	margin: 10px 0;
	border-radius: 3px;
	transition: all .3s;
}

#menu>ul>li.metinsiz:hover>a>.icon {
	background: #f3f3f3;
	color: #000;
}

#menu>ul>li.metinsiz>a>.icon svg {
	width: 18px;
	height: 18px;
	margin: 11px;
}

#menu>ul>li.metinsiz>a>.submenuarrow {
	display: none;
}

#menu>ul>li.metinsiz>.sub-menu {
	right: 0;
}

/* Submenu */

#menu .sub-menu {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transform: scale(0.9);
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	position: absolute;
	border: 1px solid #f3f3f3;
	background: #fff;
}

#menu li:hover>.sub-menu {
	visibility: visible;
	opacity: 1;
	z-index: 40;
	transform: scale(1);
	transition-delay: 0s, 0s, 0.1s;
}

#menu .sub-menu .sub-menu {
	left: 100%;
	top: -1px;
}

#menu .sub-menu li {
	float: none;
	position: relative;
	margin: 0;
	border-top: 1px solid #f3f3f3;
}

#menu .sub-menu li:first-child {
	border-top: 0;
}

#menu .sub-menu li span.icon {
	color: var(--c1);
}

#menu .sub-menu a {
	width: auto;
	min-width: 200px;
	line-height: 20px;
	margin: 0;
	padding: 12px 15px;
	white-space: nowrap;
	transition: all .2s;
	font-size: 14px;
	font-weight: 600;
}

#menu .sub-menu a:hover {
	background: #fbfbfb;
}

#menu .sub-menu li .icon {
	margin: 0;
}

#menu li.menu-item-has-children li.menu-item-has-children .submenuarrow {
	margin-left: auto;
}

#menu li.menu-item-has-children li.menu-item-has-children .submenuarrow:before {
	margin: 0;
}

@media all and (max-width: 1024px) {

	#mainMenu, #mainMenu-sticky-wrapper {
		display: none;
	}

}

/* BREAKING */

#breakingGroup, #breakingGroup .breakingContainer {
	position: relative;
	clear: both;
	background: var(--breakingColor);
}

#breakingGroup:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 6px 0;
	display: block;
	width: 50%;
	height: 40px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
}

#breakingGroup:after {
	content: "";
	position: absolute;
	bottom: -4px;
	right: 0;
	display: block;
	width: 50%;
	height: 4px;
	background: var(--c1);
}

#breakingGroup .breakingTitle {
	line-height: 20px;
	font-weight: 600;
	line-height: 40px;
	margin: 6px 0;
	position: relative;
	padding: 0 80px 0 20px;
	margin-left: -20px;
	font-weight: bold;
	font-size: 15px;
	overflow: hidden;
	flex: 1 0 var(--breakingTitleWidth);
	max-width: var(--breakingTitleWidth);
	color: var(--c1);
}

#breakingGroup .breakingTitle svg {
	float: left;
	width: 16px;
	height: 16px;
	margin: 12px 5px 12px 0;
	position: relative;
	z-index: 2;
}

#breakingGroup .breakingTitle:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
	transform: skew(20deg);
	border-radius: 4px;
}

#breakingGroup .breakingTitle .title {
	position: relative;
	z-index: 2;
}

#breakingGroup .arrows {
	position: absolute;
	right: 20px;
	top: -3px;
	z-index: 2;
	height: 46px;
	padding: 3px 5px;
	width: 60px;
	box-shadow: -5px 0 5px -5px rgba(0,0,0,0.1);
}

#breakingGroup .arrows span {
	cursor: pointer;
	display: block;
	text-align: center;
	float: left;
	transition: all .3s;
	color: #000;
}

#breakingGroup .arrows span:hover {
	color: var(--c1);
}

#breakingGroup .arrows span svg {
	width: 12px;
	height: 12px;
	margin: 14px 6px;
}

#breaking {
	color: #000;
	height: 52px;
	width: 100%;
	display: flex;
}

#breaking .items {
	height: 52px;
	margin: 0 5px;
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}

#breaking .items:before {
	display: block;
	content: "";
	width: 100%;
	height: 4px;
	border-radius: 0 0 0 2px;
	transform: skew(20deg);
	position: absolute;
	bottom: -4px;
	background: var(--c1);
}

#breaking .post {
	font-weight: 500;
	font-size: 15px;
	display: none;
}

#breaking .post:first-child {
	display: block;
}

#breaking .post a {
	color: #000;
}

#breaking .breakingMoreLink {
	display: block;
	margin-left: auto;
	font-weight: 600;
	font-size: 13px;
	line-height: 52px;
	color: #000;
	white-space: nowrap;
}

@media all and (max-width: 768px) {

	#breaking .breakingMoreLink {
		display: none;
	}

}

@media all and (max-width: 600px) {

	#breakingGroup:after {
		width: 100%;
	}

	#breakingGroup .innerContainer {
		padding: 0;
	}

	#breakingGroup:before, #breakingGroup .breakingTitle .title {
		display: none;
	}

	#breakingGroup #breaking .breakingTitle {
		max-width: 140px;
	}

	#breakingGroup .breakingTitle svg {
		margin-left: 10px;
	}

	#breaking .items {
		margin: 0;
	}

	#breaking .items:before {
		transform: none;
		border-radius: 0;
	}

	#breaking .post {
		line-height: 18px;
		padding: 0 10px 0 0;
		max-height: 36px;
		font-size: 14px;
		overflow: hidden;
	}

}

/* DESIGN */

#safirPage {
	background: #fff;
	margin: auto;
	position: relative;
}

.clear {
	clear: both;
}

.innerContainer {
	max-width: var(--safirWidth);
	margin: auto;
	position: relative;
}

.wideWidget .innerContainer, .mobile .homeWidget .innerContainer, .innerContainer.pad {
	padding: 0 20px;
}

.innerContainer.visible {
	overflow: visible;
}

.homeWidgetContainer {
	clear: both;
}

.homeWidgetContainer.wide {
	background: #f9f9f9;
}

.homeWidgetContainer.double {
	padding-bottom: 30px;
}

.homeWidgetContainer:before, .homeWidgetContainer:after {
	clear: both;
	display: block;
	content: "";
}

.homeWidgetContainer:first-child {
	margin-top: 0;
}

.homeWidgetContainer.double {
	clear: both;
}

.homeWidgetContainer .leftContainer {
	float: left;
	width: 74.3243243243243%;
}

.homeWidgetContainer .rightContainer {
	float: right;
	width: 22.972972972973%;
}

#main {
	padding: 30px 0;
	overflow: hidden;
	clear: both;
}

body:has(#aside) #content {
	width: var(--contentWidth);
}

#content {
	width: 100%;
	float: left;
	position: relative;
}

.sidebarLeft #content {
	float: right;
}

#aside {
	float: right;
	width: var(--sidebarWidth);
}

.sidebarLeft #aside {
	float: left;
}

@media all and (max-width: 1024px) {

	#main {
		padding: 20px 0;
	}

	#content, #aside, .homeWidgetContainer .leftContainer, .homeWidgetContainer .rightContainer, body:has(#aside) #content {
		float:none;
		width:100%;
	}

	.wideWidget .innerContainer, .mobile .homeWidget .innerContainer,  .innerContainer.pad {
		padding: 0 20px;
	}

}

@media all and (max-width: 768px) {

	.error404 #content .notfound {
		font-size: 120px;
	}

}

@media all and (max-width: 600px) {

	#main {
		padding: 10px 0;
	}

	.wideWidget .innerContainer, .mobile .homeWidget .innerContainer,  .innerContainer.pad {
		padding: 0 10px;
	}

}

/* PAPERS */

.page-template-page-papers #content {
	width: 100%;
}

#papersPage .bigImage img {
	width: 100%;
}

#papersPage ul {
	margin: -10px;
	display: flex;
	flex-wrap: wrap;
}

#papersPage ul li {
	width: 20%;
	padding: 10px;
}

#papersPage ul li a {
	padding: 10px;
	display: block;
	text-align: center;
	background: #fafafa;
	font-weight: 600;
	font-size: 16px;
	border: 1px solid #f3f3f3;
	transition: all .3s;
}

@media all and (max-width:768px) {

	#papersPage ul {
		margin: -5px;
	}

	#papersPage ul li {
		padding: 5px;
		width: 25%;
	}

}

@media all and (max-width:600px) {

	#papersPage ul li {
		width: 33.333333333333333%;
	}

}

@media all and (max-width:420px) {

	#papersPage ul li {
		width: 50%;
	}

}

/* CONTACT PAGE */

.page-template-page-contact #content {
	width: 100%;
}

#contactPage .contactSides {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N48ODBfwYQAAAbBAOgnVJciAAAAABJRU5ErkJggg==) 50% 0 repeat-y;
	overflow: hidden;
}

#contactPage .contactSides .leftSide {
	float: left;
	width: 47%;
}

#contactPage .contactSides .rightSide {
	float: right;
	width: 47%;
}

#contactPage .sfrIconForm .item {
	margin-bottom: 15px;
}

@media all and (max-width: 600px) {

	#contactPage .contactSides {
		background: none;
	}

	#contactPage .contactSides .leftSide, #contactPage .contactSides .rightSide {
		width: 100%;
	}

}

/* HOROSCOPES PAGE */

#horoscopesPage .mainHeading {
	margin-top: 30px;
}

#horoscopesPage .burclarTable {
	overflow: hidden;
	margin: 10px -5px 0;
	font-size: 15px;
}

#horoscopesPage .burclarTable .item {
	width: 33.3333333333333%;
	float: left;
	padding: 0 5px;
}

#horoscopesPage .burclarTable .inner {
	border-bottom: 1px dotted #ddd;
	padding: 5px 0;
}

#horoscopesPage .burclarTable .key {
	display: inline-block;
	font-weight: bold;
}

#horoscopesPage .burclarTable .value {
	display: inline-block;
}

#horoscopesPage .burcList {
	overflow: hidden;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}

#horoscopesPage .burcList .item {
	float: left;
	text-align: center;
	width: 8.333333333333333%;
	padding: 10px 0;
}

#horoscopesPage .burcList a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all .1s;
	color: #979aa2;
}

#horoscopesPage .burcList a .icon svg {
	width: 56px;
	height: 56px;
	margin: 0 auto 8px;
}

#horoscopesPage .burcList a .hover:after {
	background: var(--c1);
}
	
#horoscopesPage .burcList .item:hover a, #horoscopesPage .burcList .item.active a {
	color: #505666;
}

#horoscopesPage .burcList .item .title {
	line-height: 20px;
}

@media all and (max-width:768px) {

	.burcList .item {
		width: 8.333333333333333% !important;
	}

	#horoscopesPage .burclarTable .item {
		width: 50%;
	}

}

@media all and (max-width:650px) {

	.burcList .item {
		width: 16.66666666666666% !important;
	}

}

@media all and (max-width:500px) {

	.burcList .item {
		width: 25% !important;
	}

	#horoscopesPage .burclarTable .item {
		width: 100%;
	}

}

/* ADDTOYOURSITE */

#addtoyoursite .module {
	margin-top: 80px;
}

#addtoyoursite .module:first-child {
	margin-top: 0;
}

#addtoyoursite iframe {
	background: #fafafa url(../images/loading.gif) 50% 50% no-repeat;
	margin-bottom: 15px;
}

#addtoyoursite p.desc {
	margin-bottom: 10px;
}

#addtoyoursite .formcontainer {
	margin: 0 -5px 10px;
}

#addtoyoursite .formcontainer .table {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#addtoyoursite .formcontainer .item {
	padding: 0 5px;
	display: table-cell;
}

#addtoyoursite form textarea {
	height: 60px;
	background: #f7f7f7;
	font-family: monospace !important;
	margin-bottom: 10px;
	color: #666;
	font-size: 12px;
}

#addtoyoursite form select {
	border: 2px solid #f3f3f3;
}

#addtoyoursite form .formcontainer input[type=submit] {
	width: 100%;
	line-height: 28px;
	padding: 11px 0;
}

@media all and (max-width:768px) {

	#addtoyoursite .formcontainer .item {
		display: block;
		padding: 5px;
	}

	#addtoyoursite iframe {
		margin-bottom: 5px;
	}

	#addtoyoursite textarea {
		height: 90px !important;
	}

	#addtoyoursite .module {
		margin-top: 30px;
	}

}

/* WIDGETS */

.homeWidget, .sidebarWidget, .wideWidget {
	padding-top: 30px;
}

.wideWidget {
	padding-bottom: 30px;
}

.wideWidget+.wideWidget {
	padding-top: 0;
}

.galleryWidget+.wideWidget.noHeading {
	padding-top: 30px;
}

.galleryWidget+.wideWidget.withHeading, .sliderWidget+.wideWidget, .wideWidget.withHeading:first-child {
	padding-top: 0;
}

.colored.safirWidget.wideWidget {
	padding-top: 30px !important;
}

.galleryWidget {
	padding-top: 30px !important;
}

#aside .sidebarWidget:first-child {
	padding-top: 0;
}

.safirWidget .post .title a {
	color: #000;
	transition: all .2s;
}

.safirWidget .post:hover .title a {
	color: var(--c1);
}

.adsWidget .widgetContent {
	text-align:center;
	background: #fafafa;
}

.desktop .nativeWidget.sidebarWidget .innerContainer {
	padding: 0;
}

.nativeWidget li {
	border-top: 2px solid #f7f7f7;
	padding: 15px 0;
}

.nativeWidget li:first-child {
	border-top: 0;
	padding-top: 0;
}

.homeWidget .post .title a, .wideWidget .post .title a, .sidebarWidget .post .title a {
	display: block;
}

@media all and (max-width: 1024px) {

	.homeWidget, .sidebarWidget, .wideWidget {
		padding-top: 20px;
	}

	.wideWidget {
		padding-bottom: 20px;
	}

	.galleryWidget+.wideWidget.noHeading {
		padding-top: 20px;
	}

	.galleryWidget {
		padding-top: 20px !important;
	}

	.colored.safirWidget.wideWidget {
		padding-top: 20px !important;
	}

	.nativeWidget li {
		padding: 10px 0;
	}

}

/* OPT WIDGET */

.optWidget .widgetContent {
	position: relative;
}

.colored.safirWidget .widgetContent .innerContainer {
	padding: 0;
	position: static;
}

.colored.safirWidget .options {
	top: 52px;
}

.colored.safirWidget .mainHeading {
	padding: 9px 15px;
	background: rgba(0,0,0,0.075);
	margin-bottom: 0;
}

.colored.safirWidget .mainHeading:after {
	background: #fff;
}

.colored.safirWidget .mainHeading .icon {
	background: none;
	color: #fff;
	padding: 5px 0;
}

.colored.safirWidget .mainHeading .icon svg {
	width: 20px;
	height: 20px;
}

.colored.safirWidget .mainHeading .title {
	color: #fff;
}

.colored.safirWidget .hamburger {
	color: #fff;
	top: 15px;
	right: 15px;
}

.optWidget .hamburger {
	position: absolute;
	z-index: 2;
	top: 7px;
	right: 0;
	cursor: pointer;
	color: var(--c1);
}

.optWidget .hamburger svg {
	width: 18px;
	height: 18px;
}

.optWidget .hamburger .themeicon:first-child, .optWidget .hamburger.active .themeicon:last-child {
	display: block;
}

.optWidget .hamburger.active .themeicon:first-child, .optWidget .hamburger .themeicon:last-child {
	display: none;
}

.optWidget .loading {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.optWidget .loading svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -30px;
}

.optWidget .options {
	display: none;
	background: var(--c1);
	position: absolute;
	width: 100%;
	top: 47px;
	left: 0;
	height: 205px;
	overflow: scroll;
	color: #fff;
	z-index: 2;
}

.optWidget .options span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 0 10px;
	line-height: 39px;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	transition: all .3s;
}

.optWidget .options span:hover {
	background: rgba(0,0,0,0.1);
	border-color: transparent;
}

/* SCORES WIDGET */

.scoresWidget .widgetContent {
	min-height: 468px;
	background: #f9f9f9;
	position: relative;
}

.scoresWidget .mainHeading {
	background: #fff;
	margin-bottom: 0;
}

.scoresWidget .hiddenTitle {
	display: none;
}

.scoresWidget .options {
	height: 280px;
}

.scoresWidget table {
	width: 100%;
	border-collapse: collapse;
}

.scoresWidget table .order {
	color: var(--c1);
}

.scoresWidget table tr.hidden {
	display: none;
}

.scoresWidget table th, .scoresWidget table td {
	padding: 4px 5px;
	text-align: center;
	line-height: 29px;
	font-weight: 600;
	color: #979aa2;
	vertical-align: top;
	border: 0;
}

.scoresWidget table th {
	font-size: 11px;
}

.scoresWidget table td {
	border-top: 1px solid #f0f0f0;
}

.scoresWidget table .team {
	text-align: left;
}

.scoresWidget table td.team {
	color: #505666;
}

.scoresWidget table td.points {
	color: #505666;
}

.scoresWidget .showAll svg {
	width: 30px;
	height: 30px;
	color: #999;
	cursor: pointer;
	transition: all .3s;
	margin: auto;
}

.scoresWidget .showAll:hover {
	color: #707070;
}

/* NAMAZ WIDGET */

.namazWidget .widgetContent {
	background: linear-gradient(135deg, #4ca764, #318647);
	color: #fff;
	height: 282px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.namazWidget.noHeading .widgetContent {
	height: 235px;
}

.namazWidget .topsection {
	padding: 15px;
	border-bottom: 2px solid rgba(255,255,255,0.5);
}

.namazWidget .topsection .city {
	line-height: 30px;
	font-size: 19px;
	font-weight: 600;
}

.namazWidget .options {
	background: linear-gradient(135deg, #4ca764, #318647) !important;
	height: 235px;
}

.namazWidget .clock {
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
}

.namazWidget .times {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}

.namazWidget .times .item-container {
	width: 33.33333333%;
	padding: 5px;
}

.namazWidget .times .item {
	border-radius: 3px;
	background: #f3f3f3;
	text-align: center;
	padding: 10px 5px;
}

.namazWidget .times .item span {
	display: block;
	color: #969aa9;
	font-weight: 600;
	font-size: 12px;
}

.namazWidget .times .item span.time {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

/* WEATHER WIDGET */

.weatherWidget .widgetContent {
	position: relative;
	background: linear-gradient(180deg, #45445E 0%, #5C7282 100%);
	border-radius: 4px;
	overflow: hidden;
	color: #fff;
	height: 434px;
}

.weatherWidget.noHeading .widgetContent {
	height: 384px;
}

.weatherWidget .options {
	background: linear-gradient(180deg, #45445E 0%, #5C7282 100%) !important;
}

.weatherWidget .weatherDataHeader {
	display: none;
}

.weatherWidget .topsection {
	padding: 15px;
	text-align: center;
}

.weatherWidget .topsection .city {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.weatherWidget .topsection .degree {
	font-size: 50px;
	letter-spacing: -1px;
	line-height: 60px;
}

.weatherWidget .topsection .icon:before {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}

.weatherWidget .situation {
	line-height: 30px;
	font-size: 17px;
}

.weatherWidget .others .item {
	background: rgba(255,255,255,0.05);
	padding: 10px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	padding-right: 40px;
}

.weatherWidget .others .item:nth-child(2n) {
	background: rgba(255,255,255,0.1);
}

.weatherWidget .others .item .day .day {
	display: block;
	text-transform: uppercase;
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
}

.weatherWidget .others .item .day .situation {
	display: block;
	line-height: 15px;
	font-size: 12px;
}

.weatherWidget .others .item .degree {
	line-height: 30px;
	font-size: 20px;
	font-weight: 600;
	margin-left: auto;
}

.weatherWidget .others .item .degree span {
	font-size: 14px;
	font-weight: 500;
	margin-left: 2px;
	position: relative;
	top: -2px;
}

.weatherWidget .others .item .icon {
	position: absolute;
	top: 10px;
	right: 10px;
}

.weatherWidget .others .item .icon:before {
	font-size: 20px;
	line-height: 30px;
}

/* SEARCH WIDGET */

#searchform {
	padding: 0 !important;
	position: relative;
}

#searchform input[type=text] {
	background: #fff !important;
	border-radius: 0;
	padding: 10px;
	padding-right: 40px;
	width: 100%;
	display: block;
	font-weight: 500;
	outline: none;
	border: 0;
	font-size: 14px;
	height: 50px;
	transition: all .25s;
	border: 2px solid #f3f3f3;
}

#searchform input[type=submit] {
	position: absolute;
	right: 7px;
	top: 7px;
	display: block;
	border: 0;
	cursor: pointer;
}

/* SLIDER WIDGET */

.sliderWidget {
	overflow: hidden;
}

.sliderWidget .slider {
	float: left;
	position: relative;
	z-index: 2;
	border-bottom: 2px solid transparent;
}

.sliderWidget .owl-carousel {
	border-bottom: 2px solid var(--c1);
}

.sliderWidget.wideWidget .slider {
	width: 74.3243243243243%;
}

.sliderWidget.fullslider .slider, .sliderWidget.homeWidget .slider, .sliderWidget.sidebarWidget .slider {
	width: 100%;
}

.sliderWidget .slider .item {
	display: none;
	position: relative;
}

.sliderWidget .slider .item:first-child {
	display: block;
}

.sliderWidget .slider .item.ads {
	background: #f1f1f1;
}

.sliderWidget .slider .item.ads .safirthumb .ads {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sliderWidget .slider .item.ads .safirthumb .ads img {
	transform: none;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	position: relative;
}

.sliderWidget .slider .post {
	position: relative;
	overflow: hidden;
}

.sliderWidget .slider .post .postthumb {
	position: relative;
}

.sliderWidget .slider .post .postthumb a {
	display: block;
}

.sliderWidget.showShadow .slider .postthumb a:after {
	position: absolute;
	width: 100%;
	height: 60%;
	left: 0;
	bottom: 0;
	content: "";
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -webkit-gradient(linear,left top,left  bottom, color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.90)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
}

.sliderWidget .slider .post .detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 20px;
	pointer-events: none;
}

.sliderWidget .slider .post .title {
	font-size: 26px;
	font-weight: 600;
	text-shadow: 1px 1px 3px rgba(0,0,0,.2);
	z-index: 1;
	position: relative;
	display: inline-block;
	color: #fff;
	max-width: 90%;
	padding: 10px 40px 10px 20px;
}

.sliderWidget .slider .post .title:before {
	display: block;
	content: "";
	opacity: 0.75;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--c1);
	transform: skew(20deg);
	border-radius: 0 5px 5px 0;
	left: -20px;
	z-index: -1;
}

.sliderWidget.sidebarWidget .slider .post .detail {
	padding-bottom: 0;
}

.sliderWidget.sidebarWidget .slider .post .title {
	font-size: 16px;
	font-weight: 500;
	display: block;
	max-width: 100%;
	padding: 8px;
}

.sliderWidget.sidebarWidget .slider .post .title:before {
	transform: none;
	border-radius: 0;
	left: 0;
}

.sliderWidget.sidebarWidget .slider .safirMetas {
	margin: 5px 0 10px 10px;
}

.sliderWidget .slider .post .title a {
	color: #fff;
	position: relative;
	z-index: 2;
}

.sliderWidget .slider .post:hover .title a {
	color: #eee !important;
}

.sliderWidget .slider .safirMetas {
	clear: both;
	margin: 0 0 0 20px;
	color: #adadad;
}

.sliderWidget .slider .safirMetas a {
	color: #adadad;
}

.sliderWidget .slider .owl-nav div {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 40%;
	margin-top: -20px;
	z-index: 20;
	background: rgba(255,255,255,0.25);
	color: #000;
}

.sliderWidget .slider .owl-nav .owl-prev {
	left: 20px;
}

.sliderWidget .slider .owl-nav .owl-next {
	right: 20px;
}

.sliderWidget .slider .owl-nav div svg {
	width: 20px;
	height: 20px;
	margin: 10px;
}

.sliderWidget .slider .owl-dots {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.sliderWidget .slider .owl-dots .owl-dot {
	display: table-cell;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	background: #f9f9f9;
	border-left: 1px solid #e9e9e9;
	position: relative;
}

.sliderWidget.wideWidget .slider .owl-dots .owl-dot {
	background: #fff;
	border-color: #f3f3f3;
}

.sliderWidget .slider .owl-dots .owl-dot:first-child {
	border-left: 0;
}

.sliderWidget .slider .owl-dots .owl-dot.ads {
	font-weight: bold;
	font-size: 15px;
}

.sliderWidget .slider .owl-dots .owl-dot.active {
	background: var(--c1);
}

.sliderWidget .slider .owl-dots .owl-dot.ads a {
	color: var(--c1);
}

.sliderWidget .slider .owl-dot a {
	color: #000;
}

.sliderWidget .slider .owl-dot.active a, .sliderWidget .slider .owl-dots .owl-dot.ads.active a {
	color: #fff;
	display: block;
	font-size: 16px;
}

.sliderWidget .slider .tButtonLink {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 0;
	font-size: 16px;
	background: #f1f1f1;
	text-align: center;
	transition: all .3s;
	color: var(--c1);
}

.sliderWidget .slider .tButtonLink svg {
	width: 16px;
	height: 16px;
	margin: 11px auto;
}

.sliderWidget .slider .tButtonLink:hover {
	background: #e1e1e1;
}

.sliderWidget .rightGroup {
	float: right;
	width: 22.972972972973%;
	background: #f3f3f3;
	z-index: 1;
}

/* Slider 2 */

.sliderWidget.slider2 {
	
	.slider {
		width: 100%;
	}

	.slider .owl-carousel {
		border: 0;
	}

	.slider .post .title:before {
		display: none;
	}

	.slider .owl-dots {
		background: #000;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
		padding: 10px;
	}

	.slider .owl-dots .owl-dot {
		background: var(--c1);
		border: 0;
		display: block;
		min-width: 30px;
		border-radius: 4px;
		font-weight: 500;
	}

	.slider .owl-dots .owl-dot.active {
		background: #fff !important;
	}

	.slider .owl-dots .owl-dot.ads {
		background: rgba(255,255,255,0.85) !important;
		color: #fff !important;
	}

	.slider .owl-dots .owl-dot a {
		display: block;
		line-height: 30px;
		color: #fff;
	}

	.slider .owl-dots .owl-dot.active a {
		color: var(--c1);
	}

	.slider .owl-nav div {
		background: rgba(0,0,0,0.25);
		color: rgba(255,255,255,0.85);
		border-radius: 4px;
	}

	@media all and (max-width:800px) {
		
		.slider .owl-dots {
			gap: 5px;
			padding: 5px;
		}
	
	}


} 

@media all and (max-width:1024px) {

	.sliderWidget.safirWidget .slider .post .title {
		font-size: 26px;
		font-weight: 600;
		text-shadow: 1px 1px 3px rgba(0,0,0,.2);
		z-index: 1;
		position: relative;
		display: inline-block;
		color: #fff;
		max-width: 90%;
		padding: 10px 40px 10px 20px;
	}

	.sliderWidget.safirWidget .slider .post .title {
		font-size: 26px;
		font-weight: 600;
		display: inline-block;
		max-width: 90%;
		padding: 10px 40px 10px 20px;
	}

	.sliderWidget.safirWidget .slider .post .title:before {
		transform: skew(20deg);
		border-radius: 0 5px 5px 0;
		left: -20px;
	}

}

@media all and (max-width:800px) {

	.sliderWidget.wideWidget .slider {
		width: 100%;
	}

	.sliderWidget .slider .safirMetas {
		margin: 0 0 10px 10px;
	}

	.sliderWidget .rightGroup {
		width: 100%;
		margin-top: 10px;
	}

}

@media all and (max-width:600px) {

	.sliderWidget.safirWidget .slider .post .title {
		font-size: 18px;
		display: block;
		max-width: 100%;
		padding: 10px;
	}

	.sliderWidget.safirWidget .slider .post .title:before {
		transform: none;
		left: 0;
		border-radius: 0;
	}

	.sliderWidget.safirWidget .slider .post .detail {
		padding-bottom: 0;
	}

}

/* WIDE SLIDER */

.wideSlider .slider {
	position: relative;
	padding-right: 40px;
}

.wideSlider .slider .owl-items {
	background: #333;
}

.wideSlider img {
	object-fit: fill;
}

.wideSlider .owl-nav div {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top:-20px;
	z-index: 20;
	background: rgba(0,0,0,0.2);
}

.wideSlider .owl-nav .owl-prev {
	left: 15px;
}

.wideSlider .owl-nav .owl-next {
	right: 50px;
}

.wideSlider .owl-nav div svg {
	width: 22px;
	height: 22px;
	margin: 10px;
	color: #fff;
}

.wideSlider .owl-dots {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.wideSlider .owl-dots .owl-dot {
	padding-top: 2px;
	position: relative;
}

.wideSlider .owl-dots .owl-dot:first-child {
	padding-top: 0;
}

.wideSlider .owl-dots .owl-dot:before {
	display: block;
	opacity: 0;
	content: "";
	position: absolute;
	top: 50%;
	left: -7px;
	margin-top: -7px;
	background: #fff;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
}

.wideSlider .owl-dots .owl-dot.active:before {
	opacity: 1;
}

.wideSlider .owl-dots .owl-dot:after {
	display: block;
	opacity: 0;
	content: "";
	background: var(--c1);
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}

.wideSlider .owl-dots .owl-dot.active:after {
	opacity: 1;
}

 .wideSlider .owl-dots .owl-dot a {
	background: #e0e0e0;
	display: block;
	width: 38px;
	height: 100%;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}

 .wideSlider .owl-dots .owl-dot.active a {
	color: #fff;
	font-size: 17px;
	background: var(--c1);
}

 .wideSlider .owl-dots .owl-dot span {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
}

/* LISTING WIDGET */

.listingWidget .items a {
	display: block;
	line-height: 20px;
	padding: 18px 15px;
	background: #f9f9f9;
	margin-bottom: 1px;
	color: #000;
	transition: all .3s;
	font-size: 15px;
	font-weight: 500;
	position: relative;
}

.listingWidget .items a:hover {
	background: #f6f6f6;
}

.listingWidget.numbered .items a {
	padding-left: 40px;
}

.listingWidget .items a .number {
	display: block;
	position: absolute;
	width: 30px;
	top: 18px;
	left: 5px;
	color: #cdced2;
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	font-style: italic;
	font-weight: bold;
	transition: all .3s;
}

.listingWidget .items a:hover .number {
	color: #abacb0;
}

.listingWidget.wideWidget .items a {
	background: #f2f2f2;
}

.listingWidget.wideWidget .items a:hover {
	background: #eee;
}

/* ADVANCED POSTS WIDGET - 1 */

.advancedPostsWidget1 .items {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
}

.advancedPostsWidget1 .post-container {
	width: 33.333333333333%;
	padding: 15px;
}

.advancedPostsWidget1 .postthumb {
	position: relative;
}

.advancedPostsWidget1 .postthumb .safirCategoryMeta {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.advancedPostsWidget1 .post .detail {
	padding-top: 10px;
}

.advancedPostsWidget1 .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget1 .post .title {
	font-weight: 600;
	font-size: 16px;
}

.advancedPostsWidget1 .post .summary {
	margin-top: 5px;
	color: #666;
}

.advancedPostsWidget1.sidebarWidget .post-container {
	width: 100%;
}

.advancedPostsWidget1.wideWidget .post-container {
	width: 25%;
}

.advancedPostsWidget1.wideWidget .post {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.advancedPostsWidget1.wideWidget .detail {
	background: #fff;
	padding: 15px;
}

@media all and (max-width: 1024px) {

	.advancedPostsWidget1 .items {
		margin: -10px;
	}

	.advancedPostsWidget1.safirWidget .post-container {
		width: 25%;
		padding: 10px;
	}

}

@media all and (max-width: 768px) {

	.advancedPostsWidget1.safirWidget .post-container {
		width: 33.333333333333%;
	}

	.advancedPostsWidget1 .postthumb .safirCategoryMeta {
		left: 8px;
		bottom: 8px;
	}

}

@media all and (max-width: 600px) {

	.advancedPostsWidget1 .items {
		margin: -5px;
	}

	.advancedPostsWidget1.safirWidget .post-container {
		width: 50%;
		padding: 5px;
	}

}

/* ADVANCED POSTS WIDGET - 2 */

.advancedPostsWidget2 .widgetContent {
	overflow: hidden;
}

.advancedPostsWidget2 .items {
	margin: 0 -10px -41px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.advancedPostsWidget2 .post-container {
	width: 50%;
	padding: 0 10px;
}

.advancedPostsWidget2 .post {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.advancedPostsWidget2 .post .postthumb {
	float: left;
	width: 120px;
}

.advancedPostsWidget2 .post .detail {
	margin-left: 140px;
}

.advancedPostsWidget2 .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget2 .post .title {
	font-weight: 600;
	font-size: 16px;
}

.advancedPostsWidget2.wideWidget .post-container {
	width: 33.3333333333333%;
}

.advancedPostsWidget2.sidebarWidget .post-container {
	width: 100%;
}

.advancedPostsWidget2.sidebarWidget .postthumb {
	width: 105px;
}

.advancedPostsWidget2.sidebarWidget .detail {
	margin-left: 115px;
}

@media all and (max-width:1024px) {

	.advancedPostsWidget2.safirWidget .post-container {
		width: 33.3333333333333%;
	}

	.advancedPostsWidget2.safirWidget .detail {
		margin-left: 140px;
	}

	.advancedPostsWidget2.safirWidget .postthumb {
		width: 120px;
	}

}

@media all and (max-width:800px) {

	.advancedPostsWidget2.safirWidget .post-container {
		width: 50%;
	}

}

@media all and (max-width:600px) {

	.advancedPostsWidget2.safirWidget .post-container {
		width: 100%;
	}

}

/* ADVANCED POSTS WIDGET - 3 */

.advancedPostsWidget3 .widgetContent {
	overflow: hidden;
}

.advancedPostsWidget3 .items {
	margin: -10px -10px 0;
	display: flex;
	flex-wrap: wrap;
}

.advancedPostsWidget3 .post-container {
	width: 25%;
	border-bottom: 1px dotted #ededed;
	border-left: 1px solid #ededed;
	padding: 10px;
}

.advancedPostsWidget3 .post .detail {
	padding-top: 10px;
}

.advancedPostsWidget3 .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget3 .post .title {
	font-weight: 600;
	font-size: 16px;
}

.advancedPostsWidget3 .post .summary {
	margin-top: 5px;
	color: #666;
}

.advancedPostsWidget3.sidebarWidget .post-container {
	width: 100%;
}

.advancedPostsWidget3.wideWidget .post-container {
	width: 20%;
}

@media all and (max-width: 1024px) {

	.advancedPostsWidget3.safirWidget .post-container {
		width: 25%;
	}

}

@media all and (max-width: 768px) {

	.advancedPostsWidget3.safirWidget .post-container {
		width: 33.3333333333333333%;
	}

}

@media all and (max-width: 600px) {

	.advancedPostsWidget3.safirWidget .post-container {
		width: 50%;
	}

}

/* ADVANCED POSTS WIDGET - 4 */

.advancedPostsWidget4 .widgetContent {
	overflow: hidden;
	margin: -10px;
}

.advancedPostsWidget4 .leftSide {
	width: 50%;
	float: left;
	padding: 10px;
	font-size: 15px;
}

.advancedPostsWidget4 .rightSide {
	width: 50%;
	float: right;
	padding: 10px;
}

.advancedPostsWidget4 .leftSide .post {
	position: relative;
}

.advancedPostsWidget4 .leftSide .post .postthumb a {
	display: block;
	height: 100%;
}

.advancedPostsWidget4 .leftSide .postthumb a:after {
	position: absolute;
	width: 100%;
	height: 80%;
	left: 0;
	bottom: 0;
	content: "";
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.90)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
}

.advancedPostsWidget4 .leftSide .post .detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	pointer-events: none;
	line-height: 18px;
}

.advancedPostsWidget4 .leftSide .post .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget4 .leftSide .post .detail a {
	pointer-events: all;
}

.advancedPostsWidget4 .leftSide .post .title {
	font-weight: bold;
	position: relative;
	font-size: 16px;
}

.advancedPostsWidget4 .leftSide .post .title a {
	color: #fff;
	transition: all .3s;
}

.advancedPostsWidget4 .leftSide .post:hover .title a {
	color: #ddd !important;
}

.advancedPostsWidget4 .slider {
	font-size: 17px;
}

.advancedPostsWidget4 .slider .owl-dots {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}

.advancedPostsWidget4 .slider .owl-dot {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 33px;
	height: 33px;
	position: relative;
	z-index: 1;
	background: var(--c1);
}

.advancedPostsWidget4 .slider .owl-dot:before, .advancedPostsWidget4 .slider .owl-dot a:before {
	display: none;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	border-color: transparent transparent var(--c1) transparent;
}

.advancedPostsWidget4 .slider .owl-dot a {
	color: #fff;
	display: block;
	border-left: 1px solid rgba(0,0,0,0.3);
}

.advancedPostsWidget4 .slider .owl-dot:first-child a {
	border-left: 0;
}

.advancedPostsWidget4 .slider .owl-dot.active a {
	background: rgba(0,0,0,0.3);
	border-left-color: transparent;
	font-size: 15px;
}

.advancedPostsWidget4 .slider .owl-dot.active a:before {
	border-color: transparent transparent rgba(0,0,0,0.3) transparent;
	display: block;
}

.advancedPostsWidget4 .slider .owl-dot.active:before {
	display: block;
}

.advancedPostsWidget4 .bottomPosts {
	margin-top: 20px;
	overflow: hidden;
}

.advancedPostsWidget4 .bottomPosts .items {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin: -10px;
}

.advancedPostsWidget4 .bottomPosts .post-container {
	width: 50%;
	padding: 10px;
}

.advancedPostsWidget4 .rightPosts {
	overflow: hidden;
}

.advancedPostsWidget4 .rightPosts .items {
	margin-bottom: -39px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.advancedPostsWidget4 .rightPosts .post-container {
	width: 100%;
}

.advancedPostsWidget4 .rightPosts .post {
	position: relative;
	padding-bottom: 19px;
	margin-bottom: 19px;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.advancedPostsWidget4 .rightPosts .post .postthumb {
	float: left;
	width: 120px;
}

.advancedPostsWidget4 .rightPosts .post .detail {
	margin-left: 130px;
}

.advancedPostsWidget4 .rightPosts .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget4 .rightPosts .post .title {
	font-weight: 600;
	font-size: 16px;
}

.advancedPostsWidget4.wideWidget .slider .owl-dot {
	line-height: 32px;
	height: 32px;
}

.advancedPostsWidget4.wideWidget .rightPosts .items {
	margin-bottom: -42px;
}

.advancedPostsWidget4.wideWidget .rightPosts .post {
	padding-bottom: 20px;
	margin-bottom: 21px;
}

.advancedPostsWidget4.sidebarWidget .leftSide, .advancedPostsWidget4.sidebarWidget .rightSide, .advancedPostsWidget4.sidebarWidget .bottomPosts .post-container {
	width: 100%;
}

@media all and (max-width:1024px) {

	.advancedPostsWidget4.safirWidget .leftSide {
		width: 50%;
	}

	.advancedPostsWidget4.safirWidget .rightSide {
		width: 50%;
	}

	.advancedPostsWidget4 .bottomPosts {
		margin-top: 20px;
		overflow: hidden;
	}

	.advancedPostsWidget4 .bottomPosts .items {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		margin: -10px;
	}

	.advancedPostsWidget4.safirWidget .bottomPosts .post-container {
		width: 50%;
	}

}

@media all and (max-width:768px) {

	.advancedPostsWidget4.safirWidget .leftSide {
		width: 100%;
	}

	.advancedPostsWidget4.safirWidget .rightSide {
		width: 100%;
	}

}

@media all and (max-width:600px) {

	.advancedPostsWidget4 .bottomPosts {
		margin-top: 10px;
	}

	.advancedPostsWidget4 .bottomPosts .items {
		margin: -5px;
	}

	.advancedPostsWidget4 .bottomPosts .post-container {
		padding: 5px;
	}

}

/* ADVANCED POSTS WIDGET 5 */

.advancedPostsWidget5 .items {
	overflow: hidden;
	margin: -1%;
}

.advancedPostsWidget5 .post-container {
	width: 33.33333333333333333%;
	float: left;
	padding: 1%;
}

.advancedPostsWidget5 .post-container:first-child {
	width: 66.66666666666666666%;
}

.advancedPostsWidget5 .post-container:nth-child(4) {
	clear: both;
}

.advancedPostsWidget5 .post-container:nth-child(2) .safirthumb, .advancedPostsWidget5 .post-container:nth-child(3) .safirthumb {
	padding-bottom: calc(var(--thumbRatio) * 0.975);
}

.advancedPostsWidget5 .post {
	position: relative;
	overflow: hidden;
}

.advancedPostsWidget5 .post .postthumb {
	position: relative;
}

.advancedPostsWidget5 .post .postthumb>a {
	display: block;
	height: 100%;
}

.advancedPostsWidget5 .postthumb a:after {
	position: absolute;
	width: 100%;
	height: 60%;
	left: 0;
	bottom: 0;
	content: "";
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -webkit-gradient(linear,left top,left  bottom, color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.90)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
}

.advancedPostsWidget5 .post .detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	pointer-events: none;
}

.advancedPostsWidget5 .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.advancedPostsWidget5 .post .title {
	font-size: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 3px rgba(0,0,0,.2);
}

.advancedPostsWidget5 .post-container:first-child .detail {
	padding: 20px;
}

.advancedPostsWidget5 .post-container:first-child .title {
	font-size: 20px;
	font-weight: bold;
}

.advancedPostsWidget5 .post .title a {
	color: #fff;
	transition: all .3s;
}

.advancedPostsWidget5 .post:hover .title a {
	color: #ddd !important;
}

.advancedPostsWidget5 .safirMetas {
	color: #adadad;
}

.advancedPostsWidget5 .safirMetas a {
	color: #adadad;
}

.advancedPostsWidget5.sidebarWidget .post-container {
	width: 100%;
}

.advancedPostsWidget5.sidebarWidget .post-container:first-child .detail {
	padding: 10px;
}

.advancedPostsWidget5.sidebarWidget .post-container:first-child .title {
	font-size: 16px;
	font-weight: 500;
}

@media all and (max-width: 1024px) {

	.advancedPostsWidget5.safirWidget .post-container {
		width: 33.33333333333333333%;
	}

	.advancedPostsWidget5.safirWidget .post-container:first-child {
		width: 66.66666666666666666%;
	}

	.advancedPostsWidget5.safirWidget .post-container:first-child .detail {
		padding: 20px;
	}

	.advancedPostsWidget5.safirWidget .post-container:first-child .title {
		font-size: 20px;
		font-weight: bold;
	}

}

@media all and (max-width: 768px) {

	.advancedPostsWidget5.safirWidget .post-container:first-child,
	.advancedPostsWidget5.safirWidget .post-container {
		width: 100%;
	}

	.advancedPostsWidget5.safirWidget .post-container:first-child .detail {
		padding: 10px;
	}

	.advancedPostsWidget5.safirWidget .post-container:first-child .title {
		font-size: 18px;
	}

}

/* MENU WIDGET */

.safirCustomMenu .mainHeading {
	margin-bottom: 10px;
}

.safirCustomMenu .sub-menu {
	display: none;
}

.safirCustomMenu ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
	overflow: hidden;
}

.safirCustomMenu li {
	width: 100%;
	padding: 5px;
}

.safirCustomMenu a {
	display: block;
	padding: 15px 0;
	line-height: 16px;
	color: #151515;
	border-bottom: 1px solid #f3f3f3;
	transition: all .3s;
	font-weight: 600;
	font-size: 15px;
	position: relative;
}

.safirCustomMenu a:hover {
	color: var(--c1);
}

.safirCustomMenu a .icon {
	float: left;
	position: relative;
	z-index: 2;
}

.safirCustomMenu a .icon:before {
	font-size: 16px;
	height: 16px;
	width: 16px;
	line-height: 16px;
	margin-right: 5px;
}

.safirCustomMenu.homeWidget li {
	width: 33.333333333333%;
}

.safirCustomMenu.wideWidget li {
	width: 25%;
}

.safirCustomMenu.wideWidget a {
	border-color: #eaeaea;
}

/* CURRENCY WIDGET */

.currencyWidget .widgetContent {
	background: #f9f9f9;
}

.currencyWidget.homeWidget .mainHeading, .currencyWidget.sidebarWidget .mainHeading {
	margin-bottom: 0;
}

.mobile .currencyWidget.homeWidget .mainHeading {
	margin-bottom: 10px;
}

.currencyWidget .items {
	border-left: 1px solid #f3f3f3;
}

.currencyWidget .item {
	width: 25%;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 15px;
	overflow: hidden;
}

.currencyWidget .item.dollar .info .title {
	color: #2aa212;
}

.currencyWidget .item.euro .info .title {
	color: #c54242;
}

.currencyWidget .item.gold .info .title {
	color: #d2c344;
}

.currencyWidget .item.bist .info .title {
	color: #009fc3;
}

.currencyWidget.sidebarWidget .items {
	flex-wrap: wrap;
}

.currencyWidget.sidebarWidget .item {
	width: 50%;
}

.currencyWidget.wideWidget .items {
	border-top: 1px solid #f3f3f3;
	background: #fff;
}

@media all and (max-width:1024px) {

	.currencyWidget.safirWidget .items {
		flex-wrap: wrap;
	}

	.currencyWidget.safirWidget .item {
		width: 25%;
	}

}

@media all and (max-width:600px) {

	.currencyWidget.safirWidget .item {
		width: 50%;
	}

}

/* TABBED WIDGET */

.tabbedWidget .tabheading {
	overflow: hidden;
	padding-bottom: 12px;
}

.tabbedWidget .tabheading a {
	display: block;
	float: left;
	padding: 0 15px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 36px;
	border-radius: 3px;
}

.tabbedWidget .tabheading a.active {
	color: #fff;
	background: var(--c1);
}

.tabbedWidget .lines .line {
	display: none;
	height: 2px;
	opacity: 0.5;
	margin-bottom: 30px;
	background: var(--c1);
}

.tabbedWidget .lines .line:first-child {
	display: block;
}

.tabbedWidget .tab {
	display: none;
	overflow: hidden;
}

.tabbedWidget .tab:first-child {
	display: block;
}

/* AUTHORS WIDGET */

.authorsWidget .widgetContent  {
	position: relative;
}

.authorsWidget .listing {
	display: none;
	flex-wrap: wrap;
	overflow: hidden;
	margin: -15px;
}

#archiveListing .authorsWidget .listing {
	display: flex;
}

.authorsWidget .listing .post-container {
	width: 25%;
	padding: 15px;
}

.authorsWidget .author-name a {
	color: var(--c1);
}

.authorsWidget .post .postthumb {
	overflow: hidden;
	padding: 10px;
	position: relative;
}

.authorsWidget .post .postthumb:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 60px;
	border-radius: 2px;
}

.authorsWidget .post .postthumb .thumb {
	float: left;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.authorsWidget .post .postthumb .info {
	margin-left: 70px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.authorsWidget .post .postthumb .author-name a {
	color: #4c4f5a;
	font-weight: 600;
	font-size: 16px;
}

.authorsWidget .post .postthumb .author-name a:hover {
	color: #000;
}

.authorsWidget .post .postthumb .author-name span {
	font-weight: bold;
}

.authorsWidget .post .postthumb .date {
	color: #969aa9;
	font-size: 13px;
}

.authorsWidget .post .detail {
	line-height: 20px;
	height: 145px;
	overflow: hidden;
	font-size: 15px;
}

.authorsWidget .post .detail .title {
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 15px;
}

.authorsWidget.safirWidget .post:hover .detail .title a {
	color: #000;
}

.authorsWidget .post .detail .summary {
	color: #434343;
}

.authorsWidget.homeWidget .listing .post-container {
	width: 33.333333333333%;
}

.authorsWidget.sidebarWidget .listing .post-container {
	width: 100%;
}

#allAuthorsPage .authorsWidget .post .postthumb:before,
.authorsWidget.homeWidget .post .postthumb:before,
.authorsWidget.sidebarWidget .post .postthumb:before {
	background: #f6f6f6;
}

.authorsWidget .allLink a {
	background: var(--c1);
}

@media all and (max-width:1024px) {

	.authorsWidget .listing {
		margin: -10px;
	}

	.authorsWidget.safirWidget .listing .post-container {
		width: 25%;
		padding: 10px;
	}

}

@media all and (max-width:800px) {

	.authorsWidget.safirWidget .listing .post-container {
		width: 33.333333333333333%;
	}

}

@media all and (max-width:600px) {

	.authorsWidget .listing {
		margin: -5px;
	}

	.authorsWidget.safirWidget .listing .post-container {
		width: 50%;
		padding: 5px;
	}

}

@media all and (max-width:400px) {

	.authorsWidget.safirWidget .listing .post-container {
		width: 100%;
	}

}

/* PAPERS WIDGET */

.papersWidget .widgetContent {
	position: relative;
}

.papersWidget .item {
	border: 1px solid #e0e0e0;
	padding: 1px;
}


/* GALLERY WIDGET */

.galleryWidget .widgetContent {
	position: relative;
}

.galleryWidget.noHeading .widgetContent {
	overflow: hidden;
}

.galleryWidget.withHeading .mainHeading {
	background: none;
	padding: 0 0 30px;
	margin-bottom: 0;
}

.galleryWidget.withHeading .mainHeading .title {
	color: #fff;
}

.galleryWidget.withHeading .mainHeading .allLink {
	border-color: rgba(255,255,255,0.08);
}

.galleryWidget.withHeading .mainHeading .allLink:hover {
	color: rgba(255,255,255,0.9);
}

.galleryWidget.owlWidget.withHeading.safirWidget .owl-nav {
	top: -60px;
}

.galleryWidget.owlWidget.withHeading .owl-nav div {
	background: rgba(0,0,0,0.2);
	margin-top: 0;
	top: 0;
	box-shadow: none;
	border-radius: 50%;
	float: left;
	position: relative;
	margin: 0 0 0 5px;
	transition: all .3s;
}

.galleryWidget.owlWidget.withHeading .owl-nav div:hover {
	background: rgba(0,0,0,0.4);
}

.galleryWidget.owlWidget.withHeading .owl-nav div svg {
	width: 12px;
	height: 12px;
	margin: 9px;
}

.galleryWidget.owlWidget.withHeading .owl-nav .owl-prev {
	right: 0;
}

.galleryWidget.owlWidget.withHeading .owl-nav .owl-next {
	right: 0;
}

.galleryWidget .widgetContent .items {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
}

.galleryWidget .post-container {
	padding: 5px;
}

.galleryWidget .post {
	position: relative;
}

.galleryWidget .postthumb {
	overflow: hidden;
	position: relative;
}

.galleryWidget .group.first .safirthumb {
	padding-bottom: 100%;
}

.galleryWidget .group.middle .safirthumb {
	padding-bottom: 48.6%;
}

.galleryWidget .group.last .post-container {
	width: 50%;
	float: left;
}

.galleryWidget .group.last .post-container .safirthumb {
	padding-bottom: 76.5%;
}

.galleryWidget .group.last .post-container:first-child {
	width: 100%;
}

.galleryWidget .group.last .post-container:first-child .safirthumb {
	padding-bottom: 60%;
}

.galleryWidget .post .postthumb a {
	display: block;
	height: 100%;
}

.galleryWidget .postthumb a:after {
	position: absolute;
	width: 100%;
	height: 80%;
	left: 0;
	bottom: 0;
	content: "";
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.90)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.90) 100%);
}

.galleryWidget .post .detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
}

.galleryWidget .post .detail a {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	transition: all .3s;
}

.galleryWidget .post:hover .detail a {
	color: #ddd !important;
}

.galleryWidget .first.group .post .detail a {
	font-size: 20px;
	font-weight: bold;
}

.galleryWidget .last.group .post .detail {
	padding: 8px
}

.galleryWidget .last.group .post .detail a {
	font-size: 15px;
	font-weight: 500;
}

.galleryWidget .last.group .post-container:first-child .detail {
	padding: 15px;
}

.galleryWidget .last.group .post-container:first-child .detail a {
	font-size: 17px;
	font-weight: 600;
}

.galleryWidget .post .inner {
	line-height: 20px;
	overflow: hidden;
}

@media all and (max-width:1024px) {

	.galleryWidget.withHeading .mainHeading {
		padding: 0 0 20px;
	}

	.galleryWidget.safirWidget.owlWidget.withHeading .owl-nav {
		top: -45px;
	}

	.mobile .galleryWidget {
		margin-top:20px;
	}

	.mobile .homeWidgetContainer .galleryWidget {
		margin-top:0;
	}

}

/* SAFIR HOVER */

.safirHover .postthumb {
	position: relative;
}

.safirHover .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 2;
	cursor: pointer;
	transition: all .3s;
	opacity: 0;
}

.safirHover .hover svg {
	transform: scale(.1);
	position: absolute;
	transition: all .3s;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: -15px 0 0 -15px;
	color: #fff;
	opacity: 0;
}

.safirHover .post:hover .hover {
	opacity: 1;
}

.safirHover .post:hover .hover svg {
	transform: scale(1);
	opacity: 1;
}

/* LISTING */

#archiveListing .items + .items {
	margin-top: 15px;
}

.error404 #content .page404 {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	padding: 50px;
}

.error404 #content .notfound {
	font-size: 200px;
	margin-bottom: 30px;
}

/* Manşet */

.listing .sliderWidget .slider {
	border-bottom: 0;
}

.listing .sliderWidget .listing {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.listing .sliderWidget .listing .post-container {
	padding: 15px;
	width: 100%;
}

/* Gallery */

.galleryList .items {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
}

.galleryList .post-container {
	width: 33.333333333%;
	padding: 15px;
}

.galleryList .post .detail {
	padding-top: 10px;
	text-align: center;
}

.galleryList .post .detail .inner {
	line-height: 20px;
	overflow: hidden;
}

.galleryList .post .title {
	font-weight: 600;
	font-size: 16px;
}

@media all and (max-width:1024px) {

	.listing .sliderWidget .innerContainer {
		padding: 0;
	}

	.listing .sliderWidget .listing {
		margin: -10px;
	}

	.listing .sliderWidget .listing .post-container {
		padding: 10px;
	}

	.galleryList .items {
		margin: -10px;
	}

	.galleryList .post-container {
		width: 25%;
		padding: 10px;
	}

}

@media all and (max-width:800px) {

	.galleryList .post-container {
		width: 33.3333333333333%;
	}

}

@media all and (max-width:600px) {

	#archiveListing .items + .items {
		margin-top: 10px;
	}

	.listing .sliderWidget .listing {
		margin: -5px;
	}

	.listing .sliderWidget .listing .post-container {
		padding: 5px;
	}

	.galleryList .items {
		margin: -5px;
	}

	.galleryList .post-container {
		width: 50%;
		padding: 5px;
	}

}

/* SINGLE */

#infiniteImage {
	width: 100px;
	height: 100px;
	display: block;
	margin: 10px auto;
	background: red url(../images/infinite.svg) 50% 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
}

#single .haberSingle + .haberSingle {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 2px solid #f3f3f3;
}

#single .singleAd3 {
	margin-bottom: 30px;
	clear: both;
}

#single .excerpt {
	font-weight: 600;
}

ul.safirSocial li.googlenews a.newsButton:before {
	content: "";
	background: #f6f6f6 url(../images/news.svg) 50% 50% no-repeat;
	background-size: contain;
	width: 120px !important;
	height: 30px;
}

ul.safirSocial li.googlenews a.newsButton:hover span {
	color: #cdcdcd;
}

ul.safirSocial li.googlenews a.newsButton span {
	display: block;
	float: right;
	transition: all .3s;
	line-height: 30px;
	padding: 0 15px;
	background: rgba(0,0,0,0.06);
}

/* Share */

#single .single-share {
	margin-bottom: 20px;
}

#single ul.safirSocial {
	overflow: hidden;
}

#single ul.safirSocial a, body.single ul.safirSocial a {
	display: flex;
	align-items: center;
}

#single ul.safirSocial a .text, body.single ul.safirSocial a .text {
	padding-right: 10px;
}

#single ul.safirSocial a svg {
	width: 16px;
	height: 16px;
	margin: 7px;
}

/* Metabox */

#single .metaBox {
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-left: 3px solid #f1f1f1;
	margin-bottom: 20px;
	padding-left: 10px;
	color: #8d8d8d;
	background: -moz-linear-gradient(left, #fafafa 0%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #fafafa 0%,#ffffff 100%);
	background: linear-gradient(to right, #fafafa 0%,#ffffff 100%);
	font-weight: 500;
}

#single .metaBox .meta {
	float: left;
	font-size: 13px;
	margin: 0 20px 0 0;
	padding: 12px 0;
}

#single .metaBox .meta a {
	color: #8d8d8d;
}

#single .metaBox .meta a:hover {
	color: #000;
}

#single .metaBox .sizing-buttons {
	display: flex;
	flex: 0 0 70px;
	gap: 10px;
}

#single .metaBox .sizing {
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #8e8e8e;
	color: #fff;
	border-radius: 2px;
	font-weight: bold;
	user-select: none;
	position: relative;
	transition: all .3s;
	font-size: 16px;
}

#single .metaBox .sizing:hover {
	background: #808080;
}

#single .metaBox .sizing sup {
	position: relative;
	top: -2px;
	font-size: 12px;
}

/* Single Block */

#singleBlock .thumb img {
	width: 100%
}

#singleBlock.type1 .thumb {
	border: 1px solid #f1f1f1;
	padding: 4px;
	margin-bottom: 20px;
}

#singleBlock.type1 .ads.type1 {
	margin-bottom: 20px;
}

#singleBlock.type2 {
	margin-bottom: 20px;
	overflow: hidden;
}

#singleBlock.type2 .thumb {
	float: right;
	width: 51.515152%;
}

#singleBlock .ads.type2 {
	float: left;
	width: 45.454545%;
}

#singleBlock.type2.noad {
	float: left;
	max-width: 300px;
	margin-right: 15px;
}

#singleBlock.type2.noad .thumb {
	width: 100%;
}

#singleBlock.type3 {
	float: left;
	min-width: 300px;
	margin-right: 15px;
}

#singleBlock.type3 .ads {
	margin-bottom: 15px;
}

/* Tags */

#single .tags {
	clear: both;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 30px;
	color: #0d0d0d;
	line-height: 20px;
}

#single .tags .title {
	font-weight: bold;
}

#single .tags a {
	color: #5a5a5a;
}

#single .tags a:hover {
	color: #000;
}

/* Comments */

#comments {
	clear: both;
	margin-bottom: 30px;
}

#wp-comment-cookies-consent {
	vertical-align: unset;
	margin-right: 5px;
}

.sfrCommentsList {
	margin-top: 30px;
	border-top: 2px solid #f8f8f8;
}

.sfrCommentsList .nocomments {
	margin-top: 30px;
	font-weight: 500;
	font-size: 15px;
}

.sfrCommentsList ol {
	list-style: none;
}

.sfrCommentsList ol li {
	clear: both;
	line-height: 1.5;
	overflow: hidden;
	border-top: 2px solid #f8f8f8;
}

.sfrCommentsList ol.commentlist>li:first-child {
	border-top: 0;
}

.sfrCommentsList .reply {
	position: absolute;
	top: 20px;
	right: 0;
}

.sfrCommentsList a.comment-reply-link {
	display: inline-flex;
	align-items: center;
	line-height: 20px;
	font-weight: 500;
}

.sfrCommentsList a.comment-reply-link svg {
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

.sfrCommentsList #reply-title {
	margin-bottom: 8px;
}

.sfrCommentsList .comment-body {
	overflow: hidden;
	position: relative;
	padding: 20px 0;
}

.sfrCommentsList ol.children .comment-body {
	padding-left: 50px;
}

.sfrCommentsList ol.children ol.children .comment-body {
	padding-left: 90px;
}

.sfrCommentsList ol.children ol.children ol.children .comment-body {
	padding-left: 130px;
}

.sfrCommentsList ol.children .comment-body > .themeicon svg {
	display: block;
	position: absolute;
	top: 50px;
	margin-left: -35px;
	width: 24px;
	height: 24px;
	color: #8d8d8d;
}

.sfrCommentsList .says {
	display: none;
}

.sfrCommentsList .commentlist .avatar {
	border: 1px solid #f1f1f1;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
}

.sfrCommentsList .commentlist .comment-author {
	display: inline;
}

.sfrCommentsList .commentlist .comment-author cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	color: #000;
	font-size: 15px;
	line-height: 20px;
}

.sfrCommentsList .commentlist .comment-meta {
	color: #999;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	line-height: 20px;
}

.sfrCommentsList .commentlist .comment-meta a {
	color: #999;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.sfrCommentsList .commentlist .comment-meta a svg {
	width: 14px;
	height: 14px;
}

/* Form */

#respond {
	overflow: hidden;
}

.commentlist #respond {
	margin: 0 30px 10px;
}

#respond p.warning {
	color: #e00;
	font-style: italic;
}

#respond input#author, #respond input#email, #respond input#url {
	display: block;
	width: 100%;
}

#respond p.form-submit {
	clear: both;
	float: right;
	margin: 0;
}

/* ATTACHMENT */

.safirGalleryAds {
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.wp-block-gallery figure .fullScreen,
.gallery-item .inner .fullScreen {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	color: #000;
	opacity: 0;
	transition: all .3s;
}

.gallery-item .inner .fullScreen svg, .wp-block-gallery figure .fullScreen svg {
	display: block;
	width: 14px;
	height: 14px;
	margin: 13px;
}

.gallery-item .inner, .wp-block-gallery figure .inner {
	transition: all .3s;
}

.gallery-item .inner:hover .fullScreen, .wp-block-gallery .figure:hover .fullScreen {
	opacity: 1;
}

/* Attachment Page */

#main.attachment .pageHeading {
	padding-left: 0;
}

#main.attachment .pageHeading:before {
	display: none;
}

#attachmentHead {
	overflow: hidden;
}

#attachmentHead .attachmentImage {
	float: left;
	width: 65.625%;
}

#attachmentHead .attachmentInfo {
	float: right;
	width: 31.25%
}

#main.attachment.attachment .ads, #image {
	text-align: center;
	margin-bottom:10px;
}

#main.attachment.attachment .gallery-nav {
	text-align: center;
	margin-bottom: 10px;
}

#main.attachment ul.safirSocial {
	margin-bottom: 15px;
	overflow: hidden;
}

#main.attachment ul.safirSocial a svg {
	width: 16px;
	height: 16px;
	margin: 7px;
}

#gallery-nav {
	margin: 15px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	position: relative;
}

#gallery-nav:before {
	top: 0;
}

#gallery-nav:after {
	bottom: 0;
}

#gallery-nav:before, #gallery-nav:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	display: block;
	background: #e9e9e9;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #e9e9e9 15%, #e9e9e9 85%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,#e9e9e9 15%,#e9e9e9 85%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,#e9e9e9 15%,#e9e9e9 85%,rgba(0,0,0,0) 100%);
}

#gallery-nav a {
	display: inline-block;
	color: #383838;
	line-height: 40px;
	padding: 0 15px;
	border-left: 1px solid #e9e9e9;
	transition: all .3s;
}

#gallery-nav a:hover, #gallery-nav a.active {
	color: #fff;
	background: var(--c1);
}

#gallery-nav a:first-child {
	border-left: 0;
}

#gallery-nav a.arrow svg {
	width: 14px;
	height: 14px;
	margin: 13px 0;
}

/* GALLERY LIST */

#singleContent div.gallery {
	margin: 0 -10px;
	overflow: hidden;
}

#singleContent div.gallery .gallery-item {
	padding: 0 10px 20px;
	float: left;
	margin: 0;
	border: 0;
}

#singleContent div.gallery .gallery-item a {
	display: block;
	padding: 10px;
	border:1px solid #eee;
	background: #fafafa;
	position: relative;
}

#singleContent div.gallery .gallery-item a .icon, #singleContent .wp-block-gallery figure a .icon {
	background: rgba(0,0,0,0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#singleContent div.gallery .gallery-item a .icon .themeicon, #singleContent .wp-block-gallery figure a .icon .themeicon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#singleContent div.gallery .gallery-item a .icon svg {
	width: 16px;
	height: 16px;
	margin: 7px;
}

#singleContent div.gallery .gallery-item img, #singleContent .wp-block-gallery figure img {
	border: 0;
}

#gallery-1, #gallery-2, #gallery-3 {
	clear: both;
}

@media all and (max-width:768px) {

	#single .metaBox .sizing.fontminus:before {
		display: none;
	}

	#single .metaBox .share {
		float: left;
		margin-bottom: 10px;
	}

	#singleBlock.type2 {
		margin-bottom: 0;
	}

	#singleBlock.type3 {
		margin-bottom: 10px;
	}

	#singleBlock.type2.noad {
		width: 300px;
	}

	#singleBlock.type2 .thumb, #singleBlock .ads.type2 {
		width: 100%;
		margin-bottom: 10px;
	}

	#comments {
		margin-top: 10px;
	}

	.sfrCommentsList {
		margin-top: 20px;
	}

	.sfrCommentsList ol.children .comment-body {
		padding-left: 40px;
	}

	.sfrCommentsList ol.children ol.children .comment-body {
		padding-left: 70px;
	}

	#comments .safirnavi {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.sfrCommentsList .nocomments {
		padding: 10px;
	}

	.sfrCommentsList .reply {
		position: static;
	}

	.sfrCommentsList .comment-body {
		padding: 10px 0;
	}

	.sfrCommentsList ol.children .comment-body > .themeicon svg {
		top: 40px;
		margin-left: -35px;
	}

	.commentlist #respond {
		margin: 0 10px 10px;
	}

	#singleContent div.gallery {
		margin: 0 -5px;
	}

	#singleContent div.gallery .gallery-item {
		padding: 0 5px 10px;
	}

	#singleContent div.gallery .gallery-item a {
		padding: 5px;
	}

	#attachmentHead .attachmentImage, #attachmentHead .attachmentInfo {
		width: 100%;
	}

	#attachmentHead .attachmentImage {
		margin-bottom: 10px;
	}

}

@media all and (max-width:600px) {

	#singleBlock.type3, #singleBlock.type2.noad {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}

}

@media all and (max-width:450px) {

	#single ul.safirSocial a .text {
		display: none;
	}

	#single .metaBox .sizing.fontplus {
		clear: both;
		margin-left: 0;
	}

	#single .metaBox .sizing.fontminus {
		margin-left: 10px;
	}

	#single .metaBox .sizing.fontplus, #single .metaBox .sizing.fontminus {
		float: left;
	}

	#gallery-nav a {
		line-height: 36px;
		padding: 0 10px;
	}

	#gallery-nav a.arrow svg {
		margin: 11px 0;
	}

}

@media all and (max-width: 359px) {
	ul.safirSocial li.googlenews a.newsButton span {
		display: none;
	}
}

/* PROFILE */

#aside.profile {
	background: #f9f9f9;
	border-radius: 4px;
}

#aside.profile .avatar {
	border-bottom: 2px solid #f3f3f3;
	padding: 15px;
}

#aside.profile .avatar .image {
	text-align: center;
	width: 150px;
	border-radius: 50%;
	border: 4px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	margin: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

#aside.profile .avatar .name {
	color: #000;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#aside.profile .userMenu {
	margin: 0;
}

#aside.profile .userMenu li {
	border-top: 2px solid #f3f3f3;
}

#aside.profile .userMenu li:first-child {
	border-top: 0;
}

#aside.profile .userMenu a {
	display: block;
	padding: 20px 15px;
	line-height: 16px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	transition: all .3s;
}

#aside.profile .userMenu a .icon {
	float: left;
	margin-right: 3px;
}

#aside.profile .userMenu a .icon svg {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	color: var(--c1);
}

#aside.profile .userMenu a:hover {
	background: #f5f5f5;
}

#aside.profile .userMenu a:hover:before {
	content: "";
	opacity: 1;
	height: 100%;
}

#aside.profile .userMenu a .title {
	transition:all .2s;
	margin-left: 10px;
}

#profile {
	overflow: hidden;
}

#profile .sfrManagePosts {
	margin: 0 -15px;
}

#profile .table {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

#profile .table .postContainer {
	display: table-row;
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	font-weight: 500;
}

#profile .table .postContainer .td {
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
}

#profile .table .postContainer .thumb {
	width: 120px;
	padding-right: 0;
}

#profile .table .postContainer .title a {
	font-size: 15px;
	font-weight: 600;
	color: #151515;
}

#profile .table .postContainer .title a:hover {
	color: var(--c1);
}

#profile .table .postContainer .date,
#profile .table .postContainer .button,
#profile .table .postContainer .category {
	border-left:1px solid #f3f3f3;
	text-align: center;
	white-space: nowrap;
}

#profile .table .postContainer .button {
	width: 120px;
}

#profile .profileButtons {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
}

#profile .profileButtons a {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #3f3f3f;
	font-weight: bold;
	border-radius: 3px;
	background: #f8f8f8;
	line-height: 30px;
	padding: 0 10px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #f8f8f8 50%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#f8f8f8 50%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#f8f8f8 50%);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border:1px solid #eee;
}

#profile .profileButtons a svg {
	width: 14px;
	height: 14px;
}

#profile .safirButton {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--c1);
	white-space: nowrap;
	padding: 0 8px;
	color: #fff;
	border-radius: 2px;
	line-height: 30px;
	transition:all .3s;
}

#profile .safirButton svg {
	width: 14px;
	height: 14px;
}

#profile .safirButton:hover {
	color: #fff;
	background: #333;
}

#profile.membershipPage .leftSide {
	width: 49%;
	float: left;
}

#profile.membershipPage .rightSide {
	width: 49%;
	float: right;
}

#profile.membershipPage .lostpassword {
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	display:flex;
	align-items: center;
	gap: 5px;
	line-height:30px;
}

#profile.membershipPage .lostpassword svg {
	width: 16px;
	height: 16px;
}

@media all and (max-width: 1024px) {

	#aside.profile {
		margin-top: 20px;
	}

}
@media all and (max-width: 768px) {

	#profile .table .postContainer .td {
		padding: 5px;
	}

	.sfrIconForm form .item.category .checkbox {
		width: 50%;
	}

}

@media all and (max-width: 600px) {

	#profile.membershipPage .leftSide, #profile.membershipPage .rightSide {
		width: 100%;
	}

	#profile .sfrManagePosts .postContainer .category, #profile .sfrManagePosts .postContainer .date {
		display: none;
	}

}

@media all and (max-width:320px) {

	#profile .profileButtons a {
		padding: 0 5px;
	}

	#profile .pageHeading {
		padding-right: 110px;
	}

	.sfrIconForm form .item.category .checkbox {
		width: 100%;
	}

}

/* FORMS */

form p {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	line-height: 30px;
}

form .wpcf7-form-control-wrap {
	width: 100%;
}

form input[type=text],
form input[type=password],
form input[type=phone],
form input[type=email],
form input[type=file],
form textarea,
form select {
	width: 100%;
	display: block;
	font-weight: 500;
	outline: none;
	border: 0;
	font-size: 14px;
	padding: 10px;
	height: 50px;
	transition: all .25s;
	background: #fff;
	border: 2px solid #f3f3f3;
	-webkit-appearance: none;
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=phone]:focus,
form input[type=email]:focus,
form input[type=file]:focus,
form textarea:focus,
form select:focus {
	background: #f9f9f9;
}

form textarea {
	max-width: 100%;
	width: 100%;
	height: 106px;
}

form button.submit, form input[type=submit] {
	position: relative;
	background: var(--c1);
	cursor: pointer;
	font-size: 14px;
	display: block;
	font-weight: 500;
	border: 0;
	border-radius: 3px;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	outline: none;
	overflow: visible;
	transition: all .25s;
	line-height: 16px;
	-webkit-appearance: none;
}

form button.submit:hover, form button.submit:focus, form input[type=submit]:hover, form input[type=submit]:focus {
	background: #111;
}

div.wpcf7-validation-errors {
	padding: 0;
	margin: 0;
	border: 0;
}

div.wpcf7 label {
	font-size: 14px;
}

.safirCheckbox {
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.safirCheckbox input[type='checkbox'] {
	height: 0;
	width: 0;
	position: relative;
	right: -500px;
	display:none !important;
}

.safirCheckbox input[type='checkbox'] + label {
	position: relative;
	display: block;
	float: left;
	line-height: 24px;
	color: #000;
	font-weight: 500;
	transition: color 250ms cubic-bezier(.4,.0,.23,1);
	cursor: pointer;
}

.safirCheckbox input[type='checkbox'] + label > span{
	display: block;
	float: left;
	align-items: center;
	margin: 0 5px 0 0;
	width: 24px;
	height: 24px;
	background: #e0e0e0;
	border-radius: 2px;
	cursor: pointer;
	transition: all 250ms cubic-bezier(.4,.0,.23,1);
}

.safirCheckbox input[type='checkbox']:checked + label > span:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 7px;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transform: rotate(45deg);
	transform-origin: 0% 100%;
	animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}

@keyframes checkbox-check{
	0%{
	width: 0;
	height: 0;
	border-color: #333;
	transform: translate3d(0,0,0) rotate(45deg);
	}
	33%{
	width: .3em;
	height: 0;
	transform: translate3d(0,0,0) rotate(45deg);
	}
	100%{
	width: .3em;
	height: .6em;
	border-color: #333;
	transform: translate3d(0,-.6em,0) rotate(45deg);
	}
}

/* ICON FORM */

.sfrIconForm .item {
	width: 100%;
	display: block;
	outline: none;
	transition: all .25s;
	position: relative;
}

.sfrIconForm form input[type=text],
.sfrIconForm form input[type=password],
.sfrIconForm form input[type=phone],
.sfrIconForm form input[type=email],
.sfrIconForm form input[type=file],
.sfrIconForm form select,
.sfrIconForm form textarea {
	padding-left: 40px !important;
}

.sfrIconForm form #sfr_newscontent {
	padding-left: 10px !important;
}

.sfrIconForm form textarea.noicon {
	padding-left: 10px !important;
}

.sfrIconForm form .item.category {
	display: block;
	position: relative;
	padding: 5px;
	background: #fff;
	border: 2px solid #f3f3f3;
}

.sfrIconForm form .item.category .items {
	overflow: hidden;
}

.sfrIconForm form .item.category .checkbox {
	width: 33.3333333333%;
	float: left;
	padding: 10px;
	font-weight: 500;
}

.sfrIconForm form .item.category .checkbox input {
	float: left;
	display: block;
	margin: 3px;
}

.sfrIconForm .item.image {
	border: 2px solid #f3f3f3;
}

.sfrIconForm form .fileLabel {
	display: block;
	padding-left: 40px;
	height: 46px;
	line-height: 46px;
	position: relative;
	overflow: hidden;
	background: #fff;
	z-index: 1;
}

.sfrIconForm form .fileLabel span.button {
	position: absolute;
	right: 0;
	top: 0;
	background: var(--c1);
	cursor: pointer;
	color: #fff;
	padding: 9px;
	font-family: "proxima-nova", sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	line-height: 16px;
	margin: 6px 6px 6px 0;
	display: block;
	transition: all .3s;
}

.sfrIconForm form .fileLabel span.text {
	font-size: 13px;
	font-weight: 500;
}

.sfrIconForm form .fileLabel span.button:hover {
	background: #222;
}

.sfrIconForm form .fileLabel+input[type=file] {
	display: none;
}

.sfrIconForm form textarea {
	height: 120px;
	padding-top: 15px;
}

.sfrIconForm form textarea#newscontent {
	height: 500px;
}

.sfrIconForm .container {
	overflow: hidden;
	margin: 0 -5px;
}

.sfrIconForm .container .itemContainer {
	padding: 0 5px;
	margin-bottom: 10px;
}

.sfrIconForm .container.half .itemContainer {
	width: 50%;
	float: left;
}

.sfrIconForm .item .icon {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
}

.sfrIconForm .item.image .icon {
	left: -2px;
	top: -2px;
}

.sfrIconForm .item .icon svg {
	width: 16px;
	height: 16px;
	margin: 17px;
}

.sfrIconForm img.captchaimg {
	position: absolute;
	right: 8px;
	top: 8px;
}

.sfrIconForm form p.status {
	color: #000;
	margin-bottom: 20px;
	line-height: 20px;
	padding: 10px;
	font-size: 15px;
	background: #fafafa;
	border:1px solid #f3f3f3;
	font-weight: 500;
	position: relative;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

.sfrIconForm p.status svg {
	width: 16px;
	height: 16px;
}

.sfrIconForm p.status.loading {
	background: #fafafa url(../images/loading.gif) 10px 50% no-repeat;
	padding-left: 30px;
	background-size: 16px 16px;
}

.sfrIconForm p.status.loading .themeicon {
	display: none;
}

.sfrIconForm p.status .themeicon-info {
	fill: #666;
}

.sfrIconForm p.status .themeicon-warning {
	fill: #cc2d32;
}

.sfrIconForm p.status .themeicon-success {
	fill: #2ab759;
}

@media all and (max-width: 768px) {

	.sfrIconForm form p.status {
		padding: 10px;
	}

	form p {
		margin-bottom: 10px;
	}

}

@media all and (max-width: 420px) {

	.sfrIconForm .container.half .itemContainer {
		width: 100%;
	}

}

/* SAFIRNAVI */

.safirnavi {
	overflow:hidden;
	clear: both;
	margin: 15px;
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}

.safirnavi span, .safirnavi a {
	color: #000;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 2px;
	text-align: center;
	margin:0 5px 3px 0;
	transition: all .3s;
	font-weight: bold;
	font-size: 15px;
	background: #d0d0d0;
}

.safirnavi a:hover {
	background: #a0a0a0;
}

.safirnavi .current {
	color: #fff;
	background: var(--c1);
}

.authorsWidget .safirnavi {
	margin-right: 0;
	margin-left: 0;
}

#profile .safirnavi {
	border: 0;
	margin: 0;
}

#authorPage .safirnavi {
	border: 0;
	padding: 0;
}

#comments .safirnavi {
	border-top: 2px solid #f1f1f1;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media all and (max-width:600px) {

	.safirnavi {
		margin: 5px;
	}

	#comments .safirnavi {
		padding-top: 10px;
		padding-bottom: 10px;
	}

}

/* SAFIR SOCIAL */

ul.safirSocial {
	overflow: visible;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

ul.safirSocial li {
	list-style: none;
	margin: 0;
}

ul.safirSocial a {
	display: block;
	float: left;
	border-radius: 2px;
	color: #fff;
}

ul.safirSocial a svg {
	width: 14px;
	height: 14px;
	margin: 7px;
}

ul.safirSocial li.facebook a {
	background: #38599B;
}

ul.safirSocial li.twitter a {
	background: #000;
}

ul.safirSocial li.youtube a {
	background: #EB2429;
}

ul.safirSocial li.whatsapp a {
	background: #25d366;
}

ul.safirSocial li.pinterest a {
	background: #CD2127;
}

ul.safirSocial li.instagram a {
	background: #B83C92;
}

ul.safirSocial li.linkedin a {
	background: #00659B;
}

ul.safirSocial li.tumblr a {
	background: #3d5a70;
}

ul.safirSocial li.googlenews a {
	background: #4583EC;
}

ul.safirSocial li.rss a {
	background: #F15B29;
}

/* #FOOTER */

#footer {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.075);
	position: relative;
	color: #333;
	clear: both;
}

#footer .footerCols {
	margin: 0 -25px;
	overflow: hidden;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N48ODBfwYQAAAbBAOgnVJciAAAAABJRU5ErkJggg==) 32% 0 repeat-y,  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N48ODBfwYQAAAbBAOgnVJciAAAAABJRU5ErkJggg==) 50% 0 repeat-y;
}

#footer .footerContainer {
	float: left;
	padding: 25px;
	width: 32%;
}

#footer .footerContainer.middle {
	width: 18%;
}

#footer .footerContainer.wide {
	width: 50%;
}

#footer .about .logo {
	margin-bottom: 15px;
}

#footer .about .copyright {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
}

#footer .footermenu ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
}

#footer .footermenu ul.sub-menu {
	display: none;
}

#footer .footermenu li {
	padding: 5px;
	font-size: 15px;
}

#footer .footermenu li a {
	color: #000;
	overflow: hidden;
	font-weight: 600;
	transition: all .3s;
	display: flex;
	align-items: center;
}

#footer .footermenu1 li {
	width: 100%;
	float: left;
}

#footer .footermenu1 li a {
	line-height: 40px;
}

#footer .footermenu1 li a:hover {
	color: var(--c1);
}

#footer .footermenu2 li {
	width: 33.333333333%;
}

#footer .footermenu2 li a {
	line-height: 40px;
	padding: 0 10px;
	background: #f7f7f7;
	border-left: 3px solid #e9e9e9;
	display: block;
	transition: all .3s;
}

#footer .footermenu2 li a:hover {
	color: #000;
	background: #f0f0f0;
}

#footer #footerBottom {
	background: #282828;
	text-align: center;
	color: #fff;
}

#footer #footerBottom .innerContainer {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: visible;
}

#footer .bottomText {
	font-weight: 500;
	line-height: 20px;
}

#footer .bottomText a {
	color: #eee;
	text-decoration: underline;
}

.footerAd {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
}

.footerAd .close {
	background: #e9e9e9;
	color: #e11;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	gap: 6px;
}

.footerAd .close svg {
	width: 12px;
	height: 12px;
}

.footerAd .ad {
	min-height: 80px;
	min-width: 250px;
}

@media all and (max-width:900px) {

	#footer {
		padding: 0;
		overflow: hidden;
		margin-top: 10px;
	}

	#footer .footerCols {
		background: none;
	}

	#footer .footerContainer {
		padding: 0 15px;
	}

	#footer .footerContainer, #footer .footerContainer.middle, #footer .footerContainer.wide {
		width: 100%;
		float: none;
	}

	#footer .footermenu1 {
		background: #fafafa;
	}

	#footer .footermenu1 li {
		width: 33.3333333%;
	}

	#footer .about {
		text-align: center;
		padding: 10px;
	}

	#footer .footerSocial ul.safirSocial li {
		margin-bottom:5px;
	}

	#footer .footermenu1, #footer .footermenu2 {
		padding: 10px;
	}

}

@media all and (max-width:500px) {

	#footer .footermenu1 li, #footer .footermenu2 li {
		width: 50%;
	}

}

@media all and (max-width:320px) {

	#footer .footermenu1 li, #footer .footermenu2 li {
		width: 100%;
	}

}

/* SAFİR TOP */

.safirTop {
	background: var(--c1);
	position: fixed;
	bottom: 20px;
	right: 20px;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.9;
	display: none;
	z-index: 20;
}

.safirTop svg {
	width: 18px;
	height: 18px;
	margin: 16px;
}

@media all and (max-width: 600px) {

	.safirTop {
		bottom: 10px;
		right: 10px;
	}

	.safirTop svg {
		margin: 9px;
	}

}

/* BREADCRUMB */

#breadcrumb {
	font-size: 13px;
	line-height: 1.75;
	margin-top: 2px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#breadcrumb a {
	color: #000;
}

#breadcrumb svg {
	width: 8px;
	height: 8px;
}

#breadcrumb .crumbs-home {
	display: flex;
	align-items: center;
}

#breadcrumb .crumbs-home svg {
	width: 13px;
	height: 13px;
	margin-right: 4px;
}

#breadcrumb .delimiter {
	margin: 0 5px;
}

/* AUTHOR */

.page-template-page-authors #content, body.author #content {
	width: 100%;
}

#authorPage {
	overflow: hidden;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N48ODBfwYQAAAbBAOgnVJciAAAAABJRU5ErkJggg==) 180px 0 repeat-y;
}

#authorPage #singleContent {
	margin-top: 20px;
}

#authorPage .profileBlock {
	float: left;
	width: 180px;
}

#authorPage .profileBlock .thumb {
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 15px;
}

#authorPage .profileBlock h1, #authorPage .profileBlock h2 {
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
	padding-right: 30px;
}

#authorPage .profileBlock .bio {
	padding-right: 30px;
	color: #434343;
	margin-bottom: 10px;
	line-height: 1.4;
}

#authorPage ul.safirSocial li.instagram a {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

#authorPage .authorPostsBlock {
	width: calc(100% - 180px);
	padding-left: 30px;
	float: right;
}

.authorPostsBlock .authorpostitems .items {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}

.authorPostsBlock .item-container {
	width: 50%;
	padding: 15px;
}

.authorPostsBlock .item {
	padding: 0 0 30px 0;
	position: relative;
	display: flex;
	border-bottom: 1px solid #f1f1f1;
}

.authorPostsBlock .item a:hover {
	color: var(--c1);
}

.authorPostsBlock .item .inner {
	line-height: 20px;
	height: 105px;
	overflow: hidden;
}

#single .authorPostsBlock .item .inner {
	height: 45px;
}

.authorPostsBlock .item a {
	color: #000;
	transition: all .3s;
}

.authorPostsBlock .item .title {
	font-size: 16px;
	font-weight: 600;
}

.authorPostsBlock .item svg {
	width: 12px;
	height: 12px;
	margin: 4px 10px 4px 0;
	color: #646464;
}

.authorPostsBlock .item .meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 5px;
}

.authorPostsBlock .item .summary {
	color: #2a2a2a;
	font-size: 14px;
	line-height: 1.4;
}

@media all and (max-width: 800px) {

	#authorPage {
		background: none;
	}

	#authorPage .profileBlock {
		width: 100%;
		margin-bottom: 20px;
	}

	#authorPage .profileBlock .thumb {
		float: left;
		width: 150px;
		margin-right: 10px;
		border-bottom: 0;
		margin-bottom: 0;
	}

	#authorPage .profileBlock .bio {
		padding-right: 0;
	}

	#authorPage .authorPostsBlock {
		width: 100%;
		padding-left: 0;
	}

	.authorPostsBlock .authorpostitems .items {
		margin: -10px;
	}

	.authorPostsBlock .item-container {
		padding: 10px;
	}

	.authorPostsBlock .item {
		padding: 0 0 20px 0;
	}

}

@media all and (max-width:500px) {

	.authorPostsBlock .item-container {
		width: 100%;
	}

}

/* OWL */

.owlWidget .owl-nav div {
	display: block;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.6);
	position: absolute;
	background: rgba(0,0,0,0.6);
	margin-top: -20px;
	top: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.owlWidget .owl-nav div svg {
	margin: 15px 5px;
}

.owlWidget .owl-nav .owl-prev {
	left: 0;
	border-radius: 0 3px 3px 0;
}

.owlWidget .owl-nav .owl-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.owlWidget.withHeading .owl-nav {
	position: absolute;
	top: -78px;
	right: 0;
}

.owlWidget.withHeading.wideWidget .owl-nav {
	top: -68px;
}

.owlWidget.withHeading .owl-nav div {
	background: rgba(0,0,0,0.3);
	margin-top: 0;
	top: 0;
	box-shadow: none;
	border-radius: 50%;
	float: left;
	position: relative;
	margin: 0 0 0 5px;
	transition: all .3s;
	text-shadow: none;
}

.owlWidget.withHeading .owl-nav div:hover {
	background: rgba(0,0,0,0.4);
}

.owlWidget.withHeading .owl-nav div svg {
	width: 12px;
	height: 12px;
	margin: 9px;
}

.owlWidget.withHeading .owl-nav .owl-prev {
	right: 0;
}

.owlWidget.withHeading .owl-nav .owl-next {
	right: 0;
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} @-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@media all and (max-width: 1024px) {

	.owlWidget.withHeading.wideWidget .owl-nav {
		top: -60px;
	}
}

@media all and (max-width: 768px) {

	.owlWidget.withHeading .owl-nav {
		top: -70px;
	}

}

/* SOME EDITS */

.screen-reader-text {
	display: none;
}

/* WP STUFF */

img.alignleft {
	border: 1px solid #cdc;
	float: left;
	margin: 0 10px 10px 0;
	padding: 1px;
}

img.alignright {
	border: 1px solid #cdc;
	float: right;
	margin: 0 0 10px 10px;
	padding: 1px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.wp-caption {
	max-width: 100%;
}

/* Upgrades */

#sfr_approve {
	margin: 3px;
}

/* RESMİ İLANLAR */

body.resmiilan #content {
	width: 100%;
}

body.resmiilan .safirnavi {
	margin: 15px 0 0;
}

body.resmiilan.archive .pageHeading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.resmiilan .fixedAd, body.resmiilan .ads, body.resmiilan .sliderWidget  {
	visibility: hidden;
	display: none;
}

body.resmiilan .listing {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
	body.resmiilan .listing {
		grid-template-columns: 1fr;
	}
}

body.resmiilan .listing .post {
	background: #f5f5f5;
	display: flex;
}

body.resmiilan .listing .post .postthumb {
	width: 200px;
	flex-shrink: 0;
	float: left;
}

body.resmiilan .listing .post .safirthumb {
	padding-bottom: 75%;
}

body.resmiilan .listing .post .detail {
	height: 130px;
	overflow: hidden;
	line-height: 20px;
	margin: 10px;
}

body.resmiilan .listing .post h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

body.resmiilan .listing .post .safirMetas {
	margin-bottom: 5px;
}

body.resmiilan .listing .post .safirMetas .meta {
	margin: 0;
}

body.resmiilan.single .ads, body.resmiilan.single .haberSingle .safirBox, body.resmiilan.single #comments, body.resmiilan.single #related {
	display: none;
}

body.resmiilan.single .haberSingle .safirBox:first-child, body.resmiilan.single .haberSingle .infiniteLink + .safirBox {
	display: block;
}

body.resmiilan.single .resmiilantag {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	margin-top: 10px;
}

.resmiilanfilter {
	padding: 5px;
	background: #f0f0f0;
	display: flex;
	align-items: center;
}

.resmiilanfilter input {
	outline: none;
	height: 40px;
	transition: all .25s;
	border: 2px solid #e0e0e0;
	border-right: 0;
	padding: 5px;
}

.resmiilanfilter button {
	border: 0;
	color: #fff;
	padding: 5px 10px;
	line-height: 28px;
	cursor: pointer;
	background: var(--c1);
}