* {transition: 0.15s}
html {scroll-behavior:smooth}
body {font-family: 'Poppins', sans-serif; font-size:16px; background-color:#fafafa; padding:0; margin:0; letter-spacing:.01rem;}
#wrapper {clear:both; max-width:1000px; margin:0 auto; padding:1rem 2.5rem 4rem}
.single #wrapper {max-width:900px}
.home #wrapper {padding-top:3rem}
a {color:#444; }
.entry-content a {color:#48f}
a:hover {color:#e43}
a:active {color:#e00}
strong {font-weight:700 !important}
em {font-style:italic}
code, .mono {font-family:monospace; background-color:#ddd; padding:4px; border-radius:0.3rem;}
opacfooter {text-align:center; margin-top:5rem; color:#999}
blockquote {border-left: 3px solid #888; padding-left: 1rem; color: #888; font-style: italic; margin: 2rem 0 2rem 2rem;} .menu, .menu-menu-en-container {display:inline-block}
nav#menu {float:right; margin:0; padding:0 .5rem}
nav#menu li {display:inline-block; margin:0 0 .5rem}
nav#menu li a {padding:.5rem; line-height:3rem;}
nav#menu ul {padding-left:0}
.menu-menu-tr-container {display:inline-block}
@media screen and (max-width: 650px) {
.wp-caption.alignright {float:none; width: 100% !important; margin: 0 !important; display: block !important;}
}  .jp-relatedposts img {visibility:visible !important; animation:fadeInUp; animation-duration:.5s;}
#branding, .myLinks {width:100%}
#branding h1 {display:block; font-size:1.1rem; line-height:1.3; text-align:center; width:100%; color:#555; font-weight:500} #site-title {position:relative; margin:2.5rem auto; padding:2.5rem;}
#site-title h2 {display:initial; position:relative; font-weight:600; font-size:2rem; line-height:1; margin:0; color:#43464b}
#site-title h3 {display:initial; position:relative; font-weight:400; font-size:1.25rem; line-height:1.4; margin:0 0 3rem; color:#43464b}
#site-title h3 strong {font-size:250%; display:block; line-height:1.2; margin:.2rem 0 2.2rem}
#site-title p.prof {font-family:monospace; letter-spacing:2px}
#site-title p.tags {line-height:2.2rem}
#site-title p.tags a {font-family:monospace; margin-right:.75rem}
#site-title a.cv {padding: 0.5rem 1rem; background-color: #7ae; color: #fff; font-weight: 500; text-decoration: none; border-radius: 0.5rem;}
#site-title a.cv:hover {background-color:#fd3; color:#444}
#site-title img.avatar {float:right; width:200px; height:200px; margin:3rem 0 0 8rem; border-radius:50%;
background-color:#444;
border-top: 12px solid #e43;
border-right: 12px solid #48f;
border-bottom: 12px solid #3a5;
border-left: 12px solid #fb0;
will-change: transform;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}
#site-title img.avatar:hover {-webkit-transform: rotate(15deg); transform: rotate(15deg);}
.homeHide, .homeShow {position:absolute; top:17px; left:17px;}
.homeShow {padding:.4rem 0}
.homeShow a {font-size:1.4rem; line-height:2.3rem !important; text-decoration:none; font-weight:600; letter-spacing:.025rem; color:#43464b;}
.homeHide a {font-size:1.4rem; text-decoration:none}
.homeHide a span {padding-left:3.7rem; font-weight:600; letter-spacing:.025rem; text-shadow:0 2px 2px #222;}
.lightMode .homeHide a span {text-shadow:none}
.homeHide a:before {
content:"";
position:absolute; 
border-radius:50%;
width:40px; height:40px; 
background: url(//altug.design/wp-content/uploads/2022/04/altug-60.png) no-repeat; background-size:cover; 
border-top: 4px solid #e43;
border-right: 4px solid #48f;
border-bottom: 4px solid #3a5;
border-left: 4px solid #fb0; } @media screen and (max-width:750px) {
.homeHide, .homeShow {top:10px; left:6px}
.homeShow, .homeHide a span {display:none !important}
}
.home .homeHide, .homeShow {display:none !important} .ball {display:block; position:absolute; border-radius:50%; width:90px}
.ball img {display:block; width:100%; height:auto; border:none; border-radius:50%; margin:0; box-shadow:0 0 1px 0px #3338 inset, 1px 3px 10px 0px #3338} a.ball:after {content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; box-shadow: -10px -10px 25px 0px #22222288 inset; z-index: 3; border-radius: 50%;}
a.ball {z-index:1}
.ball-turkcell {right:34%; top:10px; width:70px;}
.ball-google {right:1%; top:52px}
.ball-ebay {right:233px; bottom:140px; width:75px;}
.ball-icisleri {right:6%; bottom:40px; width:85px;}
.ball-uix101 {right:3%; bottom:40px; width:105px;}
.gizle {display:none !important}
.myLinks {text-align:left; font-size:1.5rem; padding-top:2rem;}
.myLinks a {display:inline-block; margin:0 0 .5rem; text-decoration:none; color:#888; padding:4px 1px 0; border-radius:50%; width:38px; height:36px; text-align:center;}
.myLinks a:hover {background-color:#f60; color:#fff}
.myLinks .divider {height:0rem; display:block}
.myLinks .portfolio {display:none; background-color:#fc0; color:#222; border:2px solid #fafafa; padding:4px 2rem; font-size:1.3rem; vertical-align:text-top; font-weight:600; width:auto; height:auto}
.myLinks .portfolio:hover {background-color:#f8b600; color:#222; border:2px solid #222;}
.myLinks .figma:hover, .myLinks .codepen:hover, .myLinks .medium:hover {background-color:#111}	
.myLinks .instagram:hover {background: rgb(211,0,197);background: linear-gradient(225deg, rgba(211,0,197,1) 0%, rgba(255,198,0,1) 100%);}
.myLinks .behance:hover {background-color: #0057ff}
.myLinks .dribble:hover {background-color: #ea4c89}
.myLinks .github:hover {background-color: #1b1f23}
.myLinks .linkedin:hover {background-color: #0a66c2;}
.myLinks .twitter:hover {background-color: #1a98e8;}
.myLinks .youtube:hover {background-color: #f00;}
@media screen and (max-width:680px) {
nav#menu li a {padding:.2rem;}
#site-title img.avatar {width:100px; height:100px; margin:-2rem 0 0 0; border-width:9px}
#site-title {margin:1rem auto 5rem; padding:0}
#site-title h2 {font-size:2rem}
#site-title h3 {font-size:1.1rem}
#site-title .ball {display:none}
.myLinks .behance .hance {display:none}
}   #site-title img.avatar {box-shadow:-130px -30px 200px 100px #ffcc0044} #site-title .ball-google {z-index:0; box-shadow:0px 250px 250px 150px #ee443355} #site-title .ball-ebay {box-shadow:-650px 365px 200px 200px #4488ff44} #site-title .ball-icisleri {box-shadow:30px 735px 200px 200px #3aa55344}   .merhaba {display:none; max-width:600px; margin:1rem auto; color:#999}
.merhaba p {margin:.3rem auto}
.home .entry-meta .author, 
.home .entry-meta .meta-sep {display:none}
.home #container {overflow:hidden; padding-top:2rem}
.home article {position:relative; margin-bottom:4rem; display:block; z-index:1}
.home article header {text-align:left; padding:1rem 1rem 0}
.home h2.entry-title, .home .entry-meta { line-height:1.6rem;}
.home h2.entry-title a {display:block; width:100%; font-size:1.3rem; font-weight:700; color:#000; text-decoration:none; }    .home .homeHeaderSummary a {display:inline-block; text-decoration:none}
.home article:not(.sonYazi) {float:left; width:48%}
.home article:not(.sonYazi):nth-child(even) {margin-right:2rem}
.home article {overflow:hidden}
:not(.paged).home .tag-html:after, :not(.paged).home .tag-html-en:after,
:not(.paged).home .tag-css:after, :not(.paged).home .tag-css-en:after, 
:not(.paged).home .tag-ux-tr:after, :not(.paged).home .tag-ux-en:after,
:not(.paged).home .sonYazi:after, :not(.paged).home .sonYaziEN:after {position:absolute; display:block; right:-45px; top:17px; background:#d42; color:#fff; font-weight:bold; transform:rotate(45deg); width:150px; text-align:center; letter-spacing:3px; box-shadow:0 2px 10px #333; z-index:0}
:not(.paged).home .tag-html:after, :not(.paged).home .tag-html-en:after {content:"HTML"; background:#e43; color:#fff}
:not(.paged).home .tag-css:after, :not(.paged).home .tag-css-en:after {content:"CSS"; background:#48f; color:#fff}
:not(.paged).home .tag-ux-tr:after, :not(.paged).home .tag-ux-en:after {content:"UX"; background:#3a5; color:#fff}
:not(.paged).home .sonYazi:after {content:"YENİ"; background:#fb0; color:#222}
:not(.paged).home .container-EN .sonYazi:after {content:"NEW"}
.home .homePostThumb {display:block; position:inherit; }
.single .homePostThumb {display:none} .home .homePostThumb img {display:block; border-radius:1rem; width:100%; height:auto}
.home a.homePostThumb:before {content:""; display:block; background:linear-gradient(0deg, black 10%, transparent 90%); position:absolute; z-index:1; width: calc(100% - 4px);
height: calc(100% - 4px); border-radius: 1rem; border: 3px solid #fafafa;}
.home a.homePostThumb:before:hover {background:linear-gradient(0deg, black 0%, transparent 100%);}
.home .homeHeaderSummary {position:absolute; z-index:1; bottom:0; padding: 0 1em 0.5em;}
.home h2.entry-title {margin:0}
.home h2.entry-title a {color:#fc0; font-size:105%; line-height:145%; padding:0 1rem; margin:-3rem -1rem -1rem; text-shadow: 0 0 2px #000}
.home .entry-summary :is(p) {color:#eee; white-space:normal; font-size:1rem !important; line-height:1.4 !important; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 0rem; padding: 0 1rem; display:none}
.home .sonYazi .homeHeaderSummary a {font-size:140%; line-height:140%}
.home .sonYazi .homeHeaderSummary p {font-size:90% !important; line-height:135% !important; margin-top:1.5rem; display:-webkit-box}
@media screen and (max-width:900px) {
.home h2.entry-title a {padding-bottom:1.2rem}
.home .sonYazi .homeHeaderSummary a {font-size:105%; padding-bottom:1.2rem;}
.home article:not(.sonYazi) {float:none; width:100%}
.home article:not(.sonYazi):nth-child(even) {margin-right:0rem}
}
@media screen and (min-width:700px) {
.single header {margin:3rem}
}
@media screen and (max-width:680px) {
.home .entry-summary {display:none}
.home .homeHeaderSummary a {font-size:90% !important}
} .kayanContainer {position:relative; width:100%; margin: auto; background-color:#fafafa; padding:2rem 0; overflow: hidden; white-space: nowrap;}
.kayanContainer::before {left: 0; top: 0;}
.kayanContainer::after {right: 0; top: 0; transform: rotateZ(180deg);
}
.kayanContainer::before, .kayanContainer::after {
background: linear-gradient(to right, #fafafa, transparent);
content: "";
height: 100%;
position: absolute;
width: 350px;
z-index: 2;
}
.kayanContainer img {height:40px; margin:0 3rem}
.kayanLogolar {position:relative; overflow: hidden; white-space: nowrap; padding:2rem 0;}
.kayanLogolar-1 {position:relative; display: inline-block; animation: marquee1 80s linear infinite; margin-left:-1800px}
.kayanLogolar-2 {position:relative; display: inline-block; animation: marquee2 80s linear infinite; animation-delay: 40s;}
@keyframes marquee1 {
from {transform: translateX(100%)}
to {transform: translateX(-100%)}
}
@keyframes marquee2 {
from {transform: translateX(0%)}
to {transform: translateX(-200%)}
}
.kayanLogolar-3 {position:relative; display: inline-block; animation: marquee3 50s linear infinite; margin-left:-1100px}
.kayanLogolar-4 {position:relative; display: inline-block; animation: marquee4 50s linear infinite; animation-delay: 25s;}
@keyframes marquee3 {
from {transform: translateX(100%)}
to {transform: translateX(-100%)}
}
@keyframes marquee4 {
from {transform: translateX(0%)}
to {transform: translateX(-200%)}
}
@media screen and (max-width: 990px) {
.kayanContainer::before, .kayanContainer::after {width:150px}
.kayanLogolar-1 {margin-left:-2750px}
.kayanLogolar-3 {margin-left:-2000px}
}  :root{
--line-yellow:url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.5 1 1.5' stroke='%23fc0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
.home h2.entry-title a:hover span {background:var(--line-yellow) bottom left/100% .5em no-repeat;padding-bottom:.3em}
.home .entry-meta, .page .entry-meta {display:none}
.home .entry-meta .entry-date {color:#aaa}
.anaBaslik {position:relative; text-align:center; font-size:2.1rem; font-weight:600; color:#444; line-height:3rem}
.anaBaslikAlti {position:relative; text-align:center; font-size:1.2rem; font-weight:400; color:#666; line-height:2rem; margin:0 auto 3rem; width:60%}
@media screen and (max-width:1024px) {
.anaBaslikAlti {width:100%; font-size: 1rem; line-height: 1.6rem;}
} .slider__inner,.testimonials-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.slider__caption,.slider__txt{color:#f6f6f6;font-weight:500}.testimonials-section{background:#222;height:550px;position:relative;overflow:hidden;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.slider__nav{width:12px;height:12px;margin:80px 12px;border-radius:50%;z-index:10;outline:#666 solid 4px;outline-offset:0px; cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding: 1rem; background: #eee;}.slider__nav:checked{-webkit-animation:.4s linear forwards check;animation:.4s linear forwards check}.slider__nav:checked:first-of-type~.slider__inner{left:0}.slider__nav:checked:nth-of-type(2)~.slider__inner{left:-100%}.slider__nav:checked:nth-of-type(3)~.slider__inner{left:-200%}.slider__nav:checked:nth-of-type(4)~.slider__inner{left:-300%}.slider__nav:checked:nth-of-type(5)~.slider__inner{left:-400%}.slider__inner{position:absolute;top:80px;left:0;width:500%;height:auto;-webkit-transition:left .4s;transition:left .4s;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.slider__contents{height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.slider__caption{font-size:14px;opacity:.7; margin-bottom:1.5rem}.slider__txt{font-size:1.1rem;line-height:1.5;margin-top:0px;margin-bottom:20px;max-width:750px}quote{font-family:Arial;font-weight:700;font-size:100px;color:#48f;margin-bottom:0}@-webkit-keyframes check{50%{outline-color:#333;box-shadow:0 0 0 12px #333,0 0 0 36px rgba(51,51,51,.2)}100%{outline-color:#333;box-shadow:0 0 0 0 #333,0 0 0 0 rgba(51,51,51,0)}}@keyframes check{50%{outline-color:#333;box-shadow:0 0 0 12px #333,0 0 0 36px rgba(51,51,51,.2)}100%{outline-color:#333;box-shadow:0 0 0 0 #333,0 0 0 0 rgba(51,51,51,0)}}
.testimonials-section .slider__nav:nth-child(1) {background: url(https://altug.design/wp-content/uploads/2022/10/deniz-iren.jpg)  no-repeat center center / cover}
.testimonials-section .slider__nav:nth-child(2) {background: url(https://altug.design/wp-content/uploads/2022/10/cenk-angin.jpg)  no-repeat center center / cover}
.testimonials-section .slider__nav:nth-child(3) {background: url(https://altug.design/wp-content/uploads/2022/10/nihan-icelli.jpg)  no-repeat center center / cover}
.testimonials-section .slider__nav:nth-child(4) {background: url(https://altug.design/wp-content/uploads/2022/10/tugrul-yilmazer.jpg)  no-repeat center center / cover}
.testimonials-section .slider__nav:nth-child(5) {background: url(https://altug.design/wp-content/uploads/2022/10/sarp-dag.jpg)  no-repeat center center / cover}
.testimonAvatar {width:100px; height:100px; border-radius:50%; display: block; margin: 0 auto .5rem;}
.testimonAvatarCompany {position: absolute; width: 40px; height: 40px; border-radius: 50%; display: block; margin: 0 -65px 0 0; top: 70px; }
@media screen and (max-width:700px) {
.slider__txt {font-size:17px; font-weight:500}
.slider__nav {margin:80px 12px 40px}
}  .pastLogos {display:block; margin:7rem auto 5rem; max-width:1100px; text-align:center}
.pastLogos .anaBaslik {color: #e43;}
.pastLogos p {display:block; max-width:50%; margin:2rem auto 1rem; border-bottom:1px dashed #ccc; padding-bottom:.5rem; font-weight: 500; color: #e43;}
.pastLogos img {display:inline-block; margin:1rem; padding:.5rem; border-radius:1rem; height:45px; transition: transform .5s; background:#fafafa}
.pastLogos img:hover {box-shadow:0 .5rem 1rem #8888; cursor:pointer; transform: scale(1.2)} 
.kamuLogos img {height:55px} .makaleler {background-color:#e0e0e0} #testimonial {position:relative; z-index:1; padding:0rem 1rem 5rem}
#testimonial .anaBaslik {color:#48f}
#testimonial .katilimSubtext {width:80%; margin:0 auto 2rem; font-size: 1.2rem; line-height: 2rem; color: #333;}
#testimonial .testiVideos {max-width:1200px; margin:auto; padding:0; font-size: .9rem;}
#testimonial .testiVideos:after {content: ""; display: table; clear: both;}
#testimonial .testiVideo {float: left; width: 25%; text-align:center; 
display: inline-block; padding:0 1rem; margin:0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;line-height:1.4rem}
@media only screen and (max-width: 768px){
#testimonial .testiVideo {width:50%; margin-bottom:2rem}
}
#testimonial .masonry {max-width:1170px; -webkit-column-count: 3;-moz-column-count:3;column-count: 3; -webkit-column-gap:2rem; -moz-column-gap:2rem; column-gap:2rem; margin:4rem auto 2rem; padding: 0; font-size: .9rem;}
#testimonial .masonry .item {display: inline-block;background: #fff;padding:1.5rem;margin:0 0 2rem;width: 100%;-webkit-transition:1s ease all;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-shadow: 0 8px 16px #9999;line-height:1.4rem;border-radius:.5rem;}
#testimonial .masonry .item img {border-radius:50%; float:left; width:3.75rem; height:3.75rem; margin-right:0.75rem; border:3px solid #48f}
#testimonial .masonry .item .name {display:block; font-size: 1rem; line-height:1.7rem; color:#48f}
#testimonial .masonry .item .socLnk {margin-left:.25rem; font-size:1rem; color:#68e}
#testimonial .masonry .item .position {font-size:.8rem; line-height:1.2rem; color:#aaa}
#testimonial .masonry .item em {display:block; margin-top:.5rem; font-weight:500}
#testimonial .masonry .item p {margin:.75rem 0 0}
@media only screen and (max-width: 460px) {
#testimonial .masonry {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}
@media only screen and (min-width: 461px) and (max-width: 768px){
#testimonial .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}
@media only screen and (min-width: 769px) {
#testimonial .masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}   .homeAbout {display:block; overflow:hidden; padding:5rem 0 0 !important}
.homeAboutImage {float:left; max-width:40%; height:auto; margin:2rem}
.homeAboutText {float:right; max-width:50%; font-size:1.2rem; line-height:2rem; color:#444; letter-spacing:0}
.homeAboutText a, a.tumunuOku {font-weight:500; text-decoration:none; border-bottom:1px dotted; color:#444}
a.homeAboutLink:after {content:">"; padding-left:1rem}
@media screen and (max-width: 700px) {
.homeAboutImage, .homeAboutText {display:block; float:none; max-width:80%; width:80%; margin:2rem auto}
} @media screen and (max-width:850px) {
nav#menu {width:calc(100% - 110px); text-align:center; padding:0; margin:0 auto .5rem; margin-right: 55px;}
#wrapper {padding:1rem 1.25rem 6rem}
.home h2.entry-title {width:100%}
.home .entry-meta {display:none}
}
@media screen and (max-width: 400px) {
.home nav#menu {width: calc(100% - 75px); margin:0; text-align:left; float:left; padding-left:1rem;}
nav#menu li a {line-height:1rem}
} .posts-navigation .nav-links {display: block; margin-top: 2rem; position: relative; overflow: hidden; width: 100%; text-align: center;}
a.post-edit-link {margin:0 .5rem; opacity:.7}
a.post-edit-link:before {content:"("}
a.post-edit-link:after {content:")"}
.page header, .single header {text-align:center; color:#aaa; font-weight:300}
.page h1.entry-title, .single h1.entry-title {text-align:center; margin:1rem auto 1.5rem; width:100%;}
.page h1.entry-title, .single h1.entry-title a {color:#000; text-decoration:none; font-size:2rem; line-height:2.2rem; font-weight:500; letter-spacing:-1px}
.single .meta-sep {font-weight:800}
.entry-content pre {background: rgba(0, 0, 0, 0.03);border-left: 4px solid rgba(0, 0, 0, 0.1);padding: 15px;word-wrap: break-word;white-space:normal;display: block;font-family: monospace;margin: 1em 0px;}
.entry-content .innerlink {display: inline-block;overflow: hidden;white-space: nowrap;text-indent: 200%;margin-left: .125em;width: .6em;height: .6em;background: url(//altug.design/wp-content/themes/altug2022/assets/images/link.png) no-repeat; background-size:contain;opacity: .30;-webkit-transition: opacity .3s;transition: opacity .3s;-webkit-tap-highlight-color: rgba(229,59,44,.4);-ms-touch-action: manipulation;touch-action: manipulation;}
.darkMode .entry-content .innerlink {background: url(//altug.design/wp-content/themes/altug2022/assets/images/linkdark.png) no-repeat; background-size:contain}
.innerlink:hover{opacity:.9} .page .entry-content .wp-caption img {border-radius:1rem}  .single-portfolio .entry-meta {display:none}  .titleImageBackground {background-repeat:no-repeat !important; background-blend-mode: overlay;background-position: center center !important;width: 100%;height: 100%;display: block;position: absolute !important;background-size: cover !important;z-index: -1;	} .titleImageBackground:after {content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg,#445577dd 10rem,#fafafa) !important}
.single nav#menu {text-shadow: 0 1px 1px #0005}
:not(.home).single nav#menu a {color:#fff}
.single header {text-align: left; font-weight: 400; color: #eee; text-shadow: 0 1px 1px #000}
.single h1.entry-title {text-align:left}
.single h1.entry-title a {color:#fafafa; font-size:3rem; line-height:4rem; font-weight:700; text-shadow:0 2px 2px #222; text-align: left;  transition-property: width, height, font-size, font-weight, background-color; }
.single .entry-content, .post .entry-content {background: #fafafa; padding: 1rem 3rem; border-radius: 1rem; line-height:1.8rem}
@media screen and (max-width: 850px) {
.single h1.entry-title a {font-size:3rem; line-height:4rem}
.single header {padding-top:0; padding-bottom:2rem}
.single .entry-content, .post .entry-content {padding: 1rem 2rem}
}
@media screen and (max-width: 700px) {
.single h1.entry-title a {font-size:2rem; line-height:2.5rem}
.single .entry-content, .post .entry-content {padding:1rem; margin-left:-1.25rem; margin-right:-1.25rem}
}
.altugColorTags {padding:1rem 0}
.altugColorTags a {display:inline-block; margin:0 .5rem .5rem 0; padding:0 .5rem; border-radius:1rem; background-color:#666; color:#fff; text-decoration:none; font-weight:500; opacity:.8; transition: opacity .3s ease}
.altugColorTags a:hover {opacity:1}
.altugColorTags .tag-HTML {background:#e43}
.altugColorTags .tag-CSS {background:#48f}
.altugColorTags .tag-UX {background:#3a5} mark {margin: 0 -0.4em; padding: 0.1em 0.4em; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient(
to right,
rgba(255, 225, 0, 0.1),
rgba(255, 225, 0, 0.7) 4%,
rgba(255, 225, 0, 0.3)
);
-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.prism {border-radius: 0.7rem !important; background: #010f36 !important;}
.hcb_wrap.hcb_wrap code, .hcb_wrap.hcb_wrap pre {white-space:pre-wrap; font-weight:600; background:transparent; }
.syntaxhighlighterFix {
background-color: #1B2426 !important;
padding: 1rem !important;
border-radius: 0.7rem;
font-size: 110% !important;
}
.syntaxhighlighterFix .line {border-radius: 0.7rem}
.syntaxhighlighterFix div {line-height: 1.5em !important}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 0.5rem;font-weight: 600;line-height: 1.2;padding-top:1.5rem;}
.entry-content h2, .entry-content h3, .entry-content h4 {padding: 1.5em 0 .5em}
.entry-content h2:target, .entry-content h3:target, .entry-content h4:target {color: #f70; border-bottom: .18em solid #f70;}
.entry-content h2 {font-size:2rem}
.entry-content h3 {font-size:1.6rem}
.entry-content h4 {font-size:1.3rem}
.entry-content p, .entry-content li {font-family: "Noto Serif", serif; font-weight: 400; font-size: 1.1rem; line-height: 1.6; margin:1rem auto;}
.entry-content li {margin-bottom:.5rem 0 .5rem !important}
.entry-content .wp-caption-text {margin-top:0; font-size:.9rem; color:#888}
.entry-content .genisGorsel {margin-left:-10%; max-width:120%; width:120%}
@media screen and (max-width: 850px) {
.entry-content .genisGorsel {margin-left:0; max-width:100%; width:100%}
}
.entry-footer {text-align: center; padding:2rem 3rem}
.entry-footer .cat-links, .entry-footer .tag-links {margin: 0 2rem; font-size: .85rem;}
.tamGenislikContainer {height:144px; margin:3rem 0}
.tamGenislik {text-align:center; width:100vw; max-width:100%; padding:3rem; line-height:3rem; position:absolute; left:0; font-weight:600;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; justify-content: space-around; align-items: center; display: flex; flex-wrap: wrap;}
.tamGenislik span {font-size:2rem; line-height:3rem;}
.tamGenislik a {display:inline-block; background-color:#fff; border-radius:2rem; font-size:1.2rem; line-height:3rem; padding:0 2rem; margin:0 5rem; text-decoration:none;}
.turuncu {background-color:#e43; color:#eee}
.turuncu a {color:#e43 !important}
.sari {background-color:#fd7; color:#222}
.sari a {color:#222 !important}
.mavi {background-color:#48f; color:#eee}
.mavi a {color:#48f !important}
.yesil {background-color:#3a5; color:#eee}
.yesil a {color:#3a5 !important}
@media screen and (max-width:1070px) {
.tamGenislikContainer, .tamGenislik {display:none}
} #yaziList {clear:both; list-style:none; display:flex; flex-wrap:wrap; padding:0}
#yaziList li {display: flex;flex-direction: column;flex-basis: 100%;flex-grow: 1;flex: 1 1 40%;padding:3%;margin-bottom:30px; border-radius:.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@media screen and (max-width: 650px) {
#yaziList li {flex: 1 1 40%;}
}
#yaziList li:hover {background:#ddd}
#yaziList a.image, #yaziList a.image img, #yaziList a.title {display:block; width:100%; height:auto; line-height:1.4rem; font-weight:500}
#yaziList a.image, #yaziList a.title {border:none}
#yaziList a.title {padding:10px 0; color: #222; font-size: 105%; line-height: 1.5; font-weight: 700; text-decoration: none;} #yaziList .excerpt {font-size:1rem; line-height:1.4;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption {max-width: 96%;padding: 10px 3px 10px;text-align: center;}
.wp-caption a {cursor: zoom-in;} .alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px;}
@media screen and (max-width: 850px) {
.alignnone, .alignright, .alignleft {margin-right:0; margin-left:0}
} .archive article {margin-bottom:6rem}
body.archive img {max-width:100%; height:auto}
body.archive h2.entry-title>a {color:#222; text-decoration:none}
body.archive .entry-meta, body.archive .entry-summary {display:none;}     #footer {clear:both; margin:5rem auto}
#footer .myLinks {text-align: center;}
.footer {margin:3rem 0; text-align:center}
.nav-links {overflow:hidden; display:flex; flex-direction:row;}
.nav-links div { display:flex; flex-grow:1; margin: 0 1%} .nav-links div.nav-previous a {border-radius: 5rem 10rem 5rem 10rem}
.nav-links div.nav-next a {border-radius: 10rem 5rem 10rem 5rem}
.nav-links a {display:block; width:100%; padding:2rem; background:#eee; box-sizing: border-box; font-weight:600; transition: 0.25s}
.nav-links a:hover {background:#ccc8}
.darkMode .nav-links a:hover {background:#4448}
@media screen and (max-width:680px) {
.nav-links {overflow:hidden; display:block}
.nav-links div {width:100%; float:none; margin-bottom:2rem}
.nav-links div a {padding:1rem; border-radius:2rem !important}
}
#copyright {margin-top:1rem; text-align:center; color:#666}  :is( ) .darkModeBtn {display:none}
.darkModeBtn {display:inline-block; border:none; width:34px; height:34px; padding:.4rem; font-size:1.1rem; cursor:pointer; border-radius:50%; margin:1rem 0 1rem .5rem; transition: background .3s ease}
.darkModeBtn:hover {background-color:#4448}
.darkMode .darkModeBtn {background-color:#6668}
.darkMode .darkModeBtn:hover {background-color:#ddd8}
@media screen and (max-width:680px) {
.darkModeBtn {position:absolute; right:0; top:0; margin:0; border-radius:0; background-color:transparent; width:auto; height:auto; padding:.6rem .3rem 0 0; font-size:1.75rem}
.darkModeBtn:hover {background-color:transparent}
.darkModeBtn:before {content:"";background: transparent; z-index: -1;width: 0px;height: 0px;border-top:75px solid #ddd8; border-left:75px solid transparent;top: 0;right: 0;position: absolute;}
.darkMode .darkModeBtn:before {border-top:75px solid #6668}
.darkMode .darkModeBtn,	.darkMode .darkModeBtn:hover {background-color:transparent}
}
.darkMode a.homePostThumb:before {border:3px solid #222}
body.darkMode {background-color:#222; color:#eee;}
.darkMode .titleImageBackground:after {background: linear-gradient(180deg,#445577dd 10rem,#222) !important}
.darkMode .page h1.entry-title, 
.post h1.entry-title a, 
.darkMode .altugColorTags a, 
.darkMode .altugColorTags a:hover,
.darkMode mark {color:#fff}
.darkMode h2.entry-title>a {color:#eee !important}
.darkMode .homeHeaderSummary h2.entry-title>a {color:#ffd338 !important}
.darkMode #branding h1,
.darkMode #site-title h2,
.darkMode #site-title h3 {color:#eee}
.darkMode .entry-content {background:#222}
.darkMode code, .darkMode .mono {background-color:#666; color:#fff }
.darkMode a, 
.darkMode quote, :not(.home).darkmode.single nav#menu a {color:#7ae}
.darkMode a:hover {color:#fd3}
.darkMode a:active {color:#f60}
.darkMode .homeHide a span,
.darkMode .homeAbout p,
.darkMode .myLinks a {color:#eee}	
.darkMode #footer .myLinks a {filter: drop-shadow(0px 2px 10px #fd3);}	
.darkMode .myLinks .behance:hover {background-color: #08f}
.darkMode .myLinks .portfolio {border:2px solid #222}
.darkMode .myLinks .portfolio:hover {border:2px solid #fff} .darkMode .anaBaslik {color:#ddd}
.darkMode .anaBaslikAlti {color:#ccc}
.darkMode #yaziList a.title {color:#fc0}
.darkMode #yaziList li:hover {background:#444}
.darkMode .makaleler {background-color:#111}
.darkMode #testimonial { }
.darkMode #testimonial .masonry .item {background-color:#444; box-shadow:none}
.darkMode #testimonial .masonry .item p {color:#ddd}
.darkMode .sp-widget a {color:#222; border-bottom:1px dotted}
.darkMode .sp-widget a:hover {border-bottom:1px solid}
.darkMode a.kahveIsmarla, .darkMode a.kahveIsmarla:hover, .darkMode a.kahveIsmarla:active {color:#222}  #outerImageContainer, #imageDataContainer {position:relative; background-color:#ccc}
.darkMode #outerImageContainer, .darkMode #imageDataContainer {background-color:#222}
#jqlb_closelabel {display:none}
#imageData #bottomNavClose:after {float:right; padding-bottom:0; content:"x"; display:block; color:#222; width:2rem; height:2rem; font-size:1.5rem;	bottom:.5rem; position:absolute; z-index:2000; right:.5rem; line-height:2rem}
.darkMode #imageData #bottomNavClose:after {color:#eee}   @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} .slider {width:100%; margin:2rem auto 0; overflow: hidden;}
.slider ul {display: flex; padding: 0; animation: kaydir 30s infinite linear;}
.slider li {padding:0 10px; list-style: none;}
.slider img {max-width: fit-content !important; height: auto !important;border-radius: 1rem; filter:grayscale(85%); transition-duration:.25s}
.slider img:hover {filter:grayscale(0); cursor:pointer}
@keyframes kaydir {
from {margin-left: 0%}
to {margin-left: -100%}
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {background:#248; border-radius:3rem}