/*
Theme Name: WPT Note
Theme URI: http://test.wptemalari.net/pronote
Author: Fatih
Author URI: wptemalari.net
Description: Bu wordpress teması wptemalari.net tarafından ücretli olarak sunulmaktadır. Tema ile ilgili destek wptemalari.net üzerinden verilmektedir.
Version: 1.0
*/
*{margin:0;padding:0;}
body{font-family:'Oxygen', sans-serif;font-weight:normal;font-size:14px;line-height:25px;color:#444;}
h1,h2,h3,h4{font-family:'Crete Round', serif;font-weight:normal;line-height:25px;}
a{text-decoration:none;color:#444;transition:all 0.2s ease 0s;}
p{margin-bottom:15px;}
img{border:0;height:auto;max-width:100%;vertical-align:middle;border-radius:2px;}
blockquote{border-width:0 0 0 5px;border-style:solid;padding:10px 10px 10px 20px;box-shadow:2px 2px 15px #ddd;margin:10px 0 10px 5px;color:#888;font-style:italic;min-height:20px;}
.alignleft{float:left;margin:0px 10px 5px 0;display:inline}
.alignright{float:right;margin:0px 5px 5px 10px}
.aligncenter{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;display:block;clear:both}
.clear{font-size:0;width:0;height:0;clear:both;}
ol,ul{list-style:none;list-style-position:inside;}

.grid{float:left;margin-bottom:2.127659574468%;padding-top:0;}
.grid-right{float:right;margin-bottom:2.127659574468%;padding-top:0;}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11{margin-right:2.127659574468%;}
.span1{width:6.382978723404%;}
.span2{width:14.893617021277%;}
.span3{width:23.404255319149%;}
.span4{width:31.914893617021%;}
.span5{width:40.425531914894%;}
.span6{width:48.936170212766%;}
.span7{width:57.446808510638%;}
.span8{width:65.957446808511%;}
.span9{width:74.468085106383%;}
.span10{width:82.978723404255%;}
.span11{width:91.489361702128%;}
.span12{width:100%;}
.fit{margin-left:0 !important;margin-right:0 !important;}

#header{border-bottom:1px solid #eee;}
#header .logo{display:inline-block;float:left;}
#header .logo img{max-width:100%;max-height:85px;}
#header.navfix{position:fixed;top:0;height:auto;min-height:60px;background:#fff;z-index:9999;}
#header.navfix .logo img{max-width:100%;max-height:50px;float:left;}
.wrapper{max-width:1020px;padding:10px;margin:0px auto;position:relative;}

.navmenu{margin-top:2%;}
#header.navfix .navmenu{margin-top:0;}
.mobinav_menu {display:none;}
.arama {float:right;margin-top:10px;z-index:9999;}
.searchform input{color:#bdbdbd;}
.searchform input:focus{color:#fff;}
.search-button i {transition:all 0.5s ease 0s;}
.search-button {float:right;margin:0;position: relative;text-align:center;width:30px;}
#sform {display:none;float:left;padding: 0;position:relative;right: 0;top: 0;z-index:1000;}
#sform.show{display:block;}
.searchform input, .searchform input[type="text"]:focus {border:none;float: right;height: 28px;position: relative;text-indent: -9999px;transition: all 0.2s ease 0s;}
.searchform.show input, .searchform.show input[type="text"]:focus {text-indent: 0;max-width: 100%;width:300px;padding:5px;border:1px solid #ddd;color:#444;}

.sf-menu a{font-size:15px;font-weight:bold;}
.sf-menu ul li a {font-size:13px;border-bottom:1px solid #eee;text-shadow:none;}
.sf-menu li:hover{background:#f7f7f7;border-radius:2px;}
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;position:relative;z-index:9999;}
.sf-menu li{position:relative;}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li{float:left;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block;}
.sf-menu ul ul{top:0;left:100%;}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;}
.sf-menu a{display:block;position:relative;padding:10px 10px;text-decoration:none;}
.sf-menu li{white-space:nowrap;transition:background 0.2s;}
.sub-menu li {background:#fff;}
.sf-arrows .sf-with-ul{padding-right:2.0em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:49%;right:16px;margin-top:0px;height:0;width:0;border:5px solid transparent;border-top-color:rgba(0,0,0,.5);}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:white;}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:rgba(0,0,0,.5);}

.mobinav_btn {position:relative;display:block;float:right;padding:10px;cursor:pointer;background:#ddd;margin: 5px 5px 6px;}
.mobinav_menu  .mobinav_menutxt{display:block;float:left;font-weight:bold;}
.mobinav_menu .mobinav_icon{float:left;margin:5px;}
.mobinav_menu .mobinav_no-text{margin:0;}
.mobinav_menu .mobinav_icon-bar{background-color:#444;display:block;width:18px;height:2px;}
.mobinav_btn .mobinav_icon-bar + .mobinav_icon-bar{margin-top:3px;}
.mobinav_nav{clear:both;margin:70px 0 0 0;padding:0;background:#eee;border-top:1px solid #ddd;}
.mobinav_nav ul,.mobinav_nav li {padding:0;margin:0px;display:block;background:transparent;border-bottom:1px solid #f8f8f8;}
.mobinav_nav li ul li{margin-left:10px;}
.mobinav_nav .mobinav_arrow {font-size:12px;margin-left:5px;}
.mobinav_nav .mobinav_item{cursor:pointer;}
.mobinav_nav .mobinav_row{display:block;padding:5px;margin:2px 5px;}
.mobinav_nav a{display:block;padding:5px;margin:2px 5px;}
.mobinav_nav .mobinav_item a,.mobinav_nav .mobinav_parent-link a{display:inline;padding:0;margin:0;}
.mobinav_menu:before,.mobinav_menu:after{content:" ";display:table;}
.mobinav_menu:after{clear:both;}
.mobinav_menu {font-size:16px;padding:5px;}
.mobinav_nav a:hover{background:#eaeaea;color:#222;}
.mobinav_nav .mobinav_txtnode {margin-left:15px;}

#head_stick{max-width:100%;background-repeat:no-repeat;background-size:100% auto;overflow:hidden;line-height:30px;margin-bottom:20px;}
#head_stick .wrapper{padding:50px 10px;}
#head_stick h1{font-size:36px;margin-bottom:20px;text-shadow:1px 1px 2px #444;color:#fff;}
#head_stick .head_content{font-size:20px;text-shadow:1px 1px 2px #444;color:#fff;}

.content{margin-bottom:20px;}
.content article{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;}
.content .yazi-resim{position:relative;overflow:hidden;margin-bottom:10px;}
.content .yazi-resim img{width:100%;max-height:300px;-webkit-transition:all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
.content .smallart .yazi-resim{float:left;margin-right:10px;}
.content .smallart .yazi-resim img{width:200px;height:150px;}
.smallart h2{margin-top:-10px;}
.smallart h2 a{line-height:30px;font-size:26px;}
.content .yazi-resim a:hover img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}
.content .h2_baslik{padding:5px 0;font-size:20px;}
.excerp{width:100%;display:inline-block;font-size:15px;margin:15px 0;line-height:25px;text-align:justify;}
.smallart .excerp{display:block;margin:0;}
.shares{background:#f7f7f7;text-align:center;padding:10px;height:110px;border-bottom:1px solid #ddd;}
.shares,.shares a{color:#999;border-radius:2px;}
.shares i{margin:10px 0;width:40%;}
.tarih{display:block;font-size:12px;}
.tarih b{font-size:26px;display:block;}


.yazi-bilgi{display:inline-block;font-size:13px;}
.yazi-bilgi,.yazi-bilgi a{color:#999;}
.yazi-bilgi div{display:inline-block;margin-right:15px;}
.yazi-bilgi i{background:#eaeaea;padding:5px;}
.read-link a{color:#fff;padding:5px 10px;border-radius:2px;transition:all 0.2s ease 0s;}
.read-link a:hover{background:#ddd;color:#444;transition:all 0.2s ease 0s;}

#sidebar a:hover{text-decoration:underline;}
.yanmenu{margin-bottom:20px;overflow:hidden;line-height:20px;}
.yanmenu h2{box-shadow:0 1px 26px #eaeaea inset;border-bottom:1px solid #ddd;margin-bottom:20px;padding:5px 10px;color:#444;display:inline-block;}
.yanmenu li{margin-bottom:5px;transition:all 0.2s ease 0s;}
.yanmenu li:hover{transition:all 0.2s ease 0s;margin-left:5px;}

.cat-item,.yanmenu .menu-item{display:inline-block;padding:10px 5px;width:45%;border-width:0 1px 1px 0;border-style:solid;border-color:#ddd;box-shadow:0 1px 26px #f7f7f7 inset;}
.yanmenu .menu-item a{font-family: 'Oxygen', sans-serif;font-weight:normal;margin-left:5px;font-size:14px;}
li.mavi:hover,li.mavi:hover a{background:#2196f3;color:#fff;box-shadow:none;}
li.kirmizi:hover,li.kirmizi:hover a{background:#f44336;color:#fff;box-shadow:none;}
li.sari:hover,li.sari:hover a{background:#ffeb3b;color:#000;box-shadow:none;}
li.yesil:hover,li.yesil:hover a{background:#4caf50;color:#fff;box-shadow:none;}
li.pembe:hover,li.pembe:hover a{background:#e91e63;color:#fff;box-shadow:none;}
li.mor:hover,li.mor:hover a{background:#9c27b0;color:#fff;box-shadow:none;}
li.turuncu:hover,li.turuncu:hover a{background:#ff9800;color:#fff;box-shadow:none;}
li.siyah:hover,li.siyah:hover a{background:#000;color:#fff;box-shadow:none;}


/* SAYFALAMA */
.sayfalama{margin:20px 0;text-align:center;width:100%;}
.sayfalama a,.sayfalama a:active,.sayfalama a.active,.sayfalama b{background:#f8f8f8;color:#444;}
.sayfalama a,.sayfalama a:active,.sayfalama a.active,.sayfalama span.current, .sayfalama b{-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:5px 10px;margin-right:5px}
.sayfalama span.current,.sayfalama a:hover{color:#fff;}

#footer{background:#222;color:#ccc;min-height:200px;padding:30px 0;overflow:hidden;}
.foo-widget{float:left;}
.foo-widget a{color:#666;}
.foo-widget .ic{float:left;padding:10px 20px 10px 0;}
.foo-widget h2{margin-bottom:15px;}
#basadon{position:fixed;right:20px;bottom:0px;}

.kat_baslik{background:#eee;padding:10px;margin-bottom:20px;}
.kat_baslik h1{display:inline-block;}
.kat_baslik p{float:right;color:#888;}

.imghover {position:relative;overflow:hidden;}
.img_over {display:block;margin:0 auto;position:absolute;padding-bottom:20px;top:0;bottom:0;left:0;right:0;opacity:0;z-index:20;background:rgba(0, 0, 0, 0.8);overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition: all 0.5s;transition:all 0.5s;}
.img_over a.iclink{position:absolute;width:100%;font-size:24px;top:0;display:block;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.imghover.hover .img_over {opacity:1;}
.imghover.hover .img_over a.iclink {top:40%;opacity:1;}

.tagcloud a{display:block;float:left;font-size:13px !important;margin:0 5px 5px 0;padding:5px 10px;text-align:center;}
.tagcloud a,.tagcloud a:hover{color:#fff;border-radius:2px;}
.tagcloud a:hover{background:#353535;}
.bulten input{color:#999;padding:8px;border:1px solid;border-color:#ddd #f1f1f1 #f1f1f1 #ddd;width:65%;background:#f5f5f5;margin:5px 0px;}
.bulten .button{float:right;cursor:pointer;font-size:12px;color:#fff;border-radius:3px;font-weight:bold;padding:7px 0px;margin-right:20px;width:60px;border-width:0 0 2px 0;border-style:solid;border-color:#444;}
.bulten .button:hover{background:#666;}
.yanmenu .bulten_h2 h2{box-shadow:none;background:#ffc107;color:#fff;}
.yanmenu .bulten_h2 h2:after{font-family:'FontAwesome';content:"\f003";float:left;margin-right:10px;}
.yanmenu .twt_h2 h2{box-shadow:none;background:#00aced;color:#fff;}
.yanmenu .twt_h2 h2:after{font-family:'FontAwesome';content:"\f099";float:left;margin-right:10px;}
.yanmenu .spons_h2 h2{box-shadow:none;background:#00bf8f;color:#fff;}
.yanmenu .spons_h2 h2:after{font-family:'FontAwesome';content:"\f155";float:left;margin-right:10px;}
.yanmenu .face_h2 h2{box-shadow:none;background:#3b5998;color:#fff;}
.yanmenu .face_h2 h2:after{font-family:'FontAwesome';content:"\f09a";float:left;margin-right:10px;}
.yanmenu .tags_h2 h2{box-shadow:none;background:#444;color:#fff;}
.yanmenu .tags_h2 h2:after{font-family:'FontAwesome';content:"\f02c";float:left;margin-right:10px;}
.yanmenu .gplus_h2 h2{box-shadow:none;background:#dd4b39;color:#fff;}
.yanmenu .gplus_h2 h2:after{font-family:'FontAwesome';content:"\f0d5";float:left;margin-right:10px;}
.yanmenu .you_h2 h2{box-shadow:none;background:#cc181e;color:#fff;}
.yanmenu .you_h2 h2:after{font-family:'FontAwesome';content:"\f04b";float:left;margin-right:10px;}

.widget_yazi li{width:100%;float:left;border-bottom:1px solid #eee;}
.widget_yazi li .avatar{float:left;margin-right:5px;}
.widget_yazi .yorumlar{font-size:12px;}
.widget_yazi .yazi-resim img{height:60px;}
.widget_yazi .yazi-bilgi{display:block;font-size:12px;}
.sponsor a{border:1px solid #f2f2f2;box-sizing:border-box;}
.yanmenu .instag{width:100%;height:300px;}
.yanmenu .insta_h2 h2{background:#517fa4;color:#fff;box-shadow:none;}
.yanmenu .insta_h2 h2:after{font-family:'FontAwesome';content:"\f16d";float:left;margin-right:10px;}
.instagram_widget{overflow:hidden;}
.instagram_widget ul{background:#f7f7f7;padding:10px;overflow:hidden;box-shadow:0 1px 26px #aaa inset;}
.instagram_widget li{font-size:20px;font-weight:bold;float:left;text-align:center;}
.instagram_widget p{font-weight:normal;font-size:15px;margin:0px;}
.instagram_widget li:hover{margin-left:0px;}
.instagram_widget .img_over{margin-bottom:0px;}
.instagram_widget .bx-wrapper{position:relative;}
.instagram_widget .bx-controls-direction{display:none;font-family:'FontAwesome';position:absolute;font-size:36px;top:50%;width:90%;padding:15px;}
.instagram_widget .bx-wrapper:hover .bx-controls-direction{display:block;}
.instagram_widget .bx-prev:after{content:"\f053";float:left;color:#fff;}
.instagram_widget .bx-next:after{content:"\f054";float:right;color:#fff;}
.insta_like{position:absolute;top:10px;right:10px;font-size:22px;color:#fff;font-weight:bold;}
.insta_like .fa-heart{color:#517fa4;}
.hakkimda{border-width:1px 1px 2px 1px;border-style:solid;border-color:#eee #eee #ddd #eee;overflow:hidden;padding:5px;text-align:center;}
.hakkimda .avt{border-radius:50%;margin-top:-60px;border:3px solid #fff;position:relative;}
.hakkimda .ad{font-size:20px;font-weight:bold;}

.sosyal_ag a{font-family:'FontAwesome';color:#999;display:inline-block;background:#f9f9f9;font-size:24px;margin:0 0 5px 5px;padding:10px 8px;width:25px;text-align:center;}
.sosyal_ag a:hover{background:#444;text-decoration:none !important;}
.sosyal_ag a:hover:after{color:#fff;}
.facebook:after{content:"\f09a";color:#3b5998;}a.facebook:hover{background:#3b5998;}
.twitter:after{content:"\f099";color:#00aced;}a.twitter:hover{background:#00aced;}
.gplus:after{content:"\f0d5";color:#dd4b39;}a.gplus:hover{background:#dd4b39;}
.instagram:after{content:"\f16d";color:#517fa4;}a.instagram:hover{background:#517fa4;}
.youtube:after{content:"\f167";color:#bb0000;}a.youtube:hover{background:#bb0000;}
.pinterest:after{content:"\f0d2";color:#cb2027;}a.pinterest:hover{background:#cb2027;}
.flick:after{content:"\f16e";color:#ff0084;}a.flick:hover{background:#ff0084;}
.linked:after{content:"\f0e1";color:#007bb6;}a.linked:hover{background:#007bb6;}
.skype:after{content:"\f17e";color:#12a5f4;}a.skype:hover{background:#12a5f4;}
.tumblr:after{content:"\f173";color:#32506d;}a.tumblr:hover{background:#32506d;}
.vine:after{content:"\f1ca";color:#00bf8f;}a.vine:hover{background:#00bf8f;}
.wps:after{content:"\f19a";color:#21759b;}a.wps:hover{background:#21759b;}
.scl:after{content:"\f1be";color:#f50;}a.scl:hover{background:#f50;}
.spoti:after{content:"\f1bc";color:#84bd00;}a.spoti:hover{background:#84bd00;}

@media screen and (max-width: 979px) {
#header{display:inline;}
.sf-menu {display:none !important;}
.navmenu{width:100%;float:none;}
.mobinav_menu {display:block !important;position:relative;}
.mobinav_btn{margin:5px 35px 6px 5px;}
.search-button{margin-top:5px !important;}
.arama,#sform {position:absolute;right:15px;}
#sform{position:relative !important;margin-top:0px !important;}
.searchform.show input{width:100% !important;}
#head_stick{margin-top:10px;}
.content{width:100%;}
#sidebar{display:none;}
}
@media screen and (max-width: 767px) {
#head_stick{background-size:auto 100% !important;}
#commentform input#author,#commentform input#email,#commentform input#url{max-width:100% !important;display:block;}
}
@media screen and (max-width: 480px) {
#header .logo{max-width:80% !important;}
.arama,#sform {display:none;}
.mobinav_btn{margin:5px 5px 6px 5px !important;}
.content .h2_baslik{font-size:14px !important;}
.content .h2_baslik a{line-height:20px !important;}
.yazi-bilgi{width:60%;}
.foo-widget{float:none !important;width:100%;border-bottom:1px solid #333;display:inline-block;}
.instagram-embed{height:400px;}
.single .yazi-bilgi,.pbutonlar,.single .ads,.kat_baslik p{width:100%;}
}