/*
Theme Name: Parabureau 3.0
Theme URI: https://parabureau.com
Author: FameThemes
Author URI: https://parabureau.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}
html {
 box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 font-size: 16px;
}
html {
 box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 font-size: 62.5%;
}
@media (max-width: 1440px) {
 html {
  font-size: 56.50%;
 }
}

body {
 background: #f4f4f2;
 color: #141414;
 height: 100%;
}
body.menuoppening {
 overflow: hidden; /* Onemogućuje skrolovanje */
 position: relative;
 padding-right: var(--scrollbar-width); /* Kompenzuje širinu skrol trake */
}
.site {
 position: relative;
 overflow: hidden
}
.page-id-13 .site-footer, .page-id-2831 .site-footer {
 display: none;
}
body {
 font-family: 'Alegreya Sans', serif;
 font-size: 2rem;
 line-height: 1.4;
 font-variant-numeric: oldstyle-nums;
 font-feature-settings: "onum"1;
 -webkit-font-smoothing: antialiased;
}
pre, code, input, textarea, select {}
select::-ms-expand {
 display: none;
}
select {
 -webkit-appearance: none;
 appearance: none;
}
@-moz-document url-prefix() {
 .ui-select {
  border: 1px solid #CCC;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
 }
 .ui-select select {
  width: 110%;
  background-position: right 30px center !important;
  border: none !important;
 }
}
::-moz-selection {
 background: #000000;
 color: #FFFFFF;
}
::selection {
 background: #000000;
 color: #FFFFFF;
}
.relative {
 position: relative
}
a {
 color: #141414;
 text-decoration: none;
 outline: none;
}
a:hover {
 color: #141414;
 text-decoration: underline;
 text-decoration: none
}
a:active, a:focus, a:hover {
 outline: none;
 text-decoration: none;
 color: #141414;
}
a.post-rollover-link {
 padding-right: 240px;
 background: url(assets/images/arrowright.png) right center no-repeat;
}
.entry-content p {
 margin-bottom: 1.4rem;
}
.entry-content p:last-child, .entry-content ul:last-child {
 margin-bottom: 0;
}
.entry-content ul {
 list-style: none;
 padding-left: 0;
 margin-left: 0;
 margin-bottom: 1.4rem;
}
.entry-content ul li {
 position: relative;
 padding-left: 2.9rem; /* prostor za ndash */
}
.entry-content ul li::before {
 content: "—"; /* ndash */
 position: absolute;
 left: 0;
 top: 0;
}
@media (min-width: 1680px) {
 .container {
  width: 1612px;
  max-width: 100%;
 }
}
@media (max-width: 1679px) {
 .container {
  width: 98.7%;
  max-width: 100%;
 }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 {
 font-weight: 400;
 margin-bottom: 15px;
 font-size: 2rem;
 line-height: 1.4;
}
.page-title {
 font-size: 20rem;
 font-weight: 700;
 line-height: 1;
 margin: 0;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, h5 a, h6 a {
 text-decoration: none;
}
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
 margin-bottom: 0;
 margin-bottom: 0;
 margin-top: 0;
}
b, strong {
 font-weight: bold;
}
h1 strong, h1 b, .h1 strong, .h1 b, .h2 strong, .h2 b h2 strong, h2 b {}
blockquote {
 clear: both;
 margin: 20px 0;
}
blockquote p {
 font-style: italic;
}
blockquote cite {
 font-style: normal;
 margin-bottom: 20px;
 font-size: 13px;
}
dfn, cite, em, i {
 font-style: italic;
}
figure {
 margin: 0;
}
address {
 margin: 20px 0;
}
hr {
 border: 0;
 border-top: 1px solid #e9e9e9;
 height: 1px;
 margin-bottom: 20px;
}
tt, kbd, pre, code, samp, var {
 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 background-color: #e9e9e9;
 padding: 5px 7px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
pre {
 overflow: auto;
 white-space: pre-wrap;
 max-width: 100%;
 line-height: 1.7;
 margin: 20px 0;
 padding: 20px;
}
details summary {
 font-weight: bold;
 margin-bottom: 20px;
}
details :focus {
 outline: none;
}
abbr, acronym, dfn {
 cursor: help;
 font-size: .95em;
 text-transform: uppercase;
 border-bottom: 1px dotted #e9e9e9;
 letter-spacing: 1px;
}
mark {
 background-color: #fff9c0;
 text-decoration: none;
}
small {
 font-size: 70%;
}
big {
 font-size: 125%;
}
ul, ol {
 padding-left: 20px;
}
ul {
 list-style: disc;
}
ol {
 list-style: decimal;
}
ul li, ol li {
 margin: 0;
}
dt {
 font-weight: bold;
}
dd {
 margin: 0 20px 20px;
}
/*------------------------------
	2.6 Table
------------------------------*/
table {
 width: 100%;
 margin-bottom: 20px;
 border: 1px solid #e9e9e9;
 border-collapse: collapse;
 border-spacing: 0;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
 border: 1px solid #e9e9e9;
 line-height: 1.42857;
 padding: 5px;
 vertical-align: middle;
}
table > thead > tr > th, table > thead > tr > td {
 border-bottom-width: 2px;
}
table th {
 font-size: 14px;
 letter-spacing: 2px;
 text-transform: uppercase;
}
/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
 padding: 20px;
 border: 1px solid #e9e9e9;
}
input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
 cursor: pointer;
 background: #03c4eb;
 border: none;
 display: inline-block;
 color: #FFFFFF;
 letter-spacing: 1px;
 text-transform: uppercase;
 line-height: 1;
 text-align: center;
 padding: 15px 23px 15px 23px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
 margin: 3px 0;
 text-decoration: none;
 font-weight: 600;
 font-size: 13px;
}
input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover, .pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
 opacity: 0.8;
 background: #03c4eb;
 border: none;
}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
 cursor: pointer;
}
textarea {
 resize: vertical;
}
select {
 max-width: 100%;
 overflow: auto;
 vertical-align: top;
 outline: none;
 border: none;
 padding: 0;
 color: #555;
 font-weight: 700
}
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
 padding: 10px;
 max-width: 100%;
 border: 0px;
 font-size: 15px;
 font-weight: normal;
 line-height: 22px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 background-color: #f2f2f2;
 border-bottom: 1px solid #fff;
 box-sizing: border-box;
 color: #000000;
}
textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 border-color: #EBEBEB;
 border-bottom: 1px solid #fff !important;
 background: #e9e9e9;
}
button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type="radio"], input[type="checkbox"] {
 margin: 0 10px;
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
 background-color: #f8f9f9;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 clip: auto !important;
 color: #03c4eb;
 display: block;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 17px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
 /* Above WP toolbar */
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/*------------------------------
	2.9 Alignments
------------------------------*/
.alignleft {
 display: inline;
 float: left;
 margin-right: 3.5em;
}
.alignright {
 display: inline;
 float: right;
 margin-left: 3.5em;
}
.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
/*------------------------------
	3.0 Clearings
------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
 content: "";
 display: table;
 clear: both;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
 clear: both;
}
/*------------------------------
	3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
 /* Theme Footer (when set to scrolling) */
 display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
 display: block;
}
/*------------------------------
	3.1 Helper.
------------------------------*/
.hide {
 display: none;
}
.clearleft {
 clear: left;
}
.break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
 word-break: break-word;
 word-wrap: break-word;
}
/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
/*#primary {
 padding-bottom: 40px;
 padding-top: 40px;
}
.template-fullwidth-stretched #primary, .siteorigin-panels #primary {
 padding: 0;
}
.template-fullwidth-stretched .entry-content, .siteorigin-panels .entry-content {
 margin-bottom: 0px;
}
#secondary {
 padding-bottom: 40px;
 padding-top: 0;
}
@media screen and (min-width: 940px) {
 #secondary {
  padding-top: 40px;
 }
}
.content-area {
 width: 100%;
 float: none;
}
@media screen and (min-width: 940px) {
 .content-area {
  float: left;
 }
}
.sidebar {
 width: 100%;
 float: none;
}
@media screen and (min-width: 940px) {
 .sidebar {
  width: 25.2252252252%;
  float: left;
 }
}
.no-sidebar .content-area {
 width: 100%;
}
@media screen and (min-width: 940px) {
 .left-sidebar .content-area {
  float: right;
  padding-left: 39px;
  border-left: 1px solid #e9e9e9;
  margin-right: 1px;
  width: 74.7747747748%;
 }
 .left-sidebar .sidebar {
  padding-right: 39px;
  border-right: 1px solid #e9e9e9;
  margin-right: -1px;
 }
 .right-sidebar .content-area {}
 .right-sidebar .sidebar {
  padding-left: 39px;
  border-left: 1px solid #e9e9e9;
  margin-left: -1px;
 }
}*/
.footer-widgets {
 background: transparent !important;
 padding-bottom:4.8rem;
}
.footer-widgets .row {
 display: flex;
 align-items: center; /* vertikalno centriranje svih kolona */
}
.footer-widgets .footer-column {
 display: flex;
 flex-direction: column;
 justify-content: center; /* centriranje sadržaja unutar kolone */
}
.footer-socials {
 text-align: center;
}
.footer-socials ul {
 padding: 0;
 margin: 0;
}
.footer-socials li {
 list-style: none;
 margin: 2.4rem 0;
}
.footer-socials li:last-child {
 list-style: none;
 margin: 2.4rem 0 0;
}
.footer-socials svg {
 width: 40px;
 height: auto;
}
.site-header {
 line-height: 100px;
 position: relative;
 width: 100%;
 z-index: 1000;
 -webkit-transition: all 1s ease-out;
 /* Safari */
 transition: all .5s ease-out;
 margin-top: 10px;
}
.site-header.header-fixed {
 top: 0px;
 left: 0px;
}
.site-header .custom-logo-transparent {
 display: none;
}
.followWrap {
 display: block;
}
.is-transparent .followWrap {
 z-index: 99;
 width: 100%;
 background: transparent;
 position: absolute;
 top: 0px;
 display: block;
}
.is-transparent .site-header {
 background: transparent;
 position: fixed;
 top: 0px;
}
.is-transparent .site-header.no-sticky {
 position: absolute;
 top: auto;
}
.is-transparent .site-header.no-scroll {
 box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
 display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
 display: none;
}
.is-transparent .site-header.header-fixed {
 background: #FFFFFF;
}
.is-transparent .site-header.header-fixed.no-scroll {
 background: transparent;
 box-shadow: none;
}
@media screen and (min-width: 1140px) {
 .is-transparent .no-scroll.site-header .onepress-menu > li > a {
  color: rgba(255, 255, 255, 0.9);
 }
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
 padding-top: 50px;
 padding-top: 3.125rem;
}
.site-branding {
 float: left;
 position: relative;
 z-index: 999
}
body.menuoppened {
 overflow: hidden; /* Onemogućuje skrolovanje */
 position: relative;
 padding-right: var(--scrollbar-width); /* Kompenzuje širinu skrol trake */
}
#nav-toggle .menuclose {
 display: none;
}
.menuoppened #nav-toggle .menuclose {
 display: inline-block;
}
.menuoppened #nav-toggle .menuopen {
 display: none;
}
#nav-toggle {
 display: block;
}
.main-navigation.oppened {
 display: block !important;
 position: fixed;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 width: 100% !important;
 height: 100vh !important;
 background: #f4f4f2;
}
.onepress-menu.onepress-menu-mobile {
 display: block !important;
 position: absolute;
 top: 160px;
 border-bottom: none;
 overflow: visible;
 z-index: 998;
 list-style: none;
}
.main-navigation {
 position: static;
}
.main-navigation .onepress-menu {
 width: 100% !important;
 height: auto !important;
 display: none;
 padding-left: 0;
 padding-top:2rem
}
.onepress-menu.onepress-menu-mobile > li > a {
 padding: 1.2rem 1.5rem 1.2rem;
}
.onepress-menu.onepress-menu-mobile ul li a, .wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link:link {
 font-size: 1.8rem;
 padding: 4px 0;
}
.wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link:link {
 color: #141414;
}
body.dark .wpml-ls-statics-shortcode_actions a, body.dark .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, body.dark .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, body.dark .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, body.dark .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link:link {
 color: #f4f4f4;
}
.onepress-menu.onepress-menu-mobile ul, .onepress-menu.onepress-menu-mobile .wpml-ls-legacy-list-horizontal ul {
 margin-right: 15px !important;
}
.onepress-menu.onepress-menu-mobile .wpml-ls-current-language {
 display: none;
}
.onepress-menu.onepress-menu-mobile ul.colors {
 padding-top: 3.8rem;
}
.onepress-menu.onepress-menu-mobile ul li {
 float: none;
 clear: none;
 display: inline-block;
 margin: 0 0 0 5px;
 padding: 0 0 0 5px;
 position: relative;
}
body.dark .onepress-menu.onepress-menu-mobile ul li:last-child:before {
 color: #f4f4f4;
}
.onepress-menu.onepress-menu-mobile .wpml-ls-legacy-list-horizontal {
 padding: 0;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
 margin: 0 0 0 7px !important;
 padding: 0 0 0 5px;
}
.onepress-menu.onepress-menu-mobile ul li a:hover {
 background: transparent;
}
.onepress-menu.onepress-menu-mobile li {
 float: right;
 clear: both;
 text-align: right;
 line-height: 6rem;
 margin: 0;
}
.onepress-menu.onepress-menu-mobile li.subs {
 line-height: 2rem;
}
.onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
 color: #141414;
}
.onepress-menu.onepress-menu-mobile a {
 -webkit-transition: all 0.2s, translate 0.2s;
 -moz-transition: all 0.2s, translate 0.2s;
 transition: all 0.2s, translate 0.2s;
 font-size: 4rem;
 color: #141414
}
.onepress-menu.onepress-menu-mobile .current-menu-item a, .single-project .onepress-menu .menu-item-object-project > a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.onepress-menu.onepress-menu-mobile a:visited, .onepress-menu.onepress-menu-mobile a:selected, .onepress-menu.onepress-menu-mobile a:focus {
 color: #141414;
}
.onepress-menu.onepress-menu-mobile a:hover {
 color: #141414;
}
.entry-header {
 position: relative;
 padding-bottom: 3.5rem;
}
.entry-header .entry-title {
 font-weight: 700;
 font-size: 2rem;
 line-height: 1;
 float: left;
 margin: 0;
}
.entry-header .filters {
 float: right;
 line-height: 1
}
.entry-header .filters button {
 font-weight: 700;
 font-size: 2rem !important;
 line-height: 1;
 border: none;
 background: transparent;
 padding: 0;
 font-family: 'Alegreya Sans', serif;
}
body.dark .entry-header .filters button {
 color: #f4f4f4
}
.entry-header .filters button:focus, .entry-header .filters button:visited {
 outline: none;
 border: none;
}
.entry-header .filters button svg {
 width: 1.2rem;
 transform: rotate(-90deg);
 transition: all .1s;
 margin: 0 0 0 3px
}
body.dark .entry-header .filters button svg {
 fill: #fff
}
.entry-header .filters button[aria-expanded="true"] svg {
 transform: rotate(90deg)
}
.entry-header .filters ul {
 list-style: none;
 margin: 0;
}
.entry-header .filters ul li {
 margin-bottom: 3.5rem;
 margin-top: 1.5rem;
}
.entry-header .filters #collapseExample {
 position: absolute;
 padding: 20px 0 12px;
 background: #f4f4f4;
 z-index: -1;
 opacity: 0;
 right: 0;
 width: calc(var(--cell) + 12px);
 height: calc(var(--cell) * 2 + var(--gutter) + 45px);
 transition: all .1s;
 display: block !important;
}
body.dark .entry-header .filters #collapseExample {
 background: #1d1d1d;
}
.entry-header .filters #collapseExample.show {
 z-index: 101;
 opacity: 1;
}
.entry-header .filters #collapseExample .current, .entry-header .filters #collapseExample a.current {
 text-decoration: underline;
 text-decoration-thickness: 1px;
 text-underline-offset: 2px;
}
.entry-thumbnail {
 margin-bottom: 30px;
}
.single .entry-header .entry-title {
 margin-bottom: 10px;
}
.entry-content {
 margin-bottom: 0;
}
.entry-content blockquote {
 padding: 30px;
 position: relative;
 background: #f8f9f9;
 border-left: 3px solid #03c4eb;
 font-style: italic;
}
.entry-content blockquote p {
 margin: 0px;
}
/* Entry Stuff
------------------------------*/
.entry-meta {
 margin-bottom: 30px;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 font-size: 12px;
 font-weight: 600;
 padding-bottom: 30px;
 border-bottom: 1px solid #e9e9e9;
}
.entry-footer {
 margin-bottom: 30px;
 padding-top: 30px;
 border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links, .entry-footer .tags-links {
 display: block;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 font-size: 12px;
 font-weight: 600;
 margin-top: 5px;
}
.nav-links {
 padding: 30px 0px;
 border-left: none;
 border-right: none;
 margin-bottom: 50px;
}
.nav-links .nav-previous {
 float: left;
}
.nav-links .nav-next {
 float: right;
}
.nav-links a {
 background: #cccccc;
 color: #FFFFFF;
 padding: 12px 20px;
 font-weight: 600;
 font-size: 12px;
 letter-spacing: 1px;
 text-transform: uppercase;
 border-radius: 2px;
}
.nav-links a:hover {
 background: #03c4eb;
 text-decoration: none;
}
.bypostauthor {
 margin: 0;
}
/* Sticky Post
------------------------------*/
.sticky .entry-title {
 padding-left: 20px;
 position: relative;
}
.sticky .entry-title:after {
 content: "\f276";
 display: inline-block;
 font-family: "FontAwesome";
 font-style: normal;
 font-weight: normal;
 width: 12px;
 height: 12px;
 position: absolute;
 left: 0px;
 top: 2px;
 font-size: 22px;
 color: #aaaaaa;
}
/* WordPress caption style
------------------------------*/
.wp-caption {
 max-width: 100%;
 font-style: italic;
 line-height: 1.35;
 margin-bottom: 15px;
 margin-top: 5px;
}
.wp-caption img[class*="wp-image-"] {
 display: block;
 max-width: 100%;
}
.wp-caption .wp-caption-text {
 margin: 10px 0px;
}
.wp-caption-text, .entry-thumbnail-caption, .cycle-caption {
 font-style: italic;
 line-height: 1.35;
 font-size: 13px;
}
.project-gallery {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 24px;
}
.gallery-item {
 position: relative;
 overflow: hidden;
}
.gallery-item img, .gallery-item video {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
}
.gallery-item.landscape {
 grid-column: 1/-1;
}
.gallery-item.half {
 grid-column: auto;
}
.gallery-video {
 width: 100%;
 height: auto;
 display: block;
 pointer-events: none;
}
.gallery-video::-webkit-media-controls {
 display: none !important;
}
@media(max-width:768px) {
 .project-gallery {
  grid-template-columns: 1fr;
 }
 .gallery-item.landscape {
  grid-column: auto;
 }
}
.section-padding {
 padding: 6rem 0;
}
.section-padding-top {
 padding: 6rem 0 0;
}
.section-padding-bottom {
 padding: 0 0 6rem;
}
.section-padding-small {
 padding: 2rem 0px;
}
.section-padding-top-small {
 padding: 2rem 0 0;
}
.section-padding-bottom-small {
 padding: 0 0 2rem;
}
.onepage-section {
 position: relative;
 overflow: hidden;
}
.onepage-section:before {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 display: block;
 content: " ";
 z-index: 1;
}
.onepage-section .container-fluid, .onepage-section .container {
 position: relative;
 z-index: 5;
}
.section-inverse {
 background: #222222;
}
.section-inverse .section-title-area .section-title {
 color: rgba(255, 255, 255, 0.99);
}
.section-inverse .section-title-area .section-subtitle {
 color: rgba(255, 255, 255, 0.7);
}
.section-inverse .section-title-area .section-subtitle::after {
 background: rgba(255, 255, 255, 0.8);
}
.section-inverse-extended {
 background: #333333;
}
.section-inverse-extended .section-title-area .section-title {
 color: rgba(255, 255, 255, 0.99);
}
.section-inverse-extended .section-title-area .section-subtitle {
 color: rgba(255, 255, 255, 0.7);
}
.section-inverse-extended .section-title-area .section-subtitle::after {
 background: rgba(255, 255, 255, 0.8);
}
.section-inverse {
 color: rgba(255, 255, 255, 0.5);
}
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
 color: rgba(255, 255, 255, 0.9);
}
.section-inverse p {
 color: rgba(255, 255, 255, 0.5);
}
.section-title-area {
 margin-bottom: 60px;
 text-align: center;
}
.section-title-area .section-title {
 font-size: 30px;
 letter-spacing: 2px;
 font-weight: 800;
 position: relative;
 margin-bottom: 0px;
 text-transform: uppercase;
}
@media screen and (min-width: 940px) {
 .section-title-area .section-title {
  font-size: 40px;
  letter-spacing: 3.5px;
 }
}
.section-title-area .section-subtitle {
 color: #aaaaaa;
 font-size: 12px;
 display: inline-block;
 position: relative;
 margin-bottom: 13px;
 margin-bottom: 0.8125rem;
 text-transform: uppercase;
 letter-spacing: 2px;
}
@media screen and (min-width: 940px) {
 .section-title-area .section-subtitle {
  font-size: 14px;
 }
}
.section-desc {
 font-size: 20px;
 font-size: 1.25rem;
 margin-top: 40px;
 margin-top: 2.5rem;
}
.wpcf7-form {
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: 2px;
 font-weight: 600;
}
.wpcf7-form br {
 margin-bottom: 5px;
}
.wpcf7-form label {
 width: 100%;
}
div.wpcf7-validation-errors {
 margin: 20px 0px;
 padding: 15px;
}
div.wpcf7-response-output {
 margin: 20px 0px;
}
.gallery-grid .g-item {
 padding: 10px;
 float: left;
}
.all-gallery {
 text-align: center;
 margin-top: 40px;
 display: block;
}
.g-zoom-in .g-item {
 display: block;
 overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.g-zoom-in .g-item img {
 display: block;
 overflow: hidden;
 -webkit-transition: all 0.5s linear;
 transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
 -ms-transform: scale(1.5, 1.5);
 /* IE 9 */
 -webkit-transform: scale(1.5, 1.5);
 /* Safari */
 transform: scale(1.5, 1.5);
}
.g-layout-full-width.container {
 width: 100%;
 max-width: none;
 padding: 0px;
}
@media screen and (min-width: 720px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
@media screen and (min-width: 576px) and (max-width: 720px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
@media screen and (max-width: 576px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
.gallery-justified {
 width: 100%;
 position: relative;
 overflow: hidden;
}
.gallery-justified img {
 max-width: none;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: 0;
 padding: 0;
 border: none;
}
.gallery-justified > a, .gallery-justified > div {
 position: absolute;
 display: inline-block;
 overflow: hidden;
 float: left;
}
.gallery-masonry {
 width: 100%;
 position: relative;
 display: block;
}
.gallery-masonry:affter {
 clear: both;
}
.gallery-masonry .inner {
 display: block;
}
.single-project .project-image {
 width: 100%;
}
.single-project .project-image img, .single-project .project-image video {
 display: block;
 width: 100%;
 height: auto;
}
.footer-widgets #footer-2 svg {
 max-width: 230px;
}
body.dark {
 background: #1d1d1d;
 color: #f4f4f2;
}
body.dark .site-logo-div .custom-logo-link.no-t-logo {
 display: none;
}
body.dark .site-logo-div .custom-logo-link.logo-white-hardcoded {
 display: inline-block;
}
body.project-text-White, body.project-logo-White,
body.project-text-White a, body.project-logo-White a,
body.project-text-White a:hover, body.project-logo-White a:hover{color:#f4f4f2 !important;}
body.project-text-White.menuoppened, body.project-logo-White.menuoppened,
body.project-text-White.menuoppened a, body.project-logo-White.menuoppened a,
body.project-text-White.menuoppened a:hover, body.project-logo-White.menuoppened a:hover{color:#141414 !important;}
body.project-text-White.menuoppened.dark, body.project-logo-White.menuoppened.dark,
body.project-text-White.dark.menuoppened, body.project-logo-White.dark.menuoppened,
body.project-text-White.menuoppened.dark a, body.dark.project-logo-White.menuoppened.dark a,
body.project-text-White.dark.menuoppened a, body.project-logo-White.dark.menuoppened a,
body.project-text-White.menuoppened a:hover, body.project-logo-White.dark.menuoppened a:hover,
body.project-text-White.dark.menuoppened.dark a:hover, body.project-logo-White.menuoppened.dark a:hover{color:#f4f4f2 !important;}
body.project-text-White .footer-widgets .st0, body.project-logo-White .footer-widgets .st0{fill:#f4f4f4;}
body .custom-logo-link.logo-white-hardcoded {
 display: none;
}
body.menuoppened .custom-logo-link.no-t-logo {
 display: inline-block;
}
body.project-text-White .logo-white-hardcoded, body.project-logo-White .logo-white-hardcoded,
body.project-text-White.menuoppened.dark .logo-white-hardcoded, body.project-text-White.dark.menuoppened .logo-white-hardcoded, 
body.project-logo-White.dark.menuoppened .logo-white-hardcoded, body.project-logo-White.menuoppened.dark .logo-white-hardcoded{
 display: inline-block;
}
body.project-text-White.menuoppened .logo-white-hardcoded, body.project-logo-White.menuoppened .logo-white-hardcoded {
 display: none;
}
body.single-project.project-logo-Black .custom-logo-link.no-t-logo, body.single-project.project-text-Black .custom-logo-link.no-t-logo,
body.project-text-White.menuoppened .custom-logo-link.no-t-logo, body.project-logo-White.menuoppened .custom-logo-link.no-t-logo{
 display:inline-block;
}
body.project-text-White .custom-logo-link.no-t-logo, body.project-logo-White .custom-logo-link.no-t-logo{
 display:none;
}
body.dark .main-navigation.oppened {
 background: #1d1d1d;
}
body.single-project.project-logo-White.dark .custom-logo-link.no-t-logo, body.single-project.project-text-White.dark .custom-logo-link.no-t-logo{
 display:none;
}
.menuoppened .container {
 height: 100%;
}
body.dark .onepress-menu.onepress-menu-mobile a {
 color: #f4f4f2;
}
body.dark .onepress-menu.onepress-menu-mobile a:hover {
 color: #f4f4f2;
}
body.dark #nav-toggle {
 color: #f4f4f2 !important;
}
body.project-logo-Black.dark #nav-toggle, body.project-text-Black.dark #nav-toggle,
body.project-logo-Black.dark .project-info a, body.project-text-Black.dark .project-info a{
 color: #141414 !important;
}
.site-footer .footer-social {
 text-align: center;
}
#nav-toggle {
 display: block;
 float: right;
 position: relative;
 white-space: nowrap;
 font-weight: 700;
 z-index: 1000;
}
#nav-toggle span{margin-top:4px; display: inline-block}
.site-footer .footer-social a {
 font-size: 30px;
 margin: 0px 13px;
 color: #FFFFFF;
}
#nav-toggle:hover, #nav-toggle:active, #nav-toggle:focus, #nav-toggle:visited {
 color: #141414;
}
.menuoppened #nav-toggle:hover, .menuoppened #nav-toggle:active, .menuoppened #nav-toggle:focus, .menuoppened #nav-toggle:visited {
 color: #141414;
}
body.single-project #nav-toggle:hover, body.single-project #nav-toggle:active, body.single-project #nav-toggle:focus, body.single-project #nav-toggle:visited {
 color: #141414;
}
.single-project #nav-toggle:hover, .single-project #nav-toggle:active, .single-project #nav-toggle:focus, .single-project #nav-toggle:visited {
 color: var(--project-text, inherit);
}
body.dark .footer-widgets .st0 {
 fill: #f4f4f2;
}
body.single-project.menuoppened #nav-toggle, body.single-project.menuoppened #nav-toggle:hover, body.single-project.menuoppened #nav-toggle:active, body.single-project.menuoppened #nav-toggle:focus, body.single-project.menuoppened #nav-toggle:visited {
 color: #141414 !important;
}
body.single-project.menuoppened.dark #nav-toggle, body.single-project.menuoppened.dark #nav-toggle:hover, body.single-project.menuoppened.dark #nav-toggle:active, body.single-project.menuoppened.dark #nav-toggle:focus, body.single-project.menuoppened.dark #nav-toggle:visited {
 color: #f4f4f2 !important;
}
body.single-project #page {
 background: var(--project-bg, inherit);
}
body .posts-navigation .prev-posts, body .posts-navigation .next-posts {
 line-height: 40px;
 vertical-align: middle;
}
body .posts-navigation a {
 font-weight: 700;
 display: flex;
 align-items: center;
 gap: 8px;
}
body .posts-navigation .nav-next svg {
 transform: rotate(-180deg);
}
body .posts-navigation svg {
 fill: var(--project-text, inherit);
 width: 14px;
 top: 1px;
 position: relative;
}
/*body.single-project .onepress-menu.onepress-menu-mobile a, body.single-project #nav-toggle {
 color: var(--project-text, inherit) !important;
}*/
body.single-project[style*="--project-logo:white"] .site-logo-div > .custom-logo-link:first-child {
 display: none;
}
body.single-project[style*="--project-logo:white"] .logo-white-hardcoded {
 display: inline-block;
}
body.dark a {
 color: #f4f4f2;
 text-decoration: none;
 outline: none;
}
body.dark a:hover {
 color: #f4f4f2;
 text-decoration: underline;
 text-decoration: none
}
body.dark a:active, body.dark a:focus, body.dark a:hover {
 color: #f4f4f2;
}
.pb-smallcaps, .project-info p strong {
 font-family: 'Alegreya Sans SC', sans-serif;
 line-height: 25px;
 letter-spacing: 0.08em;
 font-variant-numeric: oldstyle-nums proportional-nums;
 text-transform: lowercase;
}
.pb-smallcaps{letter-spacing: 0.05em;}
.project-info .sidebar-section {
 padding-bottom: 2rem;
 font-size: 18px;
}
.project-info .sidebar-section:last-of-type {
 padding-bottom: 0;
}
.project-info p strong {
 font-weight: 700;
}
.project-info .sidebar-section h1 {
 margin: 0;
 font-size: 18px
}
.mobitel, .single-project .project-image img.mobitel, .single-project .project-image video.mobitel {
 display: none;
}
@media screen and (max-width: 991px) {
 .container {
  width: 100%;
 }
 .section-projects .container {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
 }
 .lead-image-column {
  padding-left: 12px;
  padding-right: 12px;
 }
 .project-gallery {
  gap: 12px;
 }
 .footer-widgets .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
 }
 .footer-widgets .footer-column {
  display: block;
 }
 #footer-2.col-6 {
  order: 3;
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-top:3.5rem;
 }
 #footer-2 .text-center {
  text-align: left !important;
  padding-bottom: 0;
 }
 .text-right.footer-socials {}
 #footer-1 {
  order: 2;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
 }
 #footer-3 {
  order: 2;
  padding-left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
 }
}
@media screen and (max-width: 767px) {
 .section-projects .container {
  padding-left: 8px;
  padding-right: 8px;
 }
 .section-projects .container .entry-header {
  padding-left: 7px;
  padding-right: 7px;
 }
 .entry-header .filters ul {
    padding-right: 7px;
}
 .lead-image-column {
  padding-left: 8px;
  padding-right: 8px;
 }
 .project-gallery {
  gap: 8px;
 }
 .entry-header .filters #collapseExample {
  width: calc(var(--cell) + 6px);
  height: calc(var(--cell) * 3 + var(--gutter) + 35px);
 }
}
@media screen and (max-width: 600px) {
 .mobitel, .single-project .project-image img.mobitel, .single-project .project-image video.mobitel {
  display: block;
 }
 .desktop, .single-project .project-image img.desktop, .single-project .project-image video.desktop {
  display: none;
 }
 #wpadminbar {
  top: 0 !important
 }
 .menuoppened #wpadminbar {
  top: -46px !important
 }
}