@charset "UTF-8";
/*
	Theme Name: perun.apartments
	Description: god's
	Version: 1.0.0
	Author: JetPlugs.com
	Tags:
	Text Domain: uahelp-master
	Domain Path: /languages
*/
@font-face {
  src: url("../fonts/Ubuntu/Ubuntu-Light.ttf") format("opentype");
  font-family: 'Ubuntu';
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  src: url("../fonts/Ubuntu/Ubuntu-Regular.ttf") format("opentype");
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  src: url("../fonts/Ubuntu/Ubuntu-Italic.ttf") format("opentype");
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: italic;
  font-display: swap; }
@font-face {
  src: url("../fonts/Ubuntu/Ubuntu-Bold.ttf") format("opentype");
  font-family: 'Ubuntu';
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Unna';
  src: url("../fonts/Unna/Unna-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Unna';
  src: url("../fonts/Unna/Unna-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: bold;
  font-display: swap; }
/*  color-1 main */
/*  color-3 005C38 - 10% less */
/*  color-2 light grey */
/*  color-4 CCC / Klub */
/*  color-white white */
/*  color-black black */
.color-1 {
  color: #283F50 !important; }

.color-2 {
  color: #F1F1F1 !important; }

.color-3 {
  color: #C13118 !important; }

.color-4 {
  color: #F0FAFF !important; }

.color-white {
  color: white !important; }

.color-black {
  color: black !important; }

.background-1 {
  background-color: #283F50 !important; }

.background-2 {
  background-color: #F1F1F1 !important; }

.background-3 {
  background-color: #C13118 !important; }

.background-4 {
  background-color: #F0FAFF !important; }

.background-white {
  background-color: white !important; }

.background-black {
  background-color: black !important; }

.background-white {
  background-color: white !important; }

.background-black {
  background-color: black !important; }

/*  TYPOGRAPHY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fw-700 {
  font-weight: 700 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-300 {
  font-weight: 300 !important; }

.font-family-1 {
  font-family: "Ubuntu", Arial, sans-serif !important; }

.font-family-2 {
  font-family: Unna, "Times New Roman", serif !important; }

.paragraph-1, p {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 1px;
  color: #283F50; }
  .paragraph-1::-moz-selection, p::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: #283F50; }
  .paragraph-1::selection, p::selection {
    color: white;
    background: #283F50; }
  .background-1 .paragraph-1, .background-1 p {
    color: white; }
    .background-1 .paragraph-1 a, .background-1 p a {
      color: white;
      text-decoration: none;
      padding-bottom: 3px;
      border-bottom: 2px solid #C13118; }
      .background-1 .paragraph-1 a:hover, .background-1 p a:hover {
        text-decoration: none;
        color: #F0FAFF;
        border-bottom: 2px solid white; }
  .paragraph-1 a, p a {
    color: #283F50;
    font-weight: 500;
    text-decoration: underline; }
    .paragraph-1 a::-moz-selection, p a::-moz-selection {
      /* Code for Firefox */
      color: white;
      background: #283F50; }
    .paragraph-1 a::selection, p a::selection {
      color: white;
      background: #283F50; }
    .paragraph-1 a:hover, p a:hover {
      text-decoration: none;
      color: #283F50; }

.paragraph-2 {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: 1px;
  color: #283F50; }
  .paragraph-2::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: #283F50; }
  .paragraph-2::selection {
    color: white;
    background: #283F50; }
  .paragraph-2 a {
    color: #283F50;
    font-weight: 500;
    text-decoration: underline; }
    .paragraph-2 a::-moz-selection {
      /* Code for Firefox */
      color: white;
      background: #283F50; }
    .paragraph-2 a::selection {
      color: white;
      background: #283F50; }
    .paragraph-2 a:hover {
      text-decoration: none;
      color: #283F50; }

.header-banner {
  font-family: Unna, "Times New Roman", serif;
  font-size: 80px;
  font-weight: 400;
  color: #283F50;
  margin-bottom: 0.7em;
  line-height: 80px; }
  @media (max-width: 768px) {
    .header-banner {
      line-height: 40px;
      font-size: 40px; } }
  .header-banner > a {
    font-size: inherit;
    font-weight: 400;
    color: #283F50;
    transition: .15s ease-in-out;
    line-height: inherit; }
    .header-banner > a:hover {
      color: #283F50;
      text-decoration: none;
      transition: .15s ease-in-out; }

.header-1, h1 {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 45px;
  line-height: 64px;
  font-weight: 400;
  color: #283F50;
  margin-bottom: unset; }
  @media (max-width: 768px) {
    .header-1, h1 {
      font-size: 33px;
      line-height: 39.2px;
      letter-spacing: unset; } }
  .header-1 > a, h1 > a {
    font-size: inherit;
    font-weight: 400;
    color: #283F50;
    transition: .15s ease-in-out;
    line-height: inherit; }
    .header-1 > a:hover, h1 > a:hover {
      color: #283F50;
      text-decoration: none;
      transition: .15s ease-in-out; }

.header-2, h2 {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #283F50;
  margin-bottom: unset;
  line-height: 35px;
  text-decoration: none; }
  .header-2 > a, h2 > a {
    font-size: inherit;
    font-weight: 700;
    color: #283F50;
    transition: .15s ease-in-out;
    line-height: inherit;
    text-decoration: none; }
    .header-2 > a:hover, h2 > a:hover {
      color: #283F50;
      text-decoration: none;
      transition: .15s ease-in-out; }

.header-3, h3 {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #283F50;
  line-height: 29px;
  text-decoration: none; }
  .header-3 > a, h3 > a {
    font-size: inherit;
    font-weight: 700;
    color: #283F50;
    transition: .15s ease-in-out;
    line-height: inherit;
    text-decoration: none; }
    .header-3 > a:hover, h3 > a:hover {
      color: #283F50;
      text-decoration: none;
      transition: .15s ease-in-out; }

.header-4, h4 {
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #283F50;
  line-height: 29px;
  text-decoration: none; }
  .header-4 > a, h4 > a {
    font-size: inherit;
    font-weight: 700;
    color: #283F50;
    transition: .15s ease-in-out;
    line-height: inherit;
    text-decoration: none;
    margin-bottom: 2px;
    border-bottom: 4px solid transparent; }
    .header-4 > a.current-menu-item, h4 > a.current-menu-item {
      border-bottom: 4px solid #283F50;
      margin-bottom: 2px;
      pointer-events: none; }
    .header-4 > a:hover, h4 > a:hover {
      color: #283F50;
      text-decoration: none;
      transition: .15s ease-in-out;
      border-bottom: 4px solid #283F50;
      margin-bottom: 2px; }

/* BASE STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {
  font-family: "Ubuntu", Arial, sans-serif;
  min-height: 100%; }

html {
  position: relative; }

.container-perun {
  max-width: 1600px;
  margin: auto; }

/* LINKS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* LISTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol, ul {
  font-family: "Ubuntu", Arial, sans-serif;
  margin-bottom: 35px; }

.the-content strong {
  font-weight: 700; }
.the-content ul li {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75em;
  color: #283F50;
  font-family: "Ubuntu", Arial, sans-serif;
  margin: 0px; }
  .the-content ul li::marker {
    font-size: 1.25em; }
  .the-content ul li:before {
    content: initial; }
.the-content ol li {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75em;
  color: #283F50;
  font-family: "Ubuntu", Arial, sans-serif;
  margin: 0px; }
  .the-content ol li::marker {
    font-size: inherit; }
  .the-content ol li:before {
    content: initial; }

.wp-block-image img {
  height: auto;
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 0; }

.wp-block-image, figure, figure.wp-block-image, .wp-block-image, .wp-block-embed, .wp-block-gallery {
  position: relative;
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 0;
  text-align: center; }

.wp-block-pullquote {
  padding: 3em 0; }
  @media (max-width: 992px) {
    .wp-block-pullquote {
      padding: 1em 0; } }

.lang-box {
  border-radius: 10px; }

.footer-ccc ul.footer-menu-ccc {
  font-family: "Ubuntu", Arial, sans-serif;
  font-style: 400;
  list-style: none;
  font-size: 16px;
  margin: 0;
  padding: 0; }
  .footer-ccc ul.footer-menu-ccc li {
    display: inline-block;
    padding: 0 10px;
    line-height: 1.2em; }
    .footer-ccc ul.footer-menu-ccc li a {
      font-family: inherit;
      color: #283F50;
      font-size: .815em;
      font-weight: 500;
      text-transform: none;
      text-decoration: underline; }
      .footer-ccc ul.footer-menu-ccc li a:hover {
        color: #283F50;
        text-decoration: none; }
    .footer-ccc ul.footer-menu-ccc li:last-child {
      font-family: inherit;
      font-weight: 400;
      font-style: normal; }
      .footer-ccc ul.footer-menu-ccc li:last-child a {
        font-family: inherit;
        font-weight: 400;
        font-style: normal;
        font-size: .815em;
        text-decoration: none; }

/* Single
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-navigation .nav-left.empty-nav:hover svg, .post-navigation .nav-right.empty-nav:hover svg {
  margin-right: unset;
  margin-left: unset; }
.post-navigation .nav-left span, .post-navigation .nav-right span {
  font-weight: 400;
  font-family: Unna, "Times New Roman", serif;
  font-size: 22px;
  color: #283F50;
  text-decoration: none; }
  .post-navigation .nav-left span:hover, .post-navigation .nav-right span:hover {
    text-decoration: none;
    color: #283F50; }
.post-navigation .nav-left:hover svg {
  margin-right: 2px;
  transition: .15s ease-in-out; }
.post-navigation .nav-right:hover svg {
  margin-left: 2px;
  transition: .15s ease-in-out; }
  .post-navigation .nav-right:hover svg.empty-nav {
    margin-left: unset; }

.the-content h2 {
  margin-bottom: 35px; }
.the-content p {
  margin-bottom: 15px; }

p.has-drop-cap:first-letter {
  font-family: Unna, "Times New Roman", serif !important;
  font-size: 4.5em !important; }

.post-info {
  font-family: "Ubuntu", Arial, sans-serif;
  color: #283F50;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none; }
  .post-info a {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    text-decoration: underline; }
    .post-info a.author-name-ccc {
      font-weight: 500; }
    .post-info a:hover {
      text-decoration: none; }

@media (max-width: 768px) {
  .scroll-tags {
    overflow-x: scroll; }
    .scroll-tags::-webkit-scrollbar {
      background: transparent; }
    .scroll-tags::-webkit-scrollbar-thumb {
      background: transparent; } }

ul.tags-ccc {
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px; }
  ul.tags-ccc li {
    display: inline-block;
    padding: 3px 8px;
    font-size: 1em;
    font-family: inherit;
    margin: 0; }
    ul.tags-ccc li a {
      color: #283F50;
      font-family: inherit;
      font-size: 1em;
      font-weight: inherit;
      text-decoration: none;
      position: relative;
      display: inline-block;
      margin: 0; }
      ul.tags-ccc li a:hover {
        color: #283F50;
        margin: 0; }

.author-img-eob img {
  max-width: 100%;
  height: auto; }

.author-img-eob-page img {
  max-width: 100%;
  height: auto; }

.btn-perun {
  padding: 10px 35px;
  text-decoration: none;
  display: inline-block; }
  @media (max-width: 576px) {
    .btn-perun {
      padding: 5px 25px; } }
  .btn-perun.btn-first {
    border: 3px solid #283F50;
    border-radius: 27px;
    color: #283F50;
    transition: all  0.3s; }
    .btn-perun.btn-first:hover {
      transition-duration: 0.3s;
      color: white;
      background-color: #283F50; }
    .btn-perun.btn-first:active {
      transition: 0s;
      transform: scale(0.97);
      opacity: 0.9; }

/*  BLOCKQUOTE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
blockquote {
  width: 90%;
  margin-left: auto;
  margin-top: 30px;
  margin-bottom: 30px; }
  blockquote p {
    font-size: 30px;
    font-family: Unna, "Times New Roman", serif;
    font-weight: 700;
    line-height: 35px; }
  blockquote cite {
    color: #283F50;
    font-size: 13px;
    font-style: unset;
    display: block;
    margin-top: 5px;
    font-weight: 400;
    text-align: left; }
    blockquote cite:before {
      content: ""; }

/*  IFRAME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
figure.wp-block-embed-youtube {
  margin-bottom: 48px;
  margin-top: 48px; }
  figure.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    display: block; }
  figure.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%; }

iframe.instagram-media, .twitter-tweet, iframe {
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 100%; }

.arch-navigation .pages-digit, .arch-navigation .pages-word {
  font-family: Unna, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400; }
.arch-navigation .underline {
  text-decoration: underline;
  color: #283F50; }
.arch-navigation .nav-left, .arch-navigation .nav-right {
  width: 180px; }
  @media (max-width: 768px) {
    .arch-navigation .nav-left, .arch-navigation .nav-right {
      width: unset; } }
  .arch-navigation .nav-left.empty-nav:hover svg, .arch-navigation .nav-right.empty-nav:hover svg {
    margin-right: unset;
    margin-left: unset; }
  .arch-navigation .nav-left span, .arch-navigation .nav-right span {
    font-weight: 400;
    font-family: Unna, "Times New Roman", serif;
    font-size: 22px;
    color: #283F50;
    text-decoration: none; }
    .arch-navigation .nav-left span:hover, .arch-navigation .nav-right span:hover {
      text-decoration: none;
      color: #283F50; }
.arch-navigation .nav-left:hover svg {
  margin-right: 2px;
  transition: .15s ease-in-out; }
.arch-navigation .nav-right:hover svg {
  margin-left: 2px;
  transition: .15s ease-in-out; }
  .arch-navigation .nav-right:hover svg.empty-nav {
    margin-left: unset; }

.single-photo {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .single-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: block;
    object-fit: cover;
    object-position: center; }
  .single-photo::after {
    content: '';
    padding-bottom: 70%;
    display: block; }

.perun-date-picker {
  border: 3px #283F50 solid;
  border-radius: 10px; }

.contact-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  opacity: 0.95; }