#headerSearch button:before, .safirSocial a:before, #switcher .icon span, #single.attachment .gallery-nav a:before, .safirnavi a:before, .burclarWidget .icon, #modalburc .icon, .owl-nav, #menu .arrow, .metaBox .icon:before, .safir-searchform button:before, #modalburc a.close:before, #comments ol.children:before, #backtotop:before, .galleryWidget .galleryHeading .title:before, .galleryWidget .thumb .icon:before, #content .listing.photo .thumb .icon:before, #content .listing.video .thumb .icon:before, #mobileHeader .toggleMenu:before, #mobileHeader .searchButton:before, #hamburgermenu span.close:before, #mobilemenu .subarrow:before, #mobileHeader .searchButton:before {
font-family:yaren!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
@font-face{font-family:yaren;src:url(//www.siirler.biz/wp-content/themes/yaren/fonts/yaren.eot);src:url(//www.siirler.biz/wp-content/themes/yaren/fonts/yaren.eot?#iefix) format("embedded-opentype"),url(//www.siirler.biz/wp-content/themes/yaren/fonts/yaren.woff) format("woff"),url(//www.siirler.biz/wp-content/themes/yaren/fonts/yaren.ttf) format("truetype"),url(//www.siirler.biz/wp-content/themes/yaren/fonts/yaren.svg#yaren) format("svg");font-weight:400;font-style:normal} * {
outline:0;
vertical-align:bottom;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
body {
font-size: 14px;
color: #515151;
background: url(//www.siirler.biz/wp-content/themes/yaren/images/body-bg.png);
-webkit-font-smoothing: antialiased;
}
ul {
list-style:none;
list-style-position:outside;
}
a {
text-decoration:none;
}
a img {
border:0;
}
img {
max-width:100%;
height:auto;
}
ins, embed, iframe {
max-width:100%;
}
h1 {
font-size:24px;
}
h2 {
font-size:21px;
}
h3 {
font-size:18px;
}
form, input, select, textarea {
font-size: 14px;
} .mainHeading {
font-size: 22px;
line-height: 25px;
padding: 10px 0;
margin-bottom: 15px;
font-weight: 500;
border-bottom: 1px dotted #ddd;
}
.catDesc {
font-size: 15px;
margin-bottom: 20px;
line-height: 1.5;
}
.safiricon {
display: block;
margin-right: 5px;
}
.safiricon svg {
fill: currentColor;
display: block;
width: 16px !important;
height: 16px !important;
margin: auto;
}
.reading {
line-height: 1.75;
font-size: 16px;
}
.reading p {
margin-bottom: 10px;
text-align: justify;
}
.reading.left p {
text-align: left;
}
.reading.center p {
text-align: center;
}
.reading p.notfound {
font-size: 180px;
}
.reading ul, .reading ol {
margin-bottom: 10px;
}
.reading ul li {
list-style: disc;
list-style-position: inside;
}
.reading ol li {
list-style: decimal;
list-style-position: inside;
}
table {
width: 100%;
border-collapse: collapse;
}
table td, table th {
padding: 8px;
border: 1px solid #e0e0e0;
}
.heading {
margin-bottom: 20px;
position: relative;
}
.heading .title {
background: url(//www.siirler.biz/wp-content/themes/yaren/images/title-bg.png);
padding-left: 8px;
line-height: 38px;
border: 1px solid #e8e8e8;
border-left: 0;
font-size: 18px;
}
aside .heading .title {
font-size: 16px;
}
.heading .allLink {
position: absolute;
top: 15px;
right: 10px;
font-size:12px;
}
aside .heading .allLink {
position: absolute;
top: 13px;
right: 10px;
}
.padding {
padding:10px;
}
img.pic {
background:#fff;
border:1px solid #ddd;
padding:2px;
}
.shiftBottom {
margin-bottom: 20px;
}
.reading .ads {
margin-bottom: 20px;
clear: both;
} .safirReklam {
border-radius: 3px; 
font-size: 16px; 
padding: 50px 10px; 
background: #f0f0f0; 
text-shadow: 1px 1px 1px #fff; 
color: #717171; 
text-align: center;
font-weight: 500;
}
.safirReklam.narrow {
padding: 20px 10px; 
}
.fixedAd {
z-index: 20;
display: none;
top: 0;
}
.fixedAd.absolute {
position: absolute;
}
.fixedAd.fixed {
position: fixed;
}
.ads {
text-align: center;
} img.lazy {
opacity: 0;
transition: opacity .3s ease-in;
}
.safirthumbx {
position: relative;
overflow: hidden;
background: #dfdfdf;
}
.safirthumbx.author {
background: transparent;
padding-bottom: 100%;
}
.safirthumbx.nobg {
background: transparent;
}
.safirthumbx.square {
padding-bottom: 100%;
}
.safirthumbx:before {
position: absolute;
display: block;
content: "";
}
.safirthumbx .thumbnail {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.safirthumbx .center {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(50%,50%);
}
.safirthumbx img {
position: absolute;
top: 0;
left: 0;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.fitImage .safirthumbx img {
object-fit: fill;
} #wrapper {
max-width:1060px;
margin: auto;
background: #fff;
box-shadow: -5px 0 10px -7px #666, 5px 0 10px -7px #666;
position: relative;
z-index: 2;
}
#main {
margin: 20px;
overflow: hidden;
}
#content {
float:left;
width: 68.627451%;
}
.error404 #content {
width: 100%;
} #topbar {
background: #fafafa;
border-bottom: 1px solid #f7f7f7;
text-align:right;
overflow: hidden;
}
#topmenu {
float: left;
padding: 10px 20px;
}
#topmenu ul {
overflow: hidden;
}
#topmenu li {
float: left;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #dcdcdc;
}
#topmenu a {
display: flex;
align-items: center;
line-height: 20px;
font-weight: 500;
}
#topmenu li:first-child {
margin-left: 0;
padding-left: 0;
border: 0;
}
#topmenu .sub-menu {
display: none;
}
#headerSearch {
float:right;
height: 40px;
position:relative;
background-color: rgba(0,0,0,0.04);
margin-left: 5px;
}
#headerSearch #safir-s {
display:block;
float:left;
width:100%;
background:0;
height:40px;
border:0;
line-height:30px;
color:#666;
padding: 5px 0;
padding:0 50px 0 10px;
font-weight: 500;
font-size: 13px;
}
#headerSearch input[type=text] {
box-shadow: none;
}
#headerSearch button {
display:block;
position:absolute;
right:0;
top:0;
width:40px;
height:40px;
border:0;
background-color: rgba(0,0,0,0.04);
cursor:pointer;
}
#headerSearch button:before {
display: block;
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
content: "\E008";
color: #5f5f5f;
} #banner {
overflow:hidden;
display: table;
width: 100%;
}
#banner .row {
display: table-row;
}
#header-logo {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
#header-logo h1 {
margin:0;
}
#header-logo img {
vertical-align:middle;
width: auto;
}
#banner-ad {
display: table-cell;
vertical-align: middle;
text-align: right;
padding: 20px;
}
#menu {
z-index:40;
position:relative;
height:45px;
box-shadow:inset 0 22px rgba(255,255,255,0.15), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #fff;
width: 100%;
display: table;
}
#menu ul {
display: flex;
}
#menu li {
flex: 1 1 auto;
}
#menu a {
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
line-height: 20px;
color:#fff;
padding: 12px 3px;
transition: background 0.2s;
text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}
#menu li:hover a {
background-color:rgba(0,0,0,0.1);
}
#menu li:first-child a {
border-left: none;
}
#menu .sub-menu {
display: block;
background: #fff;
position: absolute;
min-width: 150px;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
opacity: 0;
z-index: -1;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
#menu li:hover>.sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(1px);
transition-delay: 0s, 0s, 0.3s;
}
#menu .sub-menu .sub-menu {
left: 100%;
margin-top: -37px;
}
#menu .sub-menu li {
display: block;
float:none;
border-left:none;
text-align:left;
}
#menu li .sub-menu a {
width: auto;
justify-content: left;
min-width: 120px;
line-height: 20px;
padding: 12px;
color: #222;
text-shadow: none;
background-color: #fff;
border: none;
border-bottom: 1px solid #f0f0f0;
transition: all .3s;
}
#menu li .sub-menu a:hover {
background-color: #f0f0f0;
}
#menu li.menu-item-has-children span.arrow:before {
display: block;
content: "\E001";
font-size: 8px;
width: 8px;
height: 8px;
line-height: 8px;
margin: 6px 0 6px 4px;
}
#menu li.menu-item-has-children li.menu-item-has-children span.arrow {
float: right;
}
#menu li.menu-item-has-children li.menu-item-has-children span.arrow:before {
content: "\E00D";
} aside {
float:right;
width: 29.411765%;
}
aside .nativeWidget {
background: #fff;
border: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
}
aside .nativeWidget .heading {
margin-bottom: 0;
border-left: 0;
}
aside .nativeWidget .title {
border: 0;
border-bottom: 1px solid #ddd;
}
aside .nativeWidget li {
line-height:2;
border-top: 1px dotted #ddd;
position: relative;
padding: 8px;
}
aside .nativeWidget li:first-child {
border-top: none;
}
aside .nativeWidget .cat-item span {
position: absolute;
right: 5px;
top: 5px;
color: #999;
font-size: 11px;
}
aside .nativeWidget li a:hover {
background-color: #fcfcfc;
} .sidebarWidget {
margin-top: 20px;
}
.sidebarWidget:first-child {
margin-top: 0;
}
.sidebarWidget .heading .title {
font-size: 14px;
} .safir-searchform {
position:relative;
height: 40px;
border-radius:2px;
background-color:#fff;
box-shadow:inset 0 0 5px rgba(0,0,0,0.05);
border: 1px solid #e3e3e3;
}
.safir-searchform input[type=text] {
display: block;	
float: left;
width: 100%;
background: 0;
height: 40px;
border: 0;
border-radius: 0;
line-height: 40px;
color: #999;
padding: 0 40px 0 10px;
font-weight: 500;
font-size: 14px;
background-color: transparent;
}
.safir-searchform input[type=text]:focus {
box-shadow: none;
border: 0;
}
.safir-searchform button {
display: block;
position: absolute;
right: 0;
top: 0;
border: 0;
background: none;
color: #515151;
cursor: pointer;
}
.safir-searchform button:before {
display: block;
content: "\E008";
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
} #searchform > div {
display: flex;
align-items: center;
}
#searchform label {
display: none;
}
#searchform input[type=submit] {
margin-left: 10px;
} .safirCustomMenu {
overflow: hidden;
}
.safirCustomMenu .sub-menu {
display: none;
}
.safirCustomMenu ul {
margin: -4px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.safirCustomMenu li {
overflow: hidden;
padding: 4px;
width: 50%;
}
#content .safirCustomMenu li {
width: 25%;
}
.safirCustomMenu a {
border-radius: 3px 0 0 3px;
display: flex;		
align-items: center;
line-height: 36px;
overflow: hidden;
font-weight: 500;
background: #f7f7f7;
border-right: 3px solid #e9e9e9;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.safirCustomMenu a .icon {
color: #fff;
width: 36px;
float: left;
flex-shrink: 0;
margin: 0;
}
.safirCustomMenu a .icon svg {
margin: 10px;
}
.safirCustomMenu a:hover .icon {
background-color: #333;
}
.safirCustomMenu a:hover {
color: #333;
}
.safirCustomMenu .text {
padding-left: 8px;
} .slidingWidget .post-container {
position: relative;
}
.slidingWidget .post-container .title {
position: absolute;
bottom: 0;
width: 100%;
padding: 5px 0;
background: rgba(0,0,0,0.3);
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.slidingWidget .post-container .title a {
color: #fff;
font-size: 14px;
text-shadow:1px 1px 3px #333;
}
.slidingWidget .post-container .title a:hover {
color: #eee;
}
.slidingWidget .owl-nav div {
width: 30px;
height: 40px;
display: block;
text-align: center;
position: absolute;
margin-top: -15px;
top: 50%;
}
.slidingWidget .owl-nav div:before {
width: 30px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,0.8);
font-size: 15px;
}
.slidingWidget .owl-nav .owl-prev  {
left: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
.slidingWidget .owl-nav .owl-next {
right: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
}
.slidingWidget .owl-nav .owl-prev:before {
content: "\E002";
}
.slidingWidget .owl-nav .owl-next:before {
content: "\E00D";
} .burclarWidget {
overflow: hidden;
border: 1px solid #e8e8e8;
background-color: #fdfdfd;
}
.burclarWidget ul {
margin: 0 -4px;
}
.burclarWidget li {
float:left;
padding: 8px 4px;
text-align: center;
}
.burclarWidget.sidebarWidget li {
width: 25%;
}
.burclarWidget.homeWidget li {
width: 8.33%;
}
.burclarWidget a {
display: block;
line-height: 1.5;
text-align: center;
}
.burclarWidget .icon, #modalburc .icon {
display: block;
margin: auto;
width: 50px;
}
.burclarWidget .icon:before, #modalburc .icon:before {
display: block;
transition: all .1s;
height: 50px;
line-height: 50px;
font-size: 40px;
text-align: center;
color: #515151;
}
.burclarWidget .icon:hover:before, #modalburc .icon:hover:before {
font-size: 44px;
}
.koc .icon:before {
content: "\E024";
}
.boga .icon:before {
content: "\E022";
}
.ikizler .icon:before {
content: "\E01D";
}
.yengec .icon:before {
content: "\E01E";
}
.aslan .icon:before {
content: "\E01B";
}
.basak .icon:before {
content: "\E01F";
}
.terazi .icon:before {
content: "\E020";
}
.akrep .icon:before {
content: "\E01C";
}
.yay .icon:before {
content: "\E025";
}
.oglak .icon:before {
content: "\E021";
}
.kova .icon:before {
content: "\E023";
}
.balik .icon:before {
content: "\E01A";
}
#modalburc {
display: none;
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#modalburc .bg {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
#modalburc .info {
max-width: 800px;
margin: 100px auto 0;
position: relative;
z-index: 20;
background: #fff;
border-radius: 10px;
padding: 20px;
line-height: 1.5;
box-shadow: 0 0 30px #000;
text-align: justify;
}
#modalburc .content {
display: none;
}
#modalburc .loading {
background: url(//www.siirler.biz/wp-content/themes/yaren/images/loading.gif) 50% 50% no-repeat;
padding: 60px 0;
}
#modalburc a.close {
position: absolute;
top: 0;
right: 0;
display: block;
border-radius: 0 10px;
background: #000;
}
#modalburc a.close:before {
display: block;
float: left;
height: 16px;
width: 16px;
line-height: 16px;
font-size: 10px;
margin: 6px;
content: "\E00B";
border-radius: 50%;
color: #fff;
text-align: center;
}
#modalburc .header {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
padding-right: 50px;
margin-bottom: 5px;
text-align: left;
}
#modalburc .header .icon {
float: left;
width: 50px;
margin-right: 10px;
}
#modalburc .header .icon {
float: left;
width: 50px;
margin-right: 10px;
}
#modalburc .header h1 {
margin-bottom: 0;
font-size: 18px;
}
#modalburc p.date {
color: #999;
font-size: 13px;
}
#modalburc .header span {
font-size: 13px;
color: #aaa;
line-height: 25px;
}
#modalburc .inline-links {
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 5px;
text-align: center;
}
#modalburc .inline-links a {
padding: 10px;
color: #aaa;
display: inline-block;
}
#modalburc .inline-links a:hover {
color: #666;
}
#modalburc .inline-links a.active {
font-weight: bold;
color: #666;
}
#modalburc .reading p {
margin-bottom: 8px;
font-size: 14px;
}
#modalburc .reading br {
display: none;
}
#modalburc .reading p:last-child {
display: none;
}
#safir-burclar {
overflow:hidden;
text-align:center;
margin:0 -1px -10px;
}
#safir-burclar li {
display:inline-block;
width:65px;
margin-bottom:10px;
text-align:center;
}
#safir-burclar a {
display:block;
padding-top:30px;
} .advancedPostsWidget.sidebarWidget .post-container {
overflow: hidden;
border-top: 1px dotted #ddd;
padding-top: 10px;
margin-top: 10px;
}
.advancedPostsWidget.sidebarWidget .post-container:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.advancedPostsWidget.sidebarWidget .post .thumb {
float: left;
width: 140px;
}
.advancedPostsWidget.sidebarWidget .post .detail {
margin-left: 150px;
line-height: 20px;
height: 80px;
overflow: hidden;
}
.advancedPostsWidget.sidebarWidget .post .detail .title {
font-weight: bold;
} #single .heading {
line-height: 30px;
border-bottom: 1px solid #E8E8E8;
border-left: 0;
font-size: 18px;
}
#single .breadcrumb {
font-size: 12px;
color: #66676c;
}
#single .excerpt {
font-weight: bold;
}
#related {
margin-bottom: 20px;
} #single .metaBox .share {
float: right;
margin: 7px;
}
#single .safirSocial a {
height: 26px;
width: 26px;
border-radius: 0;
background: none;
}
#single .safirSocial a:before {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 24px;
} #single .metaBox {
overflow:hidden;
margin-bottom: 20px;
padding-left: 10px;
color: #4f4f4f;
background: #fafafa;
border-radius: 3px;
font-weight: 500;
}
#single .metaBox .meta {
float: left;
font-size: 12px;
line-height: 20px;
margin-right: 20px;
padding: 10px 0;
}
#single .metaBox .meta a {
color: #4f4f4f;
}
#single .metaBox .meta a:hover {
color: #000;
}
#single .metaBox .icon {
width: 16px;
height: 16px;
float: left;
margin: 2px 4px 2px 0;
}
#single .metaBox .icon:before {
font-size: 16px;
}
#single .metaBox .category .icon:before {
content: "\E00A";
font-size: 13px;
}
#single .metaBox .date .icon:before {
content: "\E005";
}
#single .metaBox .hit .icon:before {
content: "\E011";
font-size: 13px;
}
#single .metaBox .comment .icon:before {
content: "\E016";
} #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;
display: flex;
}
#singleBlock.type2 .thumb {
margin-left: auto;
width: 54.285714%;
}
#singleBlock .ads.type2 {
float: left;
width: 42.857143%;
}
#singleBlock.type2.noad {
float: left;
width: 300px;
margin-right: 15px;
}
#singleBlock.type2.noad .thumb {
width: 100%;
}
#singleBlock.type3 {
float: left;
max-width: 300px;
margin: 0 15px 5px 0;
}
#singleBlock.type3 .ads {
margin-bottom: 15px;
}
#single .tags {
clear: both;
margin-bottom: 10px;
font-size: 12px;
}
#single .tags span {
display: inline-block;
padding: 4px;
font-weight: bold;
background: #ddd;
margin-bottom: 3px;
}
#single .tags a {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
margin-right: 3px;
margin-bottom: 3px;
transition: all 0.3s;
}
#single .tags a:hover {
color: #666;
background: #fafafa;
}
#single .singleAd2 {
clear: both;
margin-bottom: 10px;
}
#comments {
clear: both;
}
#comments ol {
list-style: none;
margin: 0;
}
#comments ol li {
clear: both;
line-height: 1.5;
overflow: hidden;
margin: 10px 0 0;
}
#comments ol.children {
position: relative;
}
#comments ol.children:before {
content: "\E013";
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
display: block;
position: absolute;
top: 20px;
left: 20px;
}
#comments li li {
margin-left: 65px;
}
#reply-title {
margin-bottom: 8px;
}
#comments div.comment-body {
overflow: hidden;
position: relative;
}
#comments .says {
display: none;
}
#respond p {
clear: both;
}
.commentlist .avatar {
background: #efefef;
border: 1px solid #e1e0e0;
float: left;
margin: 0 10px 0 0;
padding: 2px;
border-radius: 2px;
}
.commentlist .comment-author {
display: inline;
}
.commentlist .comment-author cite {
display: inline;
font-style: normal;
font-weight: bold;
}
.commentlist .comment-meta {
color: #999;
display: inline;
float: right;
}
.commentlist .comment-meta a {
color: #999;
}
#respond {
margin-top: 20px;
}
#respond textarea, #respond input[type=text] {
background: #fcfdfe;
border: 1px solid #ccdade;
color: #8a8b8b;
margin-bottom: 8px;
padding: 5px;
outline: 1px solid #f2f7f9;
border-radius: 1px;
width: 100%;
display: block;
max-width: 100% !important;
}
#respond textarea:focus, #respond input[type=text]:focus {
border: 1px solid #a9b5b7;
}
#respond p.warning {
color: red;
font-style: italic;
}
#content #comments .inputs {
overflow: hidden;
margin: 0 -4px;
}
#content #comments .inputs .item {
width: 50%;
float: left;
padding: 0 4px;
}
#content #comments input#author, #content #comments input#email {
display: block;
width: 100%;
line-height: 20px;
padding: 10px;
height: 40px;
}
#content #comments textarea {
display: block;
height: 100px;
}
#content #comments.logged-in textarea {
width: 100%;
float: none;
margin-top: 10px;
}
#respond p.form-submit {
clear: both;
}
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%;
} #gallery-links {
overflow: hidden;
position: relative;
height: 30px;
margin-bottom: 10px;
}
#gallery-links .prev {
background: url(//www.siirler.biz/wp-content/themes/yaren/images/prevnext.png);
float: left;
}
#gallery-links .prev a {
display: block;
width: 100px;
height: 30px;
text-indent: -9999px;
}
#gallery-links .next {
background: url(//www.siirler.biz/wp-content/themes/yaren/images/prevnext.png) 0 -30px;
float: right;
}
#gallery-links .next a {
display: block;
width: 100px;
height: 30px;
text-indent: -9999px;
}
#gallery-links .number {
margin: auto;
position: absolute;
width: 100px;
left: 50%;
top: 0;
margin-left: -50px;
text-align: center;
line-height: 30px;
font-size: 12px;
}
#single.attachment .ads, #image {
text-align: center;
}
#single.attachment .gallery-nav {
text-align: center;
margin-bottom: 10px;
}
#page-links {
text-align: center;
margin-bottom: 5px;
}
#page-links span {
display: inline-block;
}
#single.attachment .gallery-nav a, #page-links span, .safirnavi a, .safirnavi span {
display: inline-block;
color: #999;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
background: #ECECEC;
line-height: 30px;
margin: 0 5px 5px 0;
width: 30px;
text-align: center;
border: 1px solid #D8D8D8;
border-bottom: 1px solid #CCC;
border-radius: 3px;
overflow: visible;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
transition:all .2s;
font-weight: bold;
}
#single.attachment .gallery-nav a:hover, #single.attachment .gallery-nav a.active, #page-links>span, .safirnavi a:hover, .safirnavi .current  {
color: #888;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
background: #ddd;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187);
}
#single.attachment .gallery-nav a.arrow:before, .safirnavi a:before {
display: block;
line-height: 30px;
font-size: 10px;
}
#single.attachment .gallery-nav a.arrow.first:before, .safirnavi a.first:before {
content: "\E003";
}
#single.attachment .gallery-nav a.arrow.left:before, .safirnavi a.left:before {
content: "\E002";
}
#single.attachment .gallery-nav a.arrow.right:before, .safirnavi a.right:before {
content: "\E00D";
}
#single.attachment .gallery-nav a.arrow.last:before, .safirnavi a.last:before {
content: "\E000";
} #single .gallery {
overflow: hidden;
margin: 5px -5px;
clear: both;
}
#single .gallery .gallery-item {
float:left;
width:25%;
height: 23%;
padding:5px;
margin: 0;
}
#single .gallery .gallery-item img {
border:1px solid #ddd;
width:100%;
padding:2px;
}
#single .gallery br {
display: none;
} .safirSocial {
overflow: visible;
margin: -2px;
}
.safirSocial li {
float: left;
margin: 2px !important;
list-style: none !important;
}
.safirSocial a {
display: block;
height: 24px;
width: 24px;
transition: all .3s;
float: left;
color: #a2a2a2;
}
.safirSocial a:before {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
display: block;
font-size: 24px;
float: left;
}
.safirSocial li.facebook a {
color: #38599B;
}
.safirSocial li.facebook a:before {
content: "\E018";
}
.safirSocial li.twitter a {
color: #2A9CF6;
}
.safirSocial li.twitter a:before {
content: "\E014";
}
.safirSocial li.youtube a {
color: #EB2429;
}
.safirSocial li.youtube a:before {
content: "\E019";
}
.safirSocial li.whatsapp a {
color: #25d366;
}
.safirSocial li.whatsapp a:before {
content: "\E00F";
}
.safirSocial li.pinterest a {
color: #CD2127;
}
.safirSocial li.pinterest a:before {
content: "\E010";
}
.safirSocial li.instagram a {
color: #B83C92;
}
.safirSocial li.instagram a:before {
content: "\E009";
}
.safirSocial li.linkedin a {
color: #00659B;
}
.safirSocial li.linkedin a:before {
content: "\E004";
}
.safirSocial li.rss a {
color: #F15B29;
}
.safirSocial li.rss a:before {
content: "\E012";
} footer {
clear: both;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
position: relative;
color: #333;
}
footer .footerCols {
padding: 0 20px;
margin: 0 -15px;
overflow: hidden;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N4+/btfwYQAAAcPAPHm5ttOgAAAABJRU5ErkJggg==) 25% 0 repeat-y,  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQYV2N4+/btfwYQAAAcPAPHm5ttOgAAAABJRU5ErkJggg==) 45% 0 repeat-y;
}
footer .footerContainer {
width: 25%;
float: left;
padding: 20px 15px;
}
footer .footerContainer.middle {
width: 20%;
}
footer .footerContainer.wide {
width: 55%;
}
footer .about .logo {
margin-bottom: 10px;
}
footer .about .logo img {
width: auto;
}
footer .about .copyright {
margin-bottom: 10px;
}
footer .sub-menu {
display: none !important;
}
.footermenu1 ul {
display: flex;
flex-wrap: wrap;
margin: -3px;
}
.footermenu1 li {
padding: 3px;
width: 100%;
}
.footermenu1 li a {
color: #333;
display: flex;
align-items: center;
font-weight: 500;
line-height: 30px;
float: left;
}
.footermenu1 li a:hover {
color: #000;
}
footer .footermenu2 ul {
margin: -5px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
footer .footermenu2 li {
padding: 5px;
width: 33.333333333%;
}
footer .footermenu2 li a {
color: #333;
display: flex;
align-items: center;
font-weight: 500;
line-height: 38px;
padding: 0 10px;
background: #f7f7f7;
transition: all .3s;
border-bottom: 1px solid #ededed;
}
footer .footermenu2 li a:hover {
color: #000;
background: #f0f0f0;
}
footer #footerBottom {
background: #282828;
text-align: center;
color: #fff;
}
footer #footerBottom .innerContainer {
padding:10px;
}
footer .bottomText {
font-weight: 500;
line-height: 20px;
}
footer .bottomText a {
color: #eee;
text-decoration: underline;
} #backtotop {
position:fixed;
bottom:20px;
right:20px;
z-index: 1;
display: none;
border-radius: 50%;
cursor: pointer;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.15)
}
#backtotop:before {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
content: "\E017";
} .homeWidget {
margin-top: 20px;
}
.homeWidget:first-child {
margin-top: 0;
}
.itemContainer img {
width: 100%;
}
#content .listing {
margin: -10px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
#content .listing .post-container {
width: 33.33%;
padding: 10px;
}
#content .listing .post-container .thumb {
position: relative;
margin-bottom: 5px;
}
#content .listing.standard .post-container .detail {
line-height: 20px;
height: 100px;
overflow: hidden;
margin-top: 5px;
}
#content .listing .post-container .detail .title {
font-weight: bold;
font-size: 15px;
}
#content .listing.detail .post-container {
overflow:hidden;
width: 100%;
}
#content .listing.detail .post-container .thumb {
float: left;
margin-bottom: 0;
width: 200px;
}
#content .listing.detail .post-container .detail {
margin-left: 210px;
}
#content .listing.detail .post-container .title {
font-size: 16px;
margin-bottom: 5px;
}
#content .listing.detail .post-container .summary {
line-height: 22px;
height: 88px;
overflow: hidden;
text-align: justify;
}
#content .listing.picture .title {
text-align: center;
line-height: 20px;
height: 40px;
overflow: hidden;
} .sliderWidget {
position: relative;
}
.sliderWidget .post {
position: relative;
}
.sliderWidget .post .safirthumb {
position: relative;
}
.sliderWidget .post .safirthumb a {
display: block;
}
.sliderWidget .post .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
}
.sliderWidget .post .title a {
color: #fff;
display: block;
background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
text-shadow: 1px 1px 3px rgba(0,0,0,.2);
padding: 20px;
font-size: 24px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sliderWidget .post .title a:hover {
color: #fff;
}
.sliderWidget .item {
display: none;
position: relative;
}
.sliderWidget .item:first-child {
display: block;
}
.sliderWidget .owl-nav div {
width: 60px;
height: 60px;
color: #000;
padding: 20px;
display: none;
cursor: pointer;
position: absolute;
top: 50%;
margin-top:-60px;
z-index: 20;
background: rgba(255,255,255,0.4);
}
.sliderWidget .owl-nav .owl-prev {
left: 20px;
}
.sliderWidget .owl-nav .owl-next {
right: 20px;
}
.sliderWidget .owl-nav div:before {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
}
.sliderWidget .owl-nav .owl-prev:before {
content: "\E002";
}
.sliderWidget .owl-nav .owl-next:before {
content: "\E00D";
}
.sliderWidget .owl-dots {
display: flex;
flex-wrap: nowrap;
border-bottom: 1px solid #ededed;
}
.sliderWidget .owl-dots .owl-dot {
text-align: center;
font-size: 14px;
font-weight: bold;
width: 100%;
border-left: 1px solid #ededed;
}
.sliderWidget .owl-dots .owl-dot:first-child {
border-left: 0;
}
.sliderWidget .owl-dots .owl-dot a {
display: block;
color: #000;
background: #fafafa;
line-height: 40px;
font-size: 16px;
transition: all .3s;
}
body.home .sliderWidget .owl-dots {
background: #fff;
}
.sliderWidget .owl-dots .owl-dot.active a {
color: #fff;
}
.sliderWidget.sidebarWidget .post .title {
padding: 0;
}
.sliderWidget.sidebarWidget .post .title a {
padding: 10px;
line-height: 1.4;
font-size: 17px;
border-left: 0;
font-weight: bold;
white-space: normal;
text-overflow: inherit;
}
.sliderWidget.sidebarWidget .owl-nav div {
width: 30px;
height: 30px;
padding: 8px;
margin-top: -35px;
}
.sliderWidget.sidebarWidget .owl-nav .owl-prev {
left: 0;
}
.sliderWidget.sidebarWidget .owl-nav .owl-next {
right: 0;
}
.sliderWidget.sidebarWidget .owl-nav div:before {
width: 14px;
height: 14px;
line-height: 14px;
font-size: 14px;
} .galleryWidget {
border-radius: 3px;
overflow: hidden;
position: relative;
}
.galleryWidget .items {
padding: 10px;
}
.galleryWidget.siyah {
background: #505050;
}
.galleryWidget.mavi {
background: #266270;
}
.galleryWidget.yesil {
background: #429f33;
}
.galleryWidget.kirmizi {
background: #b22828;
}
.galleryWidget.mor {
background: #971b84;
}
.galleryWidget .galleryHeading {
box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 0 2px rgba(255,255,255,.05);
position: relative;
line-height: 34px;
border-radius: 3px 3px 0 0;
}
.galleryWidget .galleryHeading .title {
color: #fff;
font-size: 15px;
padding-left: 10px;
}
.galleryWidget .galleryHeading .title:before {
height: 34px;
line-height: 34px;
margin-right: 5px;
display: block;
float: left;
}
.galleryWidget.standart .galleryHeading .title:before {
display: none;
}
.galleryWidget.photo .galleryHeading .title:before {
content: "\E007";
font-size: 18px;
}
.galleryWidget.video .galleryHeading .title:before {
content: "\E00C";
font-size: 15px;
}
.galleryWidget .galleryHeading .allLink {
position: absolute;
right: 10px;
top: 0px;
color: #fff;
font-size: 11px;
}
.galleryWidget .galleryHeading .allLink:hover {
color: #ddd;
}
.galleryWidget .owl-nav div {
width: 20px;
height: 40px;
display: block;
text-align: center;
color: #fff;
text-shadow: 0 0 4px #000;
position: absolute;
background: rgba(228,220,18,0.8);
margin-top: -20px;
top: 40%;
font-size: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.galleryWidget .owl-nav span {
width: 20px;
height: 20px;
display: block;
margin: 10px 0;
}
.galleryWidget .owl-nav span:before {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
}
.galleryWidget .owl-nav .owl-prev  {
left: 1px;
}
.galleryWidget .owl-nav .owl-next {
right: 1px;
}
.galleryWidget .owl-nav div:before, .galleryWidget .owl-nav div:after {
width: 0;
height: 0;
border-style: solid;
display: block;
position: absolute;
content: "";
left: 0;
}
.galleryWidget .owl-nav .owl-prev:before {
top: -10px;
border-width: 10px 0 0 20px;
border-color: transparent transparent transparent rgba(228,220,18,0.8);
}
.galleryWidget .owl-nav .owl-prev:after {
bottom: -10px;
border-width: 10px 20px 0 0;
border-color: rgba(228,220,18,0.8) transparent transparent transparent;
}
.galleryWidget .owl-nav .owl-next:before {
top: -10px;
border-width: 0 0 10px 20px;
border-color: transparent transparent rgba(228,220,18,0.8) transparent;
}
.galleryWidget .owl-nav .owl-next:after {
bottom: -10px;
border-width: 0 20px 10px 0;
border-color: transparent rgba(228,220,18,0.8) transparent transparent;
}
.galleryWidget .owl-nav .owl-prev span:before {
content: "\E002";
}
.galleryWidget .owl-nav .owl-next span:before {
content: "\E00D";
}
.galleryWidget .post-container .title {
text-align: center;
line-height: 17px;
height: 34px;
margin-top: 3px;
overflow: hidden;
}
.galleryWidget .post-container .title a {
color: #fff;
}
.galleryWidget .thumb {
position: relative;
border:1px solid #fafafa;
}
.galleryWidget .thumb .icon, #content .listing.photo .thumb .icon, #content .listing.video .thumb .icon {
position:absolute;
top: 50%;
left: 50%;
display: none;
width: 35px;
height: 35px;
margin: -17px 0 0 -17px;
cursor:pointer;
}
.galleryWidget .thumb .icon:before, #content .listing.photo .thumb .icon:before, #content .listing.video .thumb .icon:before {
display: block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 20px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.galleryWidget.photo .thumb .icon:before,  #content .listing.photo .thumb .icon:before {
content: "\E008";
}
.galleryWidget.video .thumb .icon:before,  #content .listing.video .thumb .icon:before {
content: "\E00C";
} .tabbedWidget {
border: 1px solid #e8e8e8;
border-radius: 2px;
}
.tabbedWidget .tab-titles {
background-image:linear-gradient(to top,#ededed, #fcfcfc);
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.tabbedWidget .tab-titles a {
display: block;
float: left;
line-height: 39px;
border-right: 1px solid #ddd;
padding: 0 20px;
font-size: 14px;
overflow: hidden;
}
.tabbedWidget .tab-titles a.active {
color: #fff;
}
.tabbedWidget .tab-titles a:first-child {
border-radius: 2px 0 0 0;
}
.tabbedWidget .tab {
display: none;
overflow: hidden;
padding: 5px;
background-color: #fdfdfd;
}
.tabbedWidget .tab:first-child {
display: block;
}
.tabbedWidget .post-container {
width: 50%;
padding: 5px;
float: left;
overflow: hidden;
}
.tabbedWidget .post-container .thumb {
float: left;
width: 140px
}
.tabbedWidget .post-container .detail {
margin-left: 145px;
line-height: 20px;
height: 80px;
overflow: hidden;
}
.tabbedWidget .post-container .detail .title {
font-weight: bold;
} .safirnavi {
overflow:hidden;
margin-top: 15px;
padding-top: 15px;
border-top: 1px dotted #ddd;
} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position: relative;}.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(//www.siirler.biz/wp-content/themes/yaren/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} form p {
overflow: hidden;
margin: 5px 0;
line-height: 30px;
}
form .wpcf7-form-control-wrap {
width: 100%;
}
form input[type=text],
form input[type=password],
form input[type=email],
form textarea,
form select {
width: 100%;
padding: 5px;
outline: none;
font-size: 14px;
font-weight: 500;
color: #999;
background: #FCFCFC;
color: #666;
border-bottom: 1px solid #D8D8D8;
border: 1px solid #D2D2D2;
border-radius: 3px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 0px 6px rgba(0, 0, 0, 0.07);
}
form input[type=text]:focus,
form input[type=password]:focus,
form input[type=email]:focus,
form textarea:focus,
form select:focus {
background: #FAFAFA;
border: 1px solid #c3c3c3;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 3px rgba(0, 0, 0, 0.15);
}
form input[type=checkbox] {
margin: 7px 7px 7px 0;
}
form textarea {
max-width: 500px;
height: 110px;
}
form input[type=submit] {
position: relative;
display: block;
color: #666;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
background: #ECECEC;
padding: 6px 20px 7px 20px;
outline: none;
border: 1px solid #D8D8D8;
border-bottom: 1px solid #CCC;
border-radius: 3px;
cursor: pointer;
font-weight: bold;
font-size: 14px;
overflow: visible;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
-webkit-appearance: none;
}
form input[type=submit]:hover, form input[type=submit]:focus{
color: #888;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.75);
} #mobileHeader {
display: none;
}
.hamburgerActive {
overflow-y: hidden;
}
#mobileHeader {
background: #fff;
z-index: 100000;
width: 100%;
}
#mobileHeader .toggleMenu {
display: none;
position: absolute;
z-index: 2;
width: 60px;
height: 60px;
top: 0;
left: 0;
cursor: pointer;
border-right: 1px solid #efefef;
}
#mobileHeader .toggleMenu:before {
content: "\E00A";
display: block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 24px;
text-align: center;
margin: 15px;
}
#mobileHeader>.searchButton {
display: none;
position: absolute;
z-index: 2;
width: 60px;
height: 60px;
top: 0;
right: 0;
cursor: pointer;
border-left: 1px solid #efefef;
}
#mobileHeader .searchButton:before {
content: "\E008";
display: block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 24px;
text-align: center;
margin: 15px;
}
#mobileHeader .searchButton.active:before {
content: "\E00B";
}
#hamburgermenu {
position: fixed;
z-index: 999999;
top: 0;
left: -300px;
width: 300px;
height: 100%;
overflow-y: scroll;
background: #fff;
transition: all .5s;
color: #515151;
}
.hamburgerActive #hamburgermenu {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#hamburgermenu .logoBlock {
margin: 10px;
padding-right: 50px;
}
#hamburgermenu .logoBlock a {
display: table-cell;
height: 40px;
vertical-align: middle;
}
#hamburgermenu .logoBlock img {
width: auto;
max-height: 50px;
}
#hamburgermenu span.close {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 15px;
right: 10px;
cursor: pointer;
background: #333;
color: #fff;
border-radius: 2px;
}
#hamburgermenu span.close:before {
content: "\E00B";
display:block;
width: 20px;
height: 20px;
line-height:20px;
font-size: 18px;
text-align: center;
margin: 10px;
}
#mobilemenuContainer {
overflow: hidden;
border-bottom: 1px solid #ececec;
}
#mobilemenu li {
position: relative;
}
#mobilemenu .subarrow {
width: 30px;
height: 30px;
background: #ececec;
border-radius: 3px;
display: block;
right: 10px;
top: 11px;
position: absolute;
z-index: 2;
cursor: pointer;
}
#mobilemenu .subarrow:before {
content: "\E001";
width: 10px;
height: 10px;
line-height: 10px;
font-size: 10px;
display: block;
margin: 10px;
}
#mobilemenu .subarrow.toggle:before {
content: "\E00B";
font-size: 8px;
}
#mobilemenu a {
display: flex;
align-items: center;
border-top: 1px solid #ececec;
padding: 15px;
line-height: 20px;
font-size: 14px;
color: #515151;
position: relative;
z-index: 1;
font-weight: 500;
}
#mobilemenu .menu-item-has-children>a {
padding-right: 40px;
}
#mobilemenu a:hover {
background: rgba(255,255,255,0.02);
}
#mobilemenu .sub-menu {
display: none;
}
#mobilemenu .sub-menu a {
padding-left: 40px;
}
#mobilemenu .sub-menu .sub-menu a {
padding-left: 80px;
}
#mobileSocial {
padding: 10px;
text-align: center;
}
#mobileSocial .safirSocial {
display: inline-block;
}
#overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.5);
z-index: 999998;
top: 0;
left: 0;
}
#mobileHeader .searchForm {
height: 50px;
border: 0;
border-bottom: 1px solid #dedede;
border-radius: 0;
background: #fff;
}
#mobileHeader .safir-searchform {
box-shadow: none;
border: 0;
}
#mobileHeader .safir-searchform input[type=text] {
box-shadow: none;
border: 1px solid #e3e3e3;
border-left: 0;
border-right: 0;
line-height: 50px;
height: 50px;
}
#mobileHeader .safir-searchform button:before {
line-height: 50px;
height: 50px;
} @media all and (max-width:1024px) {
#topbar, #banner, #menu {
display: none;
}
#mobileHeader {
display: block;
}
#main {
margin: 10px;
}
.sidebarWidget, .homeWidget {
margin-top: 10px;
}
#single .metaBox, .reading .ads, #singleBlock.type2, .shiftBottom {
margin-bottom: 10px;
}
.reading, .reading p {
text-align: left;
}
#switcher {
display: none;
}
#mobile-logo {
height: 60px;
float: none;
display: block;
padding: 0 60px;
box-shadow: 0 0 3px rgba(0,0,0,0.15);
position: relative;
z-index: 1;
}
#mobile-logo h1, #mobile-logo span {
height: 60px;
display: block;
text-align: center;
}
#mobile-logo a {
line-height: 60px;
padding: 5px;
display: block;
}
#mobile-logo img {
max-height: 50px;
width: auto !important;
display: block;
margin: auto;
}
#mainMenu {
display: none;
}
#search {
display: none;
z-index: 99999999;
position: absolute;
width: 100%;
background: #fff;
}
#search .searchForm {
position: absolute;
width: 100%;
display: block;
}
.searchWidget input[type=text] {
border: 0 !important;
}
#mobileHeader .toggleMenu, #mobileHeader>.searchButton {
display: block;
}
}
@media all and (max-width:900px) {
#backtotop {
bottom: 10px;
right: 10px;
}
#content .safirCustomMenu li {
width: 33.33%;
}
.burclarWidget.homeWidget li {
width: 16.66%;
}
footer {
padding: 0;
margin-top: 5px;
}
footer .footerCols {
background: none;
margin: 0;
padding: 0;
}
footer .footerContainer{
padding: 0;
}
footer .footerContainer, footer .footerContainer.middle, footer .footerContainer.wide {
width: 100%;
float: none;
}
.footermenu1 {
background: #fafafa;
}
.footermenu1 li {
width: 33.3333333%;
}
footer .about {
text-align: center;
padding: 10px;
}
footer .footerSocial .safirSocial li {
display: inline-block;
float: none;
margin-bottom:5px;
}
.footermenu1, footer .footermenu2 {
padding: 10px;
}
}
@media all and (max-width:850px) {
.burclarWidget.sidebarWidget li {
width: 33.33%;
}
#content .listing {
margin: -5px;
}
#content .listing .post-container {
padding: 5px;
}
}
@media all and (max-width:760px) {
#content, aside {
float:none;
width:100%;
}
.safirCustomMenu li {
width: 33.33%;
}
aside {
padding-left: 0;
}
#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;
}
.burclarWidget.homeWidget li, .burclarWidget.sidebarWidget li {
width: 8.33%;
}
.sliderWidget .post .title {
padding: 0;
}
body .sliderWidget .post .title a {
padding: 10px;
line-height: 1.4;
font-size: 17px;
border-left: 0;
}
.sliderWidget .owl-dots .owl-dot a {
font-size: 13px;
}
}
@media all and (max-width:650px) {
.burclarWidget.homeWidget li, .burclarWidget.sidebarWidget li {
width: 16.66%;
}
}
@media all and (max-width:600px) {
.tabbedWidget .post-container {
width: 100%;
float: none;
}
.safirCustomMenu li {
width: 50%;
}
#single .metaBox .share {
float: left;
margin-left: 0;
}
}
@media all and (max-width:500px) {
#singleBlock.type3, #singleBlock.type2.noad {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
}
.footermenu1 li, footer .footermenu2 li {
width: 50%;
}
aside .panel.recent .item {
width:100%;
float:none;
}
#content .listing .post-container {
width: 50%;
}
#modalburc {
overflow-y: scroll;
}
#modalburc .inline-links a {
padding: 4px;
}
#modalburc .info {
margin: 10px;
}
}
@media all and (max-width:400px) {
.reading p.notfound {
font-size: 120px;
}
aside .panel .cat-item {
width:100%;
float:none;
}
.safirCustomMenu li {
width: 100%;
}
.burclarWidget.homeWidget li, .burclarWidget.sidebarWidget li {
width: 25%;
}
}
@media all and (max-width:319px) {
#content .listing .post-container {
width: 100%;
float: none;
}
.footermenu1 li, footer .footermenu2 li {
width: 100%;
}
}