/* 
**
** The file with .less extension has been provided for reference to be used by other developers. Do not touch it if you don't know what it is.
**
** Main Stylesheet Document of the theme 
** This contains basic Structural Details, Styling of the theme.
*/
/* Basic Containers 
-------------------------------------------------*/
body {
	font-size: 0.97em;
	font-weight: 400;
	color: #666;
	background-color: #383b36;
}
.container {
  width: 1100px;
  margin: auto;
}
#page {
	position: relative;
	z-index: 999;
	margin: auto;
	max-width: 1600px;
	 
}
#content {
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	background-color: rgba(255, 255, 255, 1);
 
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
.blog #content {
  padding-left: 30px;
}
/* Links
------------------------------------------------- */
a {
	color: #545b47;
}
a:hover,
a:focus,
a:active {
	color: #cccc99;  
}
/* HEADER 
--------------------------------------------------*/
#header-image {
	width: 100%;
	position: fixed;
	height: 970px;
	z-index: 1;
	top: 0px;
	background-color: #383b36!important;
}
.header-container {
	width: 100%;
	position: absolute;
	min-height: 970px; max-width: 1600px;
	z-index: 1;
	overflow: hidden;
}
.header-main {
	height: 1100px;
	top: -100px;
	margin-top: -150px;
}
#header-image img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
}
#header-image:after {
  content: "";
   
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
   
}
header {
	text-align: center;
	/* padding: 20px; */
	 
}
header .site-title a {
  text-decoration: none;
  font-size: 48px;
   font-weight: lighter;
  text-shadow: 0px 0px 10px #888;
}
header .site-description {
  font-size: 18px;
  font-weight: lighter;
}
header #social-icons img {
	width: 30px;
	padding-top: 12px;
	padding-right: 0px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	margin: 0px;
}
header #social-icons img:hover {
  transform:  scale(1.04);
  -webkit-transform: scale(1.1);
  -moz-transform:  scale(1.1);
}
header #social-icons a {
	margin: 0px;
	padding: 0px;  
}
/* Main Navigation 
_______________________________________________*/
#nav-wrapper {
	width: 1100px;
	text-align: center;
	margin-bottom: 90px;
	margin-top: 30px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
.main-navigation li{
	 
	 
	text-transform: uppercase;
}
.main-navigation li li{ width: auto; text-align: left;}
.main-navigation {
	text-align: left;
	font-size: 1.1em;
	float: right;
}
.main-navigation a {
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
.main-navigation a:hover {
  color: #7a5a24;
}
.main-navigation ul ul {
	top: 2.3em;
	font-size: 0.8em;
	box-shadow: 0px 20px 25px  rgba(0,0,0,0.3);
	margin-top: 1px;
}
.main-navigation ul ul li{
background-color: #F4F4F4;
}

.main-navigation ul ul a {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #3F6994;
}
.main-navigation ul ul a:hover {
	 	  color: #bbb881; 
}
.main-navigation li:hover > a {
  color: #bbb881;
 
}
.main-navigation ul ul :hover > a {
   
 
}
/* Slider Styles
------------------------------------------------*/
.slider-parent {
  position: relative;
  top: -30px;
}
.slider-wrapper {
  width: 1100px;
  border-top: solid 4px #5e5340;
  border-bottom: solid 4px #5e5340;
  margin-bottom: -40px;
  background: #111;
  box-shadow: 1px 1px 5px #4a4a4a;
}
.nivo-caption {
  max-width: 550px;
  min-width: 200px;
  overflow: hidden;
  bottom: 15px;
  left: 10px;
   font-weight: lighter;
}
.nivo-caption a {
  text-decoration: none;
}
.nivo-caption a:hover {
  text-decoration: underline;
}
.nivo-html-caption {
  display: none;
}
div.slide-title {
  font-size: 36px;
  display: block;
}
/*Homepage 
--------------------------------------------------*/
h2#page-title,
.archive h1.page-title,
.page h1.entry-title {
	font-size: 2em;
	 
	display: inline-block;
	clear: both;
	text-transform: uppercase;
	color: #2a2622;
	 
	margin-bottom: 25px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

h1.entry-title {
	margin-bottom: 15px;
	color: #000;
}
h2#page-title:first-letter,
.archive h1.page-title:first-letter,
.page h1.entry-title:first-letter {
 
 
}
.article-wrapper {
	white-space: 230px;
	float: left;
	display: block;
	min-height: 220px;
	margin-bottom: 30px;
}
.homepage-article {
  background: #2a2622;
  padding: 10px;
  width: 230px;
  float: left;
  margin-right: 25px;
  min-height: 220px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.homepage-article .featured-image {
	width: 230px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 10px;
}
.homepage-article img {
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
}
.homepage-article img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.homepage-article h1.entry-title {
  padding-top: 4px;
  text-align: center;
   
}
.homepage-article h1.entry-title a {
   color: #e7e2c5;
  text-decoration: none;
  font-size: small;
}
.homepage-article h1.entry-title a:hover {
  color: white;
  position: relative;
}
.homepage-article h1.entry-title a[data-title]:hover:after {
  content: attr(data-title);
  padding: 4px 8px;
  color: #eee;
  position: absolute;
  left: -8px;
  top: -7px;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background: black;
  overflow: visible;
  word-wrap: break-word;
  width: 220px;
  display: inline-block;
}
/*Articles, Pages and General Content Section Styling
----------------------------------------------------------*/
/* Floating Details of the Section, which determines the layout is present in the css/layouts folder */
#primary,
#secondary {
 
 
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.single-post {
   
  padding-bottom: 10px;
}
.single-post h1.entry-title {
	 
}
.single-post h1.entry-title a {
  text-decoration: none;
}
.single-post .featured-image-single {
  width: 80%;
  margin: auto;
  clear: both;
  margin-bottom: 15px;
}
.single-post .featured-image-single img {
  border: solid 10px #ece5be;
}
.entry-meta {
  font-size: 11px;
  color: grey;
  font-weight: lighter;
}
.entry-meta a {
  color: #6e5730;
  text-decoration: none;
}
.entry-meta a:hover {
  text-decoration: underline;
}
#nav-below {
	font-size: 0.8em;  
  
}
/* Sidebar
-------------------------------------------------------*/
#secondary    {
	 
	  
}
#secondary a  {
  
  text-decoration: none;
}
#footer-sidebar a {
  color:  #bbb881;
   
}
#footer-sidebar a:hover {
  color:  #fff;
}
#secondary a:hover  {
 
}
#secondary .widget-title,
#footer-sidebar .widget-title {
	color: #bbb881;
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#secondary .widget_tag_cloud a,
#footer-sidebar .widget_tag_cloud a {
  font-size: 14px !important;
  background: #5e5340;
  color: #d5be95;
  padding: 4px 8px;
  text-decoration: none;
  margin-top: 4px;
  display: inline-block;
}
#secondary .widget_tag_cloud a:hover,
#footer-sidebar .widget_tag_cloud a:hover {
  background-color: #6e5730;
}
#secondary ul,
#footer-sidebar ul {
  margin-left: 0px;
  list-style: none;
}
#secondary ul > li  {
 
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#secondary aside.widget_nav_menu ul > li  {
	border-top-style: none;
}


.widget_recent_entries li {
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer-sidebar ul > li {
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px; 
}
#secondary ul > li ul,
#footer-sidebar ul > li ul {
  border-bottom: none;
  margin-left: 20px;
  padding-bottom: none;
  list-style: disc;
}
#secondary ul > li ul li,
#footer-sidebar ul > li ul li {
  padding: 0px;
  border: none;
}
#secondary select,
#footer-sidebar select {
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
}
.widget_search input[type=submit] {
  display: inline;
  background: #4f4f4f;
  color: white;
  box-shadow: none;
  text-shadow: none;
}
.widget_search input[type=search] {
	outline: none;
	width: 55%;
	background-color: #E4E4E4;
}
#footer-sidebar {
	clear: both;
	 
}
#footer-sidebar .footer-column {
	width: 30.3%;
	float: left;
	margin-top: 1.5%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
/*Comments Section */
.comment {
  background: #f7f5e7;
  border-color: #bbb;
}
/* Modification for Sidebar on Homepage */
.page-template-page-full-width-php #secondary,
.blog #secondary {
  padding-left: 10px;
  float: none;
  margin: auto;
  margin-left: 5px;
  padding-right: 0px;
  width: 96%;
  position: relative;
}
.page-template-page-full-width-php #secondary .widget,
.blog #secondary .widget {
  width: 29%;
  margin-left: 2%;
  margin-right: 1.5%;
  /* float: left; */

}
#primary-home {
  
}
#primary  {
	background-color: rgba(255,255,255,0.8);
  margin:0;
  float:none;
  width:100% !important;
	margin-top: 30px;
	 
}
/* Full width Template
----------------------------------------------*/
.full-width {
  
   
}
/* Colophon */
#colophon {
	background: #383b36;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
#colophon a {
  text-decoration: none;
  color: #5991c8;
}
#colophon .site-info {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
}
#colophon .site-info a{
	color: #cccc99;	 
}
#colophon #footertext {
  float: right;
}
/* Archive & Search Pages
---------------------------------------- */
.search .entry-title a,
.archive .entry-title a {
  font-size: x-large;
  text-decoration: none;
}
.search article,
.archive article {
  background: #ece5be;
  padding: 15px;
}
.search h1.entry-title,
.archive h1.entry-title {
  font-size: x-large;
   font-weight: lighter;
  display: block;
  clear: both;
  text-transform: none;
  text-shadow: #fff 0px 0px 0px;
  padding: 10px 0px;
  word-wrap: break-word !important;
  -ms-word-wrap: break-word;
  color: #2a2622;
  box-shadow: 0px 0px 0px;
  border-bottom: none;
  margin-bottom: 0px;
}
.search h1.entry-title:first-letter,
.archive h1.entry-title:first-letter {
  font-size: x-large;
  text-shadow: #fff 0px 0px 0px;
}
.search .wp-post-image,
.archive .wp-post-image {
  text-align: center;
  display: block;
  margin: auto;
  max-width: 50%;
  border-bottom: solid 4px #865e18;
  box-shadow: 0px -1px 9px #666666;
}
.search .page-title {
  font-size: x-large;
  border-bottom: solid 1px black;
  display: inline-block;
  margin-bottom: 15px;
}
.archive #colophon,
.search #colophon,
.single #colophon {
  margin-bottom: -22px;
}
.category .entry-title a {
  font-size: normal;
}
.category article {
	padding:  0px;
	background-color: #CCCCCC;
}
.category h1.entry-title {
  font-size: normal;
  padding: 0px 0px;
}
.category h1.entry-title:first-letter {
  font-size: 13px;
  text-transform: none;
}
.category .wp-post-image {
  max-width: 100%;
  border-bottom: none;
  box-shadow: none;
}
/* Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  padding-top: 25px;
  text-align: center;
  width: 100%;
  clear: both;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
  margin-left: 0px;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #6a5634;
  transition: all 0.4s ease;
}
.pagination ul > li > a:hover {
  color: #5e5340;
  background: #fdf1ad;
}
.pagination .current {
  background: #fff3ab;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #f1e8ba;
  /*  border: 1px solid desaturate(@default-background, 55%); */

  border-left-width: 0;
  display: inline-block;
  color: #665538;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
  border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
  border-rigth-width: 1px;
}
/* HTML Markup & Formatting */
.single article h1,
.page article h1 {
  font-size: xx-large;
}
.single article h2,
.page article h2 {
  font-size: x-large;
}
.single article h3,
.page article h3 {
  font-size: large;
}
.single article h4,
.page article h4 {
  font-size: 18px;
}
.single article h5,
.page article h5 {
  font-size: 16px;
}
.single article h6,
.page article h6 {
  font-size: 14px;
}
.single article blockquote,
.page article blockquote {
  background: #eee7bc;
  padding: 10px;
  margin-bottom: 10px;
  padding-bottom: 1px;
  border-bottom: solid 5px #0d0d0d;
 }
.single article table td,
.page article table td,
.single article table th,
.page article table th {
  padding: 5px;
  background: #ffffff;
}
h2 { color:#000; }
.single article table th,
.page article table th,
.single article table td,
.page article table td {
  border-top: dashed 1px #D6D6D6;
}
.single article ul ul,
.page article ul ul {
  list-style: circle;
}
.single article ul ul ul,
.page article ul ul ul {
  list-style: disc;
}
.single article ol ol,
.page article ol ol {
  list-style: lower-roman;
}
.single article ol ol ol,
.page article ol ol ol {
  list-style-type: lower-alpha;
}
.full-width {
  width: 97% !important;
}
/* Responsive Design Begins Below
---------------------------------------------------*/
@media screen and (max-width: 980px)  {
.header-main {
	top: -60px!important;
	position: relative!important;
	}
 .container-main {
	width: 80%;
}

.header-inner {
	top: 0px!important;
	 
	}
	
	ul.plate .thumbnail {
	height: 150px; 
	 
	}
	
}


@media screen and (max-width: 1200px)  {
  .container,
  #nav-wrapper {
    width: 912px;
    max-width: 100%;
  }
  #primary-home {
 
  }
  .home #secondary {
    margin-left: 2%;
  }
  .home #secondary .widget {
    margin-right: 2%;
  }
  
 .site-branding{
	height: 65px; 

}

.menu {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}

header #social-icons img {
	margin: 0px;
	padding-top: 3px;
}

.container-main {
	margin-top: 70px;
}
}
 
 .more {
	text-decoration: none;
	display: block;
	border: 2px solid #545b47;
	text-transform: uppercase;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-bottom: 20px;
	color: #545b47;
	min-width: 100px;
}
  .more:hover {
	color: #e8e1cb;
	background-color: #545b47;
}
 
.news-title {
	margin-bottom: 30px;
	font-size: 1.7em;
	text-transform: uppercase;
	text-align: center;
}
 .news-container .news-title a:hover{
	color: #e6dfc2;	  
}
.news-container .news-title a {
	color: #FFF;
}

.battalion-container ul.plate .title a{
	font-size: 1.3em;
	margin-bottom: 5px;
	color: #545b47;
}
 @media screen and (max-width:1250px) {
  .buttons {
    flex-wrap:wrap;
    justify-content: center;
    text-align: center;
    margin:0 -10xp;
  }
  .buttons > * {
    margin:0 10px 10px;
  }
 }
 @media screen and (max-width:992px) {
  ul.news-list, ul.plate {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    margin:0 -15px !important;
    width:calc(100% + 30px) !important;
  }
  ul.news-list li, ul.plate li {
    width:100%;
    max-width: 350px;
    margin:0 15px 30px;
  }
  .logo img {
    margin:0;
    max-width: 300px;
    display:block;
  }
  .logo {
    width:auto;
    float:none;
    margin:0;
    display:block;
  }
  .site-branding .container {
    display:flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    height:60px;
  }
  ul, ol {
    margin-left: 1em;
  }
  .main-navigation {
    margin-bottom: 3px !important;
  }
  .container {
    padding:0 15px;
  }
  ul.news-list .thumbnail img {
    width:100%;
  }
 }
 @media screen and (max-width:767px) {
  .site-branding {
    height:auto !important;
    margin:0 !important;
  }
  .open-menu {
    display:flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    width:40px;
    height:40px;
  }
  .logo img {
    max-width: 250px;
  }
  #site-navigation {
    position:absolute;
    right:0px;
    width:150px;
    top:100%;
    padding-bottom: 10px;
    background:#e6dfc2;
    z-index:2;
    display:none;
  }
  .site-branding .container {
    position:relative;
  }
  .logo img {
    margin-top: -2px;
  }
  ul.menu {
    display:block;
  }
  ul.menu li {
    float:none;
    width:100%;
    text-align: center;
  }
  .menu-glavnoe-menyu-container {
    float:none;
  }
  #social-icons {
    float:none;
    margin:0;
    text-align: center;
  }
  #main-slogan h1 {
    font-size: 32px;
    margin:0 0 20px;
  }
  #main-slogan {
    font-size: 16px;
  }
  .container-main {
    background:rgba(0,0,0,0.4);
    width:100% !important;
    margin:0 !important;
    padding:50px 0 60px;
  }
  #main-slogan a {
    margin:20px auto 0;
  }
  #main-slogan p {
    margin:0;
  }
  .widget {
    margin:0 !important;
  }
  ul.news-list li, ul.plate li {
    max-width: calc(50% - 30px);
  }
  .battalion-container {
    padding:30px 0 1px;
  }
  #footer-sidebar {
    padding:30px 0 1px;
  }
  #footer-sidebar .footer-column {
    float:none;
    width:100%;
    text-align: center;
    margin:0 0 20px;
  }
  #footer-sidebar ul > li {
    padding:0;
    margin:0 0 10px;
  }
  #primary {
    margin-left: 0;
    margin-right: 0;
    float:none;
  }
  .pagination {
    margin:0;
    padding:0;
  }
  .single article blockquote, .page article blockquote {
    margin:0 0 20px;
  }
  .single-post {
    margin:0;
    padding:0;
  }
 }
 @media screen and (max-width:500px) {
  ul.news-list li, ul.plate li {
    max-width: 100%;
  }
 }