@font-face{
  font-family: 'ProximaNova';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ProximaNova-Regular.otf") format("opentype");
}
@font-face{
  font-family: 'ProximaNova';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/ProximaNova-Bold.otf") format("opentype");
}
@font-face{
  font-family:'Antonio';
  font-style:normal;
  font-weight:bold;
  src:url("../fonts/Antonio-Regular.ttf") format("truetype");
}

body {
  width: 100%;
  display: flex;
  align-content: space-between;
}

aside.sidebar{
  display: inline-block;
  width: 16.5%;
  vertical-align: top;
  min-width: 200px;
}

main {
  display: inline-block;
  width: 67%;
  margin-bottom: 30px;
}

h1 {
  padding: 16px 0 8px 0;
  font: 32px "Antonio";
  text-align: center;
}

h2 {
  padding: 0;
  font: 16px "Antonio";
  color: #ccc;
  text-align: center;
}

img.size-full {
  width: 100%;
  height: auto;
  padding:0;
}

.post {
  border: 1px solid #ccc;
  padding: 30px;
  border-top: none;
}

p {
  font: 18px "ProximaNova";
  font-style: normal;
  font-weight: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-top: 16px;
  line-height: 27px;
}

.post a{
  text-decoration: none;
  color: #669999;
}

a.more-link {
  display: inline-block;
  font: 20px "Antonio";
  text-decoration: underline;
  color: #333;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.nav a {
  display: inline-block;
  font: 16px "Antonio";
  text-decoration: none;
  color: #333;
}

.prev {
  float:left;
}

.next {
  float:right;
}

a:hover{
  text-decoration: underline;
}

.social a {
  color: #867b6f;
}

.block,
.logo {
    width: 100%;
    padding: 40%;
    box-sizing: border-box;
    position: relative;
    font: 32px "Antonio";
    color: #333;
}

.block .inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.photo {
  background-size: contain;
  background-repeat: no-repeat;
}

.logo {
  padding: 0;
}

.logo img {
  width: 100%;
  height: auto;
  margin: auto;

}

.blog {
  background-color: #cec8c3;
}

.blog a {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}

.contacts-block,
.contacts-info,
.widget_polylang {
  background-color: #867b6f;
}

.contacts-block a,
.contacts-info a {
  color: #fff;
  text-decoration: none;
}

.contacts-info {
  color: #fff;
  font-size: 16px;
}

.contacts-info p {
  white-space: nowrap;
  font-family: "Antonio"
}

.inside ul {
  display: inline-block;
  width: 100%;
}

.inside ul li {
  display: inline-block;
}

.lang-item {
  border: 1px solid transparent;
  padding: 3px 5px;
}

.lang-item a {
  text-decoration: none;
  color: #fff;
}

.current-lang {
  border: 2px solid #fff;
}

.kontaktai,
.contacts {
  margin-top: 140px;
}

/*
========= COMMENT FORM ===============
*/
.comment-respond {
  width: 60%;
  margin: 40px auto 0 auto;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
}

.comment-form p {
  margin: 0;
  padding: 0;
}

.comment-form input,
.comment-form textarea {
  font: 16px "Antonio";
  border: solid 1px #ccc;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  padding: 10px;
}

.comment-form-comment {
  width: 100%;
}
.comment-form-comment textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
  display: inline-block;
  width: 34%;
}

.comment-form .form-submit {
  display: inline-block;
  width: 30%;
}

.comment-form .form-submit input {
  border: none;
  background-color: #867b6f;
  color: #fff;
}

.commentlist {
  width: 60%;
  margin: auto;
  font-family: "ProximaNova";
  margin: 40px auto 40px auto;
}

.comment-respond {
  margin: auto;
  font-family: "ProximaNova";
  margin-top: 40px;
}

.comment-intro,
.comment-intro a {
  font: 16px "Antonio";
  color: #ccc;
  margin: 20px 0 10px 0;
  text-decoration: none;
}

.comment p {
  font-size: 16px;
  line-height: 24px;
}

.comment em {
  font: 12px "Antonio";
  color: darkred;
}

/*
========= CONTACT FORM ================
*/
.nf-form-cont {
  width: 50%;
  margin: 40px auto 0 auto;
}

nf-field:nth-child(1),
nf-field:nth-child(2) {
  width: 50%;
  display: inline-block;
}

#nf-field-1-wrap,
#nf-field-5-wrap {
  padding-right: 5px;
}
#nf-field-2-wrap,
#nf-field-6-wrap {
  padding-left: 5px;
}

.half-width  {
  width: 100%;
}

.nf-field-element input,
.nf-field-element textarea {
  font-family: "Antonio";
  padding: 10px;
  border: 2px solid #867b6f;
}

.nf-field-element input[type=button] {
  width: 100% !important;
  background-color: #867b6f;
  color: #fff;
}

/*
========== CAROUSEL SLIDER ==============
*/
.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    background-color: #333;
    color: #fff;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    border: none;
    outline: none;

    font-size: 14px;
}

.slick-prev {
    left: -20px;
}

.slick-next {
    right: -20px;
}

.slick-disabled {
  color: #aaa;
  background-color: #666;
}
