/* 
 Theme Name: The King
 Version: 1.4
 Theme URI: http://sergeykorol.ru/blog
 Author: Artur Paikin, Baguette studio
 Author URI: http://unebaguette.com
 */

 /* RESET */

 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
 body{line-height:1;}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
 nav ul{list-style:none;}
 blockquote,q{quotes:none;}
 blockquote:before,blockquote:after,q:before,q:after{content:none;}
 a{margin:0;padding:0;background:transparent;vertical-align:baseline;font-size:100%;}
 ins{background-color:#ff9;color:#000;text-decoration:none;}
 mark{background-color:#ff9;color:#000;font-weight:bold;font-style:italic;}
 del{text-decoration:line-through;}
 abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
 table{border-spacing:0;border-collapse:collapse;}
 hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}
 input,select{vertical-align:middle;}

 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 img { max-width: 100%; height: auto; }
/* iframe, object, embed { max-width: 100%; } */

 /* SETUP */

 body {
   color: #404040;
   font-family: "PT Sans", sans-serif;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;
 }

 a { 
   color: #303030;
   text-decoration: none;
   -webkit-transition-duration: 0.2s;
   -moz-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }

 a:hover, a:focus { 
   color: #000000;
 }

 em { 
   font-style: italic; 
 }

 strong { 
   font-weight: bold; 
 }

 small {
   font-size: smaller;
 }

 p {
   margin-bottom: 1em;
 }

 /* CONTENT */

 .row-1 {
   margin: auto;
   max-width: 800px;
 }

 .top-header {
   margin-top: 20px;
   margin-bottom: 100px;
   text-align: center;
 }

 .logo {
   margin-bottom: 5px;
   max-width: 250px;
 }

 .post {
   margin-bottom: 200px;
 }

 .post:last-child {
   margin-bottom: 60px;
 }

 .post-header {
   margin-bottom: 40px;
   text-align: center;
 }

 .post-title {
   color: #2a2a2a;
   font-weight: 400;
   font-size: 30px;
   font-family: "PT Serif", serif;
   line-height: 1.4;
 }

 .post-timestamp {
   margin-top: 10px;
   color: #b2b2b2;
   text-align: center;
   font-size: 11px;
   font-family: "PT Sans", sans-serif;
   letter-spacing: .05em;
 }

 .post-body {
   margin-bottom: 70px;
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
   font-size: 22px;
   line-height: 1.6;
 }

 .post-body ol, .post-body ul {
   margin-left: 50px;
 }

 .post-body ul li, .post-body ol li {
   margin-bottom: 1em;
   list-style: none;
 }

 .post-body ul li:before {
   position: absolute;
   content: "—";
   text-indent: -1.4em;
 }

 .post-body ol li {
   list-style: decimal;
 }

 .post-body a {
   color: #141414;
   text-decoration: underline;
 }

 .post-body strong, .post-body b {
   color: #242424;
   text-transform: uppercase;
   font-weight: bold;
   font-size: .8em;
   font-family: "PT Sans", sans-serif;
 }

 .post-body table {
   display: block;
   overflow-x: auto;
   width: 100%;
 }

 .post-body figcaption {
   margin-bottom: 30px;
   padding: 0 60px;
   color: #6d6d6d;
   text-align: center;
   font-style: italic;
   font-size: 13px;
   line-height: 1.5;
 }

 .post-body blockquote {
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 30px;
   padding-left: 20px;
   border-left: 2px solid #e2e2e2;
 }

blockquote.standout-quote, strong.standout-quote {
  display: block;
  border: none;
  text-transform: uppercase;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 2px;

  /*width: 120%;
  color: #43423e;
  margin-left: -80px;*/
}

  /* strong.standout-quote {
    padding-left: 20px;
  } */

  .post-body h3,
  .post-body h2 {
   margin-top: 3em;
   margin-bottom: .7em;
   text-align: center;
   font-family: "PT Sans", sans-serif;
  }

  .post-body h4 {
     margin-top: 4em;
     margin-bottom: 1em;
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     font-size: .9em;
     font-family: "PT Sans", sans-serif;
     letter-spacing: .1em;
   }

 .aside-margin-right {
   float: right;
   margin: auto;
   margin-right: -190px;
   padding-top: 8px;
   max-width: 150px;
   color: #6d6d6d;
   font-size: 13px;
   line-height: 1.6;
   -webkit-font-smoothing: subpixel-antialiased;
 }

 .aside-margin-right img {
   display: block;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
 }

.aside-margin-right p:empty {
   display: none;
}

 .aligncenter {
   display: block;
   margin: .32em auto;
 }

 .post-footer {
   margin-bottom: 60px;
   padding-top: 20px;
   border-top: 1px solid #f4f4f4;
   color: #b2b2b2;
   text-align: center;
   font-family: "PT Sans", sans-serif;
 }

 .post-footer a {
   color: #b2b2b2;
 }

 .footer-link {
   display: inline-block;
   margin-right: 20px;
   margin-left: 20px;
   vertical-align: bottom; 
 }

 .footer-link:hover {
   color: #404040;
 }

 .footer-link-like {
   position: relative;
   cursor: pointer;
 }

 .hint {
   margin-bottom: 40px;
   font-size: 13px;
   line-height: 1.3;
 }

 .money-thanks {
  display: block;
  margin: auto;
  margin-bottom: 40px;
  padding: 15px 20px;
  width: 250px;
  border: 1px solid #e0e0e0;
  color: #797979;
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;
 }

 .money-thanks span {
  font-family: "PT Sans", sans-serif;
  margin-right: 5px;
  color: #cccbcb;
  position: relative;
 }

 .money-thanks span:before {
  content: "–";
  position: absolute;
  bottom: -.02em;
  left: -.1em;   
 }

 .yandex-thx {
  display: none;
  margin-bottom: 40px;
 }

 .like-and-share {
   margin-bottom: 20px;
 }

 .like-and-share div {
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   width: 100px;
   vertical-align: middle;
 }

 .like-and-share-popup {
   position: absolute;
   top: 20px;
   left: 0px;
   display: none;
   width: 100px;
   text-align: left;
 }

 .like-and-share-popup div {
   margin-top: 20px;
 }

 .categories-list {
   margin-bottom: 80px;
 }

 .categories-list li {
   display: inline-block;
   list-style: none;
   vertical-align: top;
 }

 .categories-list li:before{
   content: "#";
 }

 .category-name {
   margin-bottom: 40px;
   color: #b2b2b2;
   text-align: center;
   font-size: 30px;
   font-family: "PT Sans", sans-serif;
 }

 .category-name:before{
   content: "#";
 }

 .main-menu {
   margin-bottom: 2em;
   text-align: center;
 }

 .main-menu li {
   display: inline-block;
   margin-right: 1em;
   margin-left: 1em;
   vertical-align: top;
   text-transform: uppercase;
   font-size: .9em;
   font-family: "PT Sans", sans-serif;
 }

 .main-menu a {
   color: #959595;
 }

 .social {
   margin-bottom: 2.5em;
   text-align: center;
 }

 .social a {
   margin-right: .5em;
   margin-left: .5em;
   color: #ccc;
   font-size: 1.2em;
 }

 .next-page {
   margin-top: 50px;
   margin-bottom: 50px;
   text-align: center;
   font-family: "PT Sans", sans-serif;
 }

 .next-page a {
   color: #b2b2b2;
 }

 .bottom-footer {
   margin-bottom: 20px;
   color: #b2b2b2;
   text-align: center;
   font-size: 12px;
 }

 .bottom-footer a {
   color: #b2b2b2;
 }

 /* SEARCH */

 .search-small {
   position: relative;
   margin: auto;
   max-width: 300px;
 }

 .search-small:before {
   position: absolute;
   top: 10px;
   left: 0;
   color: #ccc;
   content: "\f002";
   font-size: 15px;
   font-family: "FontAwesome";
 }

 .search-small-input {
   padding: 4px 6px 4px 25px;
   width: 100%;
   outline: none;
   border: none;
   border-bottom: 1px solid #ccc;
   font-size: 20px;
   -webkit-appearance: none;
 }

 .search-large {
   position: relative;
   margin-bottom: 50px;
 }

 .search-large-input {
   padding: 5px 10px 5px 60px;
   width: 100%;
   outline: none;
   border: none;
   border-bottom: 1px solid #ccc;
   font-size: 50px;
   -webkit-appearance: none;
 }

 .search-large:before {
   position: absolute;
   top: 20px;
   left: 0;
   color: #ccc;
   content: "\f002";
   font-size: 40px;
   font-family: "FontAwesome";
 }

 .search-results {
   margin-bottom: 100px;
 }

 .search-results-list {
   padding-left: 50px;
 }

 .search-results-title {
   margin-bottom: 15px;
 }

 .search-results-item {
   margin-bottom: 50px;
   font-size: 30px;
 }

 .search-results-item p {
   font-size: 22px;
   line-height: 1.4;
 }

 /* ORPHUS */

 #orphus {
   display: block;
   overflow: hidden;
   width: 0;
   height: 0;
 }

 .orphus_tip {
   margin-bottom: 20px;
   color: #999999;
   text-align: left;
   font-size: 1.3em;
 }

 .orphus_popup {
   z-index: 10001;
   padding: 20px;
   border: 1px solid #CCC;
   border-radius: 7px;
   background: white;
   box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
   font-size: 1.3em;
   font-family: Georgia, serif;
   line-height: 1.2;
 }

 .orphus_feedback {
   margin: 15px 0 0 !important;
   width: 507px !important;
   font-size: 1em !important;
 }

 .orphus_box_footer {
   margin-top: 15px;
 }

 /* RESPONSIVE */

 @media (max-width: 1200px) {

   .aside-margin-right {
     float: none;
     margin: auto;
     margin-top: 25px;
     margin-bottom: 25px;
     padding-top: 15px;
     padding-right: 16px;
     padding-bottom: 15px;
     padding-left: 16px;
     max-width: none;
     width: 80%;
     border-top: 1px solid #f0f0f0;
     border-bottom: 1px solid #f0f0f0;
     text-align: center;
     font-style: normal;
     font-size: 16px;
     line-height: 1.6;
   }

   .aside-margin-right img {
     max-width: 200px;
   }

   blockquote.standout-quote, strong.standout-quote {
     margin-right: 0 !important;
     margin-left: 0 !important;
     width: 100%;
     font-size: 14px;
   }

 }

 @media (max-width: 1025px) {

  .like-and-share {
     margin: auto;
     margin-bottom: 20px;
     width: 130px;
     text-align: left;
  }

 }

 @media (max-width: 769px) {

   .row-1 {
      padding-right: 30px;
      padding-left: 30px;
      width: 100%;
   }

 }

 @media (max-width: 500px) {

   .row-1 {
     padding-right: 10px;
     padding-left: 10px;
   }

   .top-header-title {
     font-size: 15px;
   }

   .post-title {
     font-size: 23px;
   }

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

   .post-body ul, .post-body ol {
     margin-left: 26px;
   }

   .like-and-share-popup {
     left: -40px;
   }

   .post-body blockquote {
     margin-left: 0;
   }

   iframe, object, embed { max-height: 300px; }

 }