/* Generated by less 2.5.1 */
.dev {
  border: 1px solid red;
}
.dev2 {
  border: 1px solid aqua;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
label,
a,
li {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}
a:link,
a:visited {
  text-decoration: none;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.nav-links {
  font-size: 1.5em;
}
.page-numbers {
  padding: 5px;
}
.nav-links .current {
  color: #98b8df;
  border: 2px solid #98b8df;
  padding: 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.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: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.gallery-caption {
  display: none;
}
* {
  box-sizing: border-box;
}
body {
  background-color: #eaeaea;
}
.sticky {
  display: block;
}
/* HEADER */
header {
  display: flex;
}
.theme-name {
  height: 100%;
  text-align: center;
  padding: 15px 0;
  position: relative;
  top: -30px;
  left: -30px;
  opacity: 0;
  background-color: #000000;
  z-index: 1;
}
.custom_title_box {
  background-color: #000000;
}
.descr-h1 {
  font-size: 1em;
}
.custom_description_color {
  color: #eaeaea;
}
.custom_title_link,
.custom_title_link:hover {
  color: #98b8df;
}
/* NAV */
#header-nav {
  display: flex;
  flex-direction: column;
  position: relative;
  top: -30px;
  right: -30px;
  opacity: 0;
  background-color: #5d5d5d;
  z-index: 1;
}
#header-nav nav {
  margin: auto 60px;
}
.custom_nav_box {
  background-color: #5d5d5d;
}
.custom_nav_box a {
  color: #98b8df;
}
.menu {
  padding: 0;
  margin: 0;
}
.menu li {
  list-style: none;
  display: inline-block;
}
.menu li a {
  font-size: 2em;
  margin-right: 30px;
  color: #98b8df;
}
/* SLIDER */
#slider {
  height: 450px;
  position: relative;
}
.slide {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.slide img {
  margin: auto;
  position: relative;
}
.arrow-container {
  position: absolute;
  top: 0;
  width: 10%;
  height: 100%;
  display: flex;
  z-index: 0;
}
.arrow-container:hover {
  cursor: pointer;
}
.arrow-container svg {
  margin: auto;
  width: 100%;
  height: 25%;
  position: relative;
  padding: 15px;
}
#arrow-container-left {
  left: 0;
}
#arrow-container-left svg {
  transform: rotate(-90deg);
}
#arrow-container-right {
  right: 0;
}
#arrow-container-right svg {
  transform: rotate(90deg);
}
.path-arrow-box,
.path-arrow {
  transition: all 0.1s ease-out;
}
.arrow-container:hover #path-arrow-box-left,
.arrow-container:hover #path-arrow-box-right {
  transform: translateY(20px);
}
.arrow-container:hover #path-arrow-left,
.arrow-container:hover #path-arrow-right {
  transform: translateY(-40px);
}
.slide-caption {
  position: absolute;
  bottom: 5%;
  left: 55%;
  padding: 10px;
  opacity: 0;
  background-color: #eaeaea;
  color: #98b8df;
}
.slide-caption a:hover {
  color: #bfd3eb;
}
/* WRAPPER */
.wrapper {
  display: flex;
}
/* ASIDE */
aside {
  padding-top: 60px;
  position: relative;
  bottom: -30px;
  left: -30px;
  opacity: 0;
  background-color: #ffffff;
}
/* SECTION */
section {
  padding: 60px 0 0 60px;
  background-color: #eaeaea;
  opacity: 0;
  position: relative;
  bottom: -30px;
  right: -30px;
}
/* POSTS */
.post {
  margin: 0 60px 60px 60px;
  opacity: 0;
  transition: all 1s ease;
}
.post-header {
  height: 75px;
  display: flex;
}
.custom_post_header_links_color,
.custom_post_header_links_color a {
  color: #98b8df;
}
.post-format {
  background-color: #000000;
  height: 100%;
  color: #98b8df;
  display: flex;
  position: relative;
  top: -15px;
  left: -15px;
}
.post-format span {
  font-size: 3em;
  margin: auto;
  position: relative;
  left: -10px;
  top: -10px;
}
.post-format .avatar {
  margin: auto;
}
.post-title-box {
  background-color: #5d5d5d;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  top: -15px;
  right: -15px;
}
.post-title-box h1,
.post-title-box h2,
.post-title-box p {
  margin: auto 15px;
}
.single-title {
  color: #98b8df;
}
.post-body {
  display: flex;
}
.post-side {
  background-color: #ffffff;
  padding: 15px 1px 0 1px;
  position: relative;
  bottom: -15px;
  left: -15px;
}
.btn-social {
  background-color: #98b8df;
  color: #ffffff;
}
.post-meta {
  margin-bottom: 15px;
}
.social-share {
  margin: 15px 0;
}
.btn-social {
  margin-top: 5px;
  border: none;
}
.custom_post_sidebar_box_color a {
  color: #98b8df;
}
.post-content-box {
  padding: 15px 0;
  position: relative;
  bottom: -15px;
  right: -15px;
}
.post-content-box p {
  margin-top: 5px;
  margin-bottom: 15px;
}
.custom_post_content_box h1,
.custom_post_content_box h2,
.custom_post_content_box h3,
.custom_post_content_box h4,
.custom_post_content_box h5,
.custom_post_content_box h6 {
  color: #98b8df;
  margin: 15px 0 5px 0;
}
.custom_post_content_box a {
  color: #98b8df;
}
.post-thumbnail {
  padding: 0;
  padding-left: 15px;
}
.float-left-thumbnail {
  margin: 0 15px 15px -15px;
}
/* WIDGETS */
.social-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.social-icons {
  fill: #5d5d5d;
  width: 27px;
  height: 27px;
  margin: 3px;
}
.widget {
  margin: 0 15px 30px 15px;
  background-color: #eaeaea;
  padding: 15px;
}
.widgettitle {
  background-color: #5d5d5d;
  color: #98b8df;
  padding: 5px 15px;
  margin: -15px -15px 5px -15px;
}
.widget ul {
  padding: 5px;
  margin: 0;
}
.widget li {
  list-style: none;
  margin: 0;
}
.widget a {
  color: #98b8df;
}
.custom_btn_widget {
  border: none;
  background-color: #5d5d5d;
  color: #ffffff;
}
.custom_btn_widget:hover {
  background-color: #98b8df;
  color: #ffffff;
}
/* GALLERY */
.gallery-item-box {
  padding: 0 5px;
  margin: 5px 0;
  height: 175px;
  overflow: hidden;
  display: flex;
}
.gallery-item {
  cursor: pointer;
}
.gallery-overlay {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
  z-index: 1000;
  display: flex;
}
.gallery-overlay img {
  margin: auto;
}
.gallery-overlay .arrow-container svg {
  width: 50%;
}
.wp-caption,
.wp-caption-text {
  display: none;
}
#close-overlay {
  font-size: 2em;
  position: absolute;
  top: 60px;
  right: 60px;
  cursor: pointer;
  color: #98b8df;
  z-index: 2000;
}
/* POST FORMAT IMAGE AND VIDEO */
.format-image,
.embed-responsive {
  margin: 15px 0;
}
/* COMMENTS */
.comment-list-title-box {
  background-color: #5d5d5d;
  margin-top: 60px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  padding: 5px;
}
.comment-list-title-box .h2 {
  color: #98b8df;
  margin-left: 15px;
}
.commentlist {
  padding: 0;
}
.comment {
  list-style: none;
  margin-bottom: 15px;
  clear: both;
  background-color: #ffffff;
  padding: 15px;
}
.comment-title-box p {
  font-size: 1.5em;
  margin-bottom: 5px;
}
.bypostauthor {
  display: block;
}
.comment-content p,
.reply {
  margin: 5px 15px;
}
.comment-content p {
  font-size: 1.2em;
}
.reply {
  font-size: .85em;
}
.depth-2 {
  background-color: #eaeaea;
}
/* ARCHIVE */
.author-header {
  height: 158px;
}
.author-header .avatar {
  margin-top: 15px;
}
.archive-header {
  height: 100px;
}
.archive-title-box h1,
.archive-title-box p {
  margin: 0;
}
.archive-title-box h1 {
  margin-top: 15px;
}
.archive-content-box {
  padding-left: 15px;
}
/* FOOTER */
footer {
  display: flex;
}
.footer-sidebar {
  background-color: #000000;
}
.footer-section {
  background-color: #5d5d5d;
}
.footer-section a {
  color: #98b8df;
}
.footer-section a:hover {
  color: #ffffff;
}
.footer-section p {
  color: #eaeaea;
}
.custom_widget_section_box_color a {
  color: #98b8df;
}