/*
Theme Name: mydemo
Author: Lunevа Lyudmila
Author URI: https://prodengiblog.ru/
Version: 1.0
Demo: https://wp-template.ru/
Text Domain: mydemo
*/

html, body { height: 100%;}
body { 
  background-color: #f6efe7;
	color: #333; 
  font-family: 'Istok Web', Arial, sans-serif;
	font-size: 14px; 
  line-height: 1.2;
	transition-property: font-size;
	transition-duration: 0.5s, 0.5s; 
	transition-timing-function: linear, ease-in; 
	word-wrap: break-word;
}
body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
/*   Accessibility   */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; 
}
.clear { clear: both!important;}

img, a {
  *zoom: 1; 
  width: auto;
	max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
	background: transparent;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;      
}
img.wp-smiley { 
  float: none !important;
  width: 15px!important;
  height: 15px;
  background: none!important;
  margin: 0!important;
  padding: 0!important;
  vertical-align: middle;
  box-shadow: none!important;
  border: 0!important;          
}
a:hover, a:focus,
img:hover, img:focus { opacity: 0.8}

a:link, a:visited {
  display: inline-block;
  text-decoration: none;
  color: #1c7cd0;             /*  blue    */
  cursor: pointer;
}
a:active, a:hover, a:focus {
  outline: thin dotted;
  opacity: 0.7;
  text-decoration: underline;
}
/************************************************
*  Style   *
************************************************/

#container, #main {  
  max-width: 1000px;
  height: auto;
  margin: 0 auto 0;
}
#header, #footer, #main { display: block;}
#main { overflow: hidden;}
h1 {
  font-family: 'Istok Web', Arial, sans-serif;
  color: #746c61;
  font-size: 44px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #fff;
  text-align: center;
}
/************************************************
*  select   *
************************************************/

#select-box {   
	width: 100%;
	min-height: 46px;
	margin-bottom: 35px;
}
#select-box summary, #select-box .dropDown {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#select-box summary {
	width: 400px;
	margin: 0 auto 10px;
  background: #fff;
  border: 1px solid #cfccc3;
  padding: 17px 10px;
  font-size: 22px;
  line-height: 1em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
#select-box .dropDown {
  /* width: 100%; */
  width: 55%;
  margin: 0 auto 0;
  background: #fff;
  border: 1px solid #cfccc3;
  padding: 10px;
  display: block;
  overflow: hidden;
}
.dropDown strong { 
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  text-align: left;  
  padding-left: 12px;
}
.dropDown ul {
  margin: 15px 0 0 0;
  padding: 0;
  text-align: left;
  list-style: none;
  line-height: 1.2;
}
.dropDown ul li {   
  float: left;
  /* width: 18%; */
  width: 31%;
  margin-right: 2%;
  margin-bottom: 15px;
  list-style: none;
  text-align: center!important;
}
.dropDown img { 
  max-width: 140px;
  border: 1px solid #cfccc3;
  margin: 0 auto 7px!important;
  display: block;
}
.dropDown a { font-size: 16px;}

/************************************************
*   themes    *
************************************************/

#themes {
  max-width: 825px;
  margin: 0 auto 0;
}
#themes img {
  display: block;
}
/************************************************
*  footer   *
************************************************/

#footer { 
  margin-top: -20px;
  padding: 0 20px 45px 20px;
  text-align: center!important;
}
#copyright p {
  color: #615d53;
  font-size: 22px;
  text-shadow: 1px 1px 1px #fff;
}

#counter {}