/*
Theme Name: MyTheme URI: http://generic.tools/
Author: Tseko Tsolov URI: http://calmestghost.com/
Description: A fully responsive starter theme for designers and developers.
Version: 0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: generic

Generic WordPress Theme © 2015-2017 GenericTools
Generic is distributed under the terms of the GNU GPL
*/
@import url('https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic,cyrillic-ext');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}th, td{padding:2px}big{font-size:18px}small, sup, sub{font-size:14px}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd, tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del, strike, s{text-decoration:line-through}dt{font-weight:bold}address, cite, var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}

body{font-family:roboto,serif;font-size:16px;color:#777;line-height:normal;padding:5%;word-wrap:break-word;background:#f6f6f6}

h1, h2, h3, h4, h5, h6{font-family:helvetica,arial,sans-serif;font-weight:bold;margin-bottom:30px}
h2, h3, h4, h5, h6{margin-top:40px}
h1{font-size:35px}
h2{font-size:30px}
h3{font-size:25px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{margin:20px 0}
.single-post p{font-size:18px;line-height:145%;margin:30px 0}
* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{color:#09f}
strong{font-weight:bold}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
code{font-family:'courier new',courier,serif}
hr{height:1px;border:none;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0}
blockquote p:first-of-type{margin-top:0}
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{font-family:helvetica,arial,sans-serif;text-indent:-20px;margin:30px 0 30px 40px}
.entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal inside;text-indent:-18px}
.entry-content ul li:before, .widget-container ul li:before, .comment-body ul li:before{content:"— "}
.entry-content li, .widget-container li, .comment-body li{margin:10px 0}
input, textarea{padding:10px;border:0 none;outline:0 none;margin-top:10px;background:#f6f6f6}
input[type="submit"], #menu .toggle:hover{cursor:pointer}
input[type="search"]{-webkit-appearance:textfield}
a img, input[type="image"]{border:0 none}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:30px 0}

#wrapper{max-width:960px;margin:0 auto}
#header, #container, .post, .widget-container, .search .page{margin-bottom:60px}
#container{background:#fff}
#container:after{display:table;content:"";clear:both}
#content{width:75%;padding:4%;float:left}
#sidebar{width:25%;padding:4% 4% 4% 0;float:right}
#footer{clear:both}

#menu{margin-top:20px;z-index:2147483647}
#menu ul, #menu ul li{display:inline;margin:0;padding:0;list-style:none}
#menu ul li{position:relative}
#menu ul li a{display:inline-block;font-size:18px;color:#333;text-decoration:none;line-height:33px;padding-bottom:5px;margin-top:-1px;margin-right:15px}
#menu ul li a:hover{color:#777;text-decoration:none}
#menu li ul{display:none;position:absolute;top:25px;left:0;z-index:1000}
#menu ul li:hover ul{display:inline-block}
#menu ul ul{display:none}
#menu ul li:hover ul{display:block}
#menu ul li:hover ul li a{font-size:14px;line-height:20px;border:1px solid #ccc;background:#fff}
#menu ul li:hover ul li a{width:250px;padding:5px}
#menu .toggle{display:none;color:#fff;text-align:center;line-height:33px}

#search{float:right}
#search .search-field{width:200px;margin-top:0;background-color:#fff}
.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
.search-field{background:url(images/find.png) no-repeat 98% center / 24px auto}

.button, button, input[type="submit"]{display:inline-block;font-family:georgia,serif;font-size:18px;color:#fff;text-decoration:none;padding:10px 15px;border:0;background:#09f;opacity:0.9}
.button:hover, button:hover, input[type="submit"]:hover{cursor:pointer;opacity:1}
#site-title a{font-family:georgia,serif;font-size:40px;font-weight:normal;color:#777;text-decoration:none;display:inline}
#site-title h1{margin-bottom:0}
.single h1.entry-title a{color:#777;text-decoration:none}
h2.entry-title, h3.widget-title{margin-top:0}
#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment{margin:20px 10px}
#copyright{text-align:center}
.entry-meta, .entry-footer{margin:30px 0}
#copyright, #copyright a, .entry-meta, .entry-meta a, .entry-footer, .entry-footer a{font-size:14px;color:#aaa}

.sticky{}
.bypostauthor{}
.wp-caption{width:auto !important}
.wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center}
.alignleft{margin:0 30px 30px 0;float:left}
.alignright{margin:0 0 30px 30px;float:right}
.aligncenter{display:block;margin:30px auto;clear:both}
.entry-attachment img{display:block;margin:60px auto 30px}
#nav-below{margin-top:30px}
#nav-below a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#777;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}

@media all and (max-width:768px){#content, #sidebar{width:100%;padding:5%}#menu label.toggle{display:block}#menu{background:#777}#menu ul{display:none}#menu ul ul{display:none !important}#menu input.toggle:checked + div > ul{display:block}#menu input.toggle:checked + div > ul li a{display:inline-block;width:100%;color:#fff;padding-left:5%}}
@media all and (max-width:480px){.wp-caption, input, textarea{width:100% !important}}

.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.form-allowed-tags, .search-submit{display:none !important}
#menu, #menu ul li:hover ul li a {
    border:  0;
    background: #d46565;
    padding: 1%;
}

#menu #menu-short li a {
    color: #d46565;
}

#menu #menu-short li a:hover {
	    color: #fff;
}
#container {
      background: #e6e6e5;
      margin: 0 auto 20px;}
#wrapper {
    max-width: none;
}
body {
    padding: 1%;
}
.page-template-page-no-sidebar #content {
    width: 100%;
}
#menu ul, #menu ul li {
    margin-left: 1.4%;
}
.page-template-page-full-width #content { max-width: 100%; }
.page-template-page-full-width #wrapper { max-width: none; }
body.page-template-page-full-width { padding: 0; }
.page-template-page-full-width #header { margin-bottom: 0; }
.page-template-page-full-width #branding {
    padding-left: 3.5%;
    padding-top: 20px;
    padding-bottom: 10px; }
.page-template-page-full-width #site-title { padding-bottom: 10px; }
.page-template-page-full-width #search { margin-right: 6%; }

.page-template-page-left-sidebar #sidebar {
    width: 25%;
    padding: 3% 3%;
    float: right; 
}
.page-template-page-left-sidebar #content {
    float: right; 

}
.left-footer,
.middle-footer,
.right-footer {
  width: 20%;
  margin-left: 12%;
  display: inline-block;
  vertical-align: top;
  color: #E6E6E5;
}
.footer-widget-title {
  font-size: 1.4em;
  padding-top: 0;
  margin-bottom: 20px;
}
#copyright {
  padding-top: 20px;
  padding-bottom: 20px;
} 
#footer {
  background: #252525;
}