/*
Theme Name: Ofelia
Theme URI: https://matchthemes.com/premium/ofelia-travel-personal-wordpress-theme/
Description: Ofelia - Travel Personal WordPress Blog Theme
Version: 2.0.9
Author: MatchThemes
Author URI: https://matchthemes.com
Tested up to: 6.8
Requires PHP: 7.4
License:
License URI:
Tags: one-column, two-columns, three-columns, blog, theme-options, featured-images, grid-layout, news
Text Domain: ofelia
*/

/*************************************
 
 
 	1. MAIN STYLE
	
	2. HEADER
	
	3. HOME
	
	4. BLOG LAYOUTS
	
	5. SINGLE PAGE
	
	6. FOOTER
	
	7. OTHER
 
 
 
************************************/


/*************************************

1. MAIN STYLE

 ************************************/


/* RESET STYLES */

*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal
}

address {
	font-style: italic;
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

strong,
b {
	font-weight: bold;
}

em,
cite {
	font-style: italic;
}

cite {
	display: block;
}

strike,
del {
	text-decoration: line-through;
}

sup {
	font-size: 11px;
	position: relative;
	vertical-align: top;
	top: 5px;
}

sub {
	bottom: 5px;
	font-size: 11px;
	position: relative;
	vertical-align: bottom;
}

.italic {
	font-style: italic;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

.no-margin {
	margin: 0px !important;
}

.no-bottom {
	margin-bottom: 0px;
}

.no-padding {
	padding: 0px;
}

.column-clear {
	clear: both;
}

.wp-caption {
	max-width: 100%;
}

.sticky {
	position: relative;
}

.wp-caption-text,
.gallery-caption {
	color: #555555;
	font-size: 12px;
	text-align: center;
	margin-top: 24px;
	font-style: italic;
	font-weight: 300;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor .comment-body {
	border-bottom: 1px solid #f2f2f2;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	display: block;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 1em 1.5em;
	font-size: 0.8em;
	line-height: normal;
	color: #21759b;
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	text-decoration: none;
	z-index: 100000;
	/* Above WP toolbar */
}

.alignright {
	float: right;
	margin: 3px 0 0 24px;
}

.alignleft {
	float: left;
	margin: 3px 24px 0 0;
}

.aligncenter {
	text-align: center;
	margin: 16px auto;
}

hr {
	margin-top: 24px;
	margin-bottom: 24px;
	border: 0;
	border-top: 1px solid #eee;
}

pre,
code {
	background: #f0f0f0;
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	padding: 8px 16px;
	border: none;
	margin-bottom: 24px;
	overflow: auto;
	border-radius: 0;
	font-size: 13px;
}

pre {
	padding: 24px;
	overflow: auto;
	white-space: pre-wrap;
	margin-bottom: 24px;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	background: #ffffff;
	color: #656565;
	font-size: 16px;
	line-height: 1.7;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #252525;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom:12px;
}

h1 {
	font-size: 54px;
	line-height: 1.2em;
}

h2 {
	font-size: 48px;
	line-height: 1.2em;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 32px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 16px;
}

a {
	color: #460505;
	text-decoration: none;
}

p a {
	border-bottom: 1px solid #460505;
}

p a:hover {
	color: #cc6600;
	text-decoration: none;
	border: none;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}

a:focus-visible{
	outline: solid 1px #0d96c8;
}

ul,
ol {
	margin: 0 0 16px 24px;
}

.alignc {
	text-align: center;
}

.alignr {
	text-align: right;
}

.none {
	display: none;
}

blockquote {
	font-size: 24px;
	line-height: 1.6em;
	font-style: italic;
	color: #252525;
	border-left: 5px solid #cc6600;
	position: relative;
	margin: 24px 0;
	padding: 16px;
}

blockquote cite {
	color: #999999;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
}

blockquote cite {
	line-height: 1;
	margin-top: 16px;
}

p,
ul,
ol {
	margin-bottom: 24px;
}


/* definition lists */

dl dt {
	margin-bottom: 0;
}

dl dd {
	margin-left: 16px;
	margin-bottom: 24px;
}


/* tables */

table {
	border: 1px solid #e5e5e5;
	font-size: 16px;
	text-align: center;
	margin-bottom: 24px;
	border-collapse: collapse;
	width: 100%;
}

table caption {
	margin-bottom: 24px;
	text-align: center;
}

table th,
table td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	padding: 8px;
}

table th {
	font-weight: bold;
}

div p:last-child {
	margin-bottom: 0;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

textarea {
    overflow: auto;
    resize: vertical;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a,
.post-categ a:after,
#submit,
.wpcf7-submit,
.search-btn,
.search-bar {
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.container,
.row > *{
	padding-left: 15px;
	padding-right: 15px;
}

.row{
	margin-left: -15px;
	margin-right: -15px;
}

/*************************************

2. HEADER

************************************/

.social-media {
	list-style: none;
	margin: 0;
	font-size: 0;
}

.social-media li {
	display: inline-block;
	font-size: 13px;
	margin-left: 12px;
}

.social-media svg{
	width: 13px;
	vertical-align: sub;
}

.social-media li a {
	color: #b5b5b5;
}

.social-media svg path{
	fill: #b5b5b5;
}


.social-media li:first-child {
	margin-left: 0;
}

a.social-twitter:hover {
	color: #29C5F6 !important;
}

.social-media li a.social-twitter:hover svg path{
	fill: #29C5F6 !important;
}

a.social-facebook:hover {
	color: #6788CE !important;
}

a.social-gplus:hover {
	color: #E75C3C !important;
}

a.social-linkedin:hover {
	color: #3A9BDC !important;
}

a.social-pinterest:hover {
	color: #FE4445 !important;
}

a.social-youtube:hover {
	color: #E34040 !important;
}

a.social-vimeo:hover {
	color: #44BBFF !important;
}

a.social-instagram:hover {
	color: #AA8062 !important;
}

a.social-dribbble:hover {
	color: #ED4F8C !important;
}

a.social-skype:hover {
	color: #24B4F0 !important;
}


/*** menu large screens ***/

.menu-nav {
	margin: 0;
	font-size: 0;
	text-align: center;
}

.menu-nav li {
	display: inline-block;
	position: relative;
	margin-left: 24px;
	font-size: 16px;
	font-weight: 500;
}

.menu-nav li:first-child {
	margin-left: 0px;
}

.menu-nav li a {
	color: #252525;
	padding-bottom: 16px;
	display: block;
}

.menu-nav li a:hover,
.menu-nav li a:focus {
	color: #460505;
}

.menu-nav ul {
	display: none;
	margin: 0;
	padding: 12px 0;
	width: 180px;
	position: absolute;
	top: 42px;
	left: -24px;
	background: #252525;
	z-index: 5;
}

.menu-nav ul:before {
	content: '';
	position: absolute;
	left: 19px;
	top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #252525 transparent;
}

.menu-nav ul li {
	display: block;
	background: none;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}

.menu-nav ul li>a {
	display: block;
	padding: 4px 24px;
	color: #999999;
}

.menu-nav ul li a:hover,
.menu-nav li:hover ul li a:hover {
	text-decoration: none;
	color: #ffffff;
}

.menu-nav li:hover>ul {
	display: block;
}

.menu-nav li ul ul {
	left: 100%;
	top: -12px;
	padding: 12px 0;
	margin: 0;
}

.menu-nav li ul ul:before,
.menu-nav li ul a:before {
	display: none;
}


/*** end menu large screens ***/


/*** menu mobile ***/

.nav-button-holder {
	display: none;
}

.nav-button {
	background: none;
	border: none;
	cursor: pointer;
	height: 20px;
}

.icon-bar,
.icon-bar1,
.icon-bar2 {
	display: block;
	height: 2px;
	width: 20px;
	background: #454545;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
}

.icon-bar:before,
.icon-bar:after {
	background: #454545;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
}

.icon-bar:after {
	bottom: -6px;
	top: auto;
}

.menu-mobile {
	font-size: 0;
	margin: 0 auto;
	margin-left: 0;
	margin-top: 16px;
}

.menu-mobile li {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	padding-top: 16px;
	list-style: none;
}

.menu-mobile li a {
	color: #252525;
	display: block;
	line-height: 1;
}

.menu-mobile li a:hover,
.menu-mobile li a:focus {
	background: none;
}

.menu-mobile li:hover>a,
.menu-mobile li.current-menu-item>a {
	color: #999999;
}

.menu-mobile>li.menu-item-has-children>a:after {
	content: "\f107";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	margin-left: 7px;
	margin-right: 0;
	font-size: 12px;
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-mobile>li.menu-item-has-children.menu-open>a:after {
	content: "\f106";
}

.menu-mobile ul {
	margin-left: 0px;
	margin-bottom: 4px;
}

.menu-mobile>li>ul {
	display: none;
}

.menu-mobile>li.menu-open>ul {
	display: block;
}

.menu-mobile ul li {
	font-size: 14px;
	font-weight: 400;
	padding-top: 16px;
	text-transform: none;
	padding-left: 8px;
	letter-spacing: 1px;
	display: block;
}

.menu-contact {
	margin-top: 92px;
	text-align: center;
}

.menu-contact .social-media {
	margin-top: 24px;
	padding-bottom: 48px;
}


/*** end menu mobile ***/


/***** MODAL WINDOW ******/

body.has-active-menu {
	overflow: hidden;
}

.menu-mask {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
}

.menu-mask.is-active {
	width: 100%;
	height: 100%;
	opacity: 0.9;
}

.mobile-menu-holder {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	overflow-y: scroll;
	width: 260px;
	height: 100%;
	background: #ffffff;
	opacity: 0;
	padding: 0 30px;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.mobile-menu-holder.is-active {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.modal-menu-container {
	position: relative;
}

.exit-mobile {
	cursor: pointer;
	padding: 7px 1px;
	display: inline-block;
	background: #ffffff;
	margin-top: 32px;
}

.icon-bar1 {
	top: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon-bar2 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/***** END MODAL WINDOW ******/

.headerHolder {
	display: flex;
	padding: 32px 0 16px 0;
	align-items: center;
}


/** Header 1 **/

.logo {
	flex: 1 1 auto;
}

.logo-1 {
	padding-bottom: 16px;
}

.logo-txt {
	font-size: 32px;
	line-height: 1;
}

.logo img {
	background: none;
}

.search-header {
	position: relative;
	padding-bottom: 16px;
	padding-left: 16px;
}

.search-btn {
	font-size: 12px;
	cursor: pointer;
	color: #252525;
	background: none;
	border: none;
}

.search-btn:hover {
	color: #4AB3E2;
}

.search-bar {
	opacity: 0;
	width: 160px;
	position: absolute;
	right: 24px;
	top: 50%;
	padding-bottom: 16px;
	z-index: -1;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.search-bar.active {
	opacity: 1;
	z-index: 5;
}

.search-bar .search-string {
	padding: 12px;
	width: 100%;
	border: 1px solid #e5e5e5;
	line-height: 1.3;
	letter-spacing: 0.02em;
	font-size: 13px;
}


/** Header 2 **/

.logo-2 {
	text-align: right;
}

.nav-button-2 {
	height: auto;
}

.nav-button-2 .icon-bar {
	display: inline-block;
	vertical-align: middle;
}

.menu-txt {
	font-size: 12px;
	margin-left: 4px;
}

.search-header-2 {
	padding-bottom: 0px;
}

.search-header-2 .search-bar {
	left: 36px;
	right: auto;
	padding-bottom: 0px;
}


/** Header 3 **/

.header-3 {
	display: block;
	text-align: center;
}

.logo-3 {
	flex: 0 1 auto;
	text-align: center;
	margin-bottom: 16px;
}

.nav-holder-3 {
	display: inline-block;
	position: relative;
}

.search-header3 {
	position: absolute;
	right: -24px;
	top: 4px;
}

.search-bar3 {
	padding-bottom: 0;
}

.search-mobile {
	display: none;
}


/* HEADER PAGES */

.topSingleBkg {
	display: block;
	overflow: hidden;
	position: relative;
}

.topSingleBkgImg {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.inner-desc {
	width: 60%;
}

.inner-desc h1 {
	font-size: 54px;
	font-weight: 600;
}

.topSingleBkgImg .inner-desc {
	position: absolute;
	z-index: 4;
	text-align: center;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.topSingleBkgImg,
.topSingleBkgImg h1 {
	color: #ffffff;
}


/* END HEADER PAGES */

.nav-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
}

.header-top.nav-fixed-top {
	background: #ffffff;
}

.nav-header-2 {
	line-height: 1;
}


/*************************************

3. HOME

************************************/

.topHome {
	padding-top: 16px;
	padding-bottom: 72px;
}

.topHome .post-title {
	margin: 0;
}


/* SLIDER */

.slider-container {
	position: relative;
}

.slider-item-box {
	height: 100vh;
}

.slider-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.slider-caption {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	text-align: center;
	padding: 0 54px;
	z-index: 2;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-caption,
.slider-caption h1 {
	font-size: 62px;
	color: #ffffff;
	line-height: 1.2em;
}


/* END SLIDER */

.menu-img2{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	
	-webkit-transition: transform 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
	-moz-transition: transform 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
	-o-transition: transform 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
	-ms-transition: transform 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
	transition: transform 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
	
	margin-bottom: 32px;
}

.menu-img2:hover{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.menu-img2 img {
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.menu-img2 .wp-block-image{
	margin-bottom: 0;
}


/*************************************

4. BLOG LAYOUTS

************************************/

.posts-holder {
	padding-right: 30px;
}

.posts-holder-push-right {
	order: 2;
	padding-right: 0;
	padding-left: 30px;
}

.blog-holder {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}

.blog-item {
	display: block;
	overflow: hidden;
	position: relative;
	width: calc((100% / 2) - 2em + (2em / 2)); 	
	height: 550px;
}

.blog-item-classic{
	display: block;
	overflow: hidden;
	position: relative;
	width: calc((100% / 2) - 2em + (2em / 2)); 	
}

.item-holder {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.item-img-holder {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.item-img-holder-classic{
	display: block;
	position: relative;
	overflow: hidden;
}

.item-img-holder,
.blog-item-classic img,
.item-metro-holder img{

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-ms-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.img-post {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100% !important;
}

.blog-item:hover .item-img-holder,
.blog-item-classic:hover img,
.list-image-holder:hover .item-img-holder {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.item-img-holder:before {
	content: '';
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-ms-transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	transition: all 2s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.blog-item:hover .item-img-holder:before{
	background: rgba(0, 0, 0, 0.6);
}

.item-desc {
	position: absolute;
	z-index: 4;
	padding: 0 30px;
	left: 0;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-title,
.title-noimage {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	margin: 16px 0 12px 0;
}

.title-noimage {
	font-size: 54px;
}

.post-categ {
	font-size: 14px;
}

.post-title a,
.post-categ a {
	color: #ffffff;
}

.post-title a:hover {
	color: #4AB3E2;
}

.post-categ a {
	margin-right: 8px;
	position: relative;
	display: inline-block;
}

.post-categ a:last-child {
    margin-right: 0;
}

.post-categ a:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #4AB3E2;
	position: absolute;
	left: 0;
	bottom: -2px;
	opacity: 1;
}

.post-categ a:hover:after {
	opacity: 0;
}

.post-meta {
	margin: 0;
	list-style: none;
}

.post-meta li {
	display: inline-block;
	font-size: 13px;
	color: #ffffff;
	margin-right: 16px;
	opacity: 0.7;
}

.post-meta li:last-child {
	margin-right: 0;
}

.meta-author {
	position: relative;
}

.meta-author:after {
	content: '/';
	color: #ffffff;
	opacity: 0.7;
	position: absolute;
	right: -12px;
	top: 0;
}

.item-desc .view-more,
.list-desc .view-more {
	margin-top: 42px;
}

.meta-sticky {
	position: absolute;
	z-index: 4;
	padding: 0 30px;
	left: 30px;
	top: 30px;
	font-size: 11px;
	font-weight: 400;
	background: #ffffff;
	padding: 2px 8px;
	color: #252525;
}

/* 2 COLs */

.blog-item-list-v2 {
	display: flex;
	width: calc((100% / 2) - 2em + (2em / 2));
}

/* 1 COL */

.blog-item-1col {
	width: 100%;
}

.blog-item-1col .post-title {
	font-size: 48px;
}

.blog-1col .blog-item-1col:last-child {
	margin-bottom: 0;
}

/* 3 COLs */

.blog-item-3col,
.blog-item-13col {
	width: calc((100% / 3) - 2em + (2em / 3));
}

.blog-item-3col .post-title {
	font-size: 28px;
}


/* 1-2 COLs */

.blog-item-12col:nth-of-type(3n+1) {
	width: 100%;
}

.blog-item-12col:nth-of-type(3n+1) .post-title {
	font-size: 42px;
}


/* 1-3 COLs */

.blog-item-13col .post-title,
.blog-item-14col .post-title,
.blog-item-15col .post-title {
	font-size: 28px;
}

.blog-item-13col:nth-of-type(4n+1),
.blog-item-14col:nth-of-type(5n+1),
.blog-item-15col:nth-of-type(6n+1) {
	width: 100%;
}

.blog-item-13col:nth-of-type(4n+1) .post-title,
.blog-item-14col:nth-of-type(5n+1) .post-title,
.blog-item-15col:nth-of-type(6n+1) .post-title {
	font-size: 48px;
}


/* 1-4 COLs */
.blog-item-4col,
.blog-item-14col {
	width: calc((100% / 4) - 2em + (2em / 4));
}

.blog-item-4col .post-title,
.blog-item-5col .post-title{
	font-size: 24px;
}


/* 1-5 COLs */
.blog-item-5col,
.blog-item-15col {
	width: calc((100% / 5) - 2em + (2em / 5));
}


/* LIST */

.blog-item-list {
	display: flex;
	margin-bottom: 48px;
}

.blog-item-list:first-child {
	margin-top: 16px;
}

.list-image-holder {
	width: 40%;
	height: 400px;
	overflow: hidden;
}

.list-image-holder .item-img-holder:before {
	display: none;
}

.list-desc {
	width: 60%;
	margin-left: 32px;
}

.classic-desc .post-categ a,
.classic-desc .post-title a,
.list-desc .post-categ a,
.list-desc .post-title a,
.list-desc-v2 .post-categ a,
.list-desc-v2 .post-title a{
	color: #252525;
}

.classic-desc .post-categ a:hover,
.classic-desc .post-title a:hover,
.list-desc .post-categ a:hover,
.list-desc .post-title a:hover,
.list-desc-v2 .post-categ a:hover,
.list-desc-v2 .post-title a:hover {
	color: #4AB3E2;
}

.classic-desc .post-meta li,
.classic-desc .meta-author:after,
.list-desc .post-meta li,
.list-desc .meta-author:after,
.list-desc-v2 .post-meta li,
.list-desc-v2 .meta-author:after{
	color: #252525;
	opacity: 1;
}

.grid-classic-desc{
	margin-top: 24px;
}

.list-excerpt {
	margin-top: 32px;
}

.list-desc-noimg {
	width: 100%;
	margin-left: 0;
	text-align: left;
}

.blog-item-list-right .list-image-holder,
.blog-item-list-zigzag:nth-child(even) .list-image-holder{
	order: 2;
}
.blog-item-list-right .list-desc,
.blog-item-list-zigzag:nth-child(even) .list-desc{
	margin-right: 32px;
	margin-left: 0;
	text-align: right;
}

/* LIST v2 */

.blog-list-v2{
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}

.list-image-v2{
	width: 85px;
  height: 85px;
  flex: 0 0 auto;
  margin-right: 24px;
  overflow: hidden;
  position: relative;
}

.list-desc-v2{
	width: 100%;
}

.list-desc-v2 .post-categ{
	margin-bottom: 16px;
}

.list-desc-v2 .post-title{
	font-size: 18px;
	margin: 0 0 4px 0;
}

.list-desc-v2 .post-categ,
.list-desc-v2 .post-meta li{
	font-size: 12px;
}

.list-desc-v2 .post-categ a:after{
	bottom: 0;
}

/* PORTFOLIO METRO */

.portfolio-metro,
.portfolio-metro-style2{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
}

.portfolio-metro{
	grid-auto-flow: dense;
}	

.item-portfolio-metro:nth-child(10n + 1),
.item-portfolio-metro:nth-child(10n + 10){
    grid-area: span 2/span 2;
  }
  
.item-portfolio-metro:nth-child(10n + 8) {
    grid-column: 1;
  }
.item-portfolio-metro:nth-child(10n + 9) {
    grid-column: 2;
  }

.item-portfolio-metro-style2:nth-child(9n+2){
	grid-column: 2/4;
	grid-row: span 2 / span 2;
}


.item-portfolio-metro .post-image{
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

.item-metro-holder,
.metro-image{
	width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.metro-image{
	min-height: 160px;
}

.metro-image a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
}	

.img-metro {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100% !important;
}

.metro-image img{
  margin: 0 !important;
}

.item-metro-holder:hover img{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.metro-image:before {
	content: '';
	background: #000000;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.item-metro-holder .post-title{
	font-size: 24px;
}

.circle-img img {
  border-radius: 99em;
}

.blog-fs15{
	padding-left: 15px;
	padding-right: 15px;
}

.font28 .post-title{
	font-size: 28px;
}

.font24 .post-title{
	font-size: 24px;
}

/* SIDEBAR */

aside ul,
footer ul,
.widget_recent_entries ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

aside {
	padding-top: 16px;
}

.blog-post-single aside,
.single-page-s aside {
	padding-top: 32px;
}

aside>ul>li {
	margin-top: 36px;
}

aside>ul>li:first-child {
	margin-top: 0;
}

aside table,
aside table caption,
.foo-block table,
.foo-block table caption {
	margin-bottom: 0;
}

aside table caption,
.foo-block table caption {
	padding-bottom: 0;
}

.widgettitle {
	color: #252525;
	letter-spacing: 1px;
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

aside .instagram-pics,
footer .instagram-pics {
	text-align: center;
}

aside .instagram-pics li,
footer .instagram-pics li {
	display: inline-block;
	margin: 0px 5px 5px 0px;
}

aside .instagram-pics li img,
footer .instagram-pics li img {
	width: 80px;
	height: 80px;
}

.textwidget img {
	display: block;
	height: auto;
	max-width: 100%;
}

.textwidget select {
	width: 100%;
}

.search-string {
	padding: 12px;
	width: 100%;
	border: 1px solid #e0e0e0;
}

.tagcloud a,
.tags-single-page a {
	display: inline-block;
	font-size: 12px !important;
	color: #656565;
	border: 1px solid #656565;
	padding: 3px 12px;
	text-align: center;
	margin: 0 3px 7px 0;
}

.tags-single-page a {
	margin-bottom: 0;
}

.tagcloud a:hover,
.tags-single-page a:hover {
	background: #4AB3E2;
	border-color: #4AB3E2;
	color: #ffffff;
	text-decoration: none;
}

.widget ul li,
.widget_recent_entries li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_nav_menu li {
	margin-bottom: 8px;
	line-height: 1.4;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a{
	color: #656565;
}

.widget_recent_entries li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover {
	color: #4AB3E2;
}

.widget_categories ul.children,
.widget_pages ul.children,
.widget_nav_menu .sub-menu  {
	padding-top: 8px;
	margin-left: 16px;
}

.widget_categories ul.children li,
.widget_pages ul.children li,
.widget_nav_menu .sub-menu li {
	border: none;
	padding-bottom: 0;
}

.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_pages li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_nav_menu li:last-child{
	margin-bottom: none;
}

.widget-display-posts-img ul li {
	margin-bottom: 24px;
}

.widget-display-posts-img ul li:last-child {
	margin-bottom: 0px;
}

.display-post-img {
	display: block;
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.display-post-img img {
	height: auto;
	left: -25px;
	position: absolute;
	width: 120px;
}

.display-post-text {
	margin-left: 85px;
}

.display-post-date {
	font-size: 10px;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 4px;
	line-height: 1;
}

.display-post-title a {
	color: #656565;
}

.display-post-title a:hover {
	color: #4AB3E2;
}


/* END SIDEBAR */

.topArchive {
	margin-bottom: 72px;
}

.topArchive .post-subtitle,
.topArchive .single-post-title {
	margin: 0;
}


/*************************************

5. SINGLE PAGE

************************************/

.topSinglePost {
	margin-top: 16px;
}

.single-post-title {
	font-size: 48px;
	font-weight: 600;
}

.single-top-desc .post-meta li,
.single-top-desc .post-categ a,
.single-top-desc .meta-author:after {
	color: #252525;
}

.single-below-desc {
	margin: 32px 0 24px 0;
}

.single-below-desc .post-meta li,
.single-below-desc .post-categ a,
.single-below-desc .meta-author:after {
	opacity: 1;
}

.blog-post-single {
	margin-top: 16px;
}

.single-bottom {
	margin-top: 54px;
	display: flex;
}

.tags-single-page {
	flex: 1 1 auto;
}

.social-share li {
	font-size: 14px;
}

.social-share li a {
	color: #252525;
}

.author-single-page {
	margin-top: 54px;
	border: 5px solid #f4f4f4;
	padding: 30px;
}

.author-avatar {
	display: block;
	float: left;
}

.author-avatar img {
	border-radius: 99em;
}

.author-content {
	margin-left: 130px;
}

.author-single-page h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.author-single-page h4 a {
	color: #252525;
	border: none;
}

.author-single-page h4 a:hover {
	text-decoration: underline;
}

.author-content .social-media {
	margin-top: 8px;
}

.topArchive .author-sub {
	margin-top: 24px;
}

.author-archive {
	display: flex;
}

.author-archive-left {
	width: 40%;
	padding-right: 30px;
}

.author-archive-left {
	width: 60%;
}

.meta-nav-holder {
	margin-top: 54px;
}

.meta-nav {
	padding: 0 16px;
}

.meta-nav .widgettitle {
	margin-bottom: 4px;
	font-size: 11px;
}

.meta-nav-right {
	text-align: right;
}

.nav-post a {
	font-size: 18px;
	color: #4AB3E2;
}

.related-posts-holder {
	display: flex;
	list-style: none;
	margin: 0;
	font-size: 0;
}

.related-posts-holder li {
	width: 33.3333%;
	font-size: 13px;
	margin-left: 30px;
	margin-top: 32px;
}

.related-posts-holder li:first-child {
	margin-left: 0;
}

.related-img {
	margin-bottom: 24px;
}

.related-date,
.post-subtitle {
	font-size: 10px;
	color: #cc6600;
	text-transform: uppercase;
	margin-bottom: 4px;
	line-height: 1;
}

.related-title {
	font-size: 18px;
}

.related-title a {
	color: #252525;
}

.related-title a:hover {
	color: #4AB3E2;
}


/* comments + contact fields */

.comm-title>h3,
.comment-reply-title {
	margin-top: 54px;
	font-size: 28px;
	font-weight: 900;
}

.comm-field,
.contact-field,
#msg-contact {
	width: 100%;
	padding: 15px;
	background: #f4f4f4;
	border: 0;
	margin-top: 24px;
}

.post-password-form label input {
	padding: 7px;
	border: 1px solid #e5e5e5;
}

.contact-btn,
.form-submit {
	text-align: right;
}

.form-submit {
	margin-bottom: 0px;
}

.comm-title-2 .section-title {
	margin-top: 24px;
}

.output2 {
	margin-top: 24px;
	border: 1px solid #ff0000;
	padding: 7px;
	color: #ff0000;
}

.antispam {
	display: none;
}

.contact-field {
	margin-bottom: 24px;
}

.submit {
	margin-top: 24px;
}

.comm-send {
	margin-top: 35px;
}


/**** COMMENTS STYLES*****/

.commentlist {
	margin: 0
}

.commentlist>li {
	list-style: none;
	margin: 0;
	margin-top: 32px;
}

.commentlist>li ul.children li {
	list-style: none;
}

.children li.depth-2 {
	margin: 0 0 0 72px;
}

.children li.depth-3 {
	margin: 0 0 0 72px;
}

.children li.depth-4 {
	margin: 0 0 0 72px;
}

.children li.depth-5 {
	margin: 0 0 0 72px;
}

.children li.depth-6 {
	margin: 0 0 0 72px;
}

.children li.depth-7 {
	margin: 0 0 0 72px;
}

.children li.depth-8 {
	margin: 0 0 0 72px;
}

.children li.depth-9 {
	margin: 0 0 0 72px;
}

.children li.depth-10 {
	margin: 0 0 0 72px;
}

.comment-body {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #f2f2f2;
}

.comment-details {
	position: relative;
	margin-left: 72px
}

.comment-avatar {
	position: absolute;
	left: -72px;
	top: 0
}

.comment-avatar img {
	display: block;
	border-radius: 50%;
}

.comment-right {}

.comment-author .author a,
.comment-author .author a:visited {
	border: none;
}

.comment-author span,
.comment-author .author a {
	color: #252525;
	font-size: 18px;
	font-weight: 600;
	margin-right: 10px;
	font-style: normal;
}

.comment-author .author a:hover {}

.comment-content p:last-child {
	margin: 0;
}

.comment-date {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 7px;
	color: #999999;
}

.reply {
	margin-top: 8px;
}

.comment-reply-link {
	text-decoration: none;
	font-size: 12px;
	color: #252525;
}

.comment-reply-link:hover {
	border: none;
	text-decoration: none;
}

#cancel-comment-reply-link {
	font-size: 12px;
}

.commentlist .children {
	margin: 0
}

#comments_wrap {
	margin-top: 16px
}

#cancel-comment-reply {
	float: right;
	margin-top: 14px;
}

.comment-reply-title small {
	display: block;
	margin-bottom: 7px;
}

.pingback .comment-details {
	margin-left: 0;
}

.pingback .comment-avatar {
	display: none;
}

input::-ms-clear {
	display: none;
}

@-ms-viewport {
	width: auto;
}


/**** END COMMENTS STYLES*****/


/*************************************

6. FOOTER

************************************/

footer {
	padding: 54px 0 12px 0;
}

#footer-instagram {
	margin-top: 72px;
	text-align: center;
}

#footer-instagram .instagram-pics {
	margin: 0;
}

#footer-instagram .instagram-pics li {
	display: inline-block;
	margin: 0;
	width: 16.6666%;
}

#footer-instagram .instagram-pics li img {
	max-width: 100%;
	width: auto;
	height: auto;
}

#footer-instagram .instagram-pics li img:hover {
	opacity: 0.9;
}

#footer-instagram .clear {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 1.1;
}

#footer-instagram .clear a {
	margin-top: 8px;
	border: none;
	color: #252525;
	display: inline-block;
}

.foo-block .widget {
	margin-bottom: 36px;
}

footer .social-media {
	text-align: center;
}

footer .social-media li {
	font-size: 16px;
}

footer .social-media svg{
	width: 16px;
}

footer .social-media li a {
	color: #252525;
}

footer .social-media svg path{
	fill: #252525;
}

.copyright {
	padding: 0;
	margin-top: 16px;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
	background: none;
}


/*************************************

7. OTHER

************************************/

.topPageBkg {
	margin-bottom: 16px;
}

.topPageDefault {
	margin-bottom: 16px;
}

.single-post-content {
	padding-top: 16px;
}

.img-fluid,
.single-post-content img,
.custom-page-template img {
	height: auto;
	max-width: 100%;
}

.single-post-content figure,
.custom-page-template figure {
	margin-bottom: 24px;
}

.single-page-noimage {
	margin-top: 0px;
}

.single-post-noimage {
	text-align: center;
	margin: 16px 0 0 0;
	width: 100%;
	padding: 0;
}

.view-more,
#submit,
.wpcf7-submit,
.white-btn {
	font-size: 12px;
	letter-spacing: 0.05em;
	font-weight: 600;
	display: inline-block;
	color: #252525;
	border: 2px solid #252525;
	text-transform: uppercase;
	padding: 12px 12px; 
	/* margin-top: 5px; */
	margin-bottom: 24px;
	background: none;
	cursor: pointer;
}

.white-btn {
	color: #ffffff;
	border: 2px solid #ffffff;
}

.view-more:hover,
#submit:hover,
.wpcf7-submit:hover {
	color: #4AB3E2;
	border: 2px solid #4AB3E2;
}

.white-btn:hover {
	color: #252525;
	border: 2px solid #ffffff;
	background: #ffffff;
}


/*** PREV-NEXT PAGE NAVIGATION ***/

.prev-next {
	margin-top: 54px;
}

.prev-next,
.page-links {
	text-align: center;
	font-size: 0;
}

.page-numbers,
.nav-page a {
	color: #252525;
	margin: 0 8px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}

.page-numbers:hover,
.nav-page a:hover {
	color: #4AB3E2;
}

.current-page,
.current-page:hover,
.page-numbers.current {
	color: #b5b5b5;
}

.nav-page {
	letter-spacing: 1px;
}

.nav-page-newer a:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-size: 11px;
	font-weight: 700;
	margin-right: 4px;
}

.nav-page-older a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size: 11px;
	font-weight: 700;
	margin-left: 4px;
}

.page-links {
	margin-top: 54px;
}

.page-links a,
.post-password-form input[type="submit"] {
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	padding: 12px 24px;
	color: #252525;
	border: 1px solid #e0e0e0;
	background: none;
	margin-right: 12px;
}

.page-links a:hover,
.post-password-form input[type="submit"]:hover {
	color: #ffffff;
	border-color: #252525;
	background: #252525;
}

.post-password-form input[type="submit"] {
	vertical-align: top;
	margin-left: 12px;
	padding: 9px 24px;
	cursor: pointer;
}


/*flexible embeds*/

.video-widget {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%;
	/* 16:9 ratio*/
	height: 100%;
	overflow: hidden;
}

.gmaps {
	position: relative;
	padding: 0;
	height: 400px;
	overflow: hidden;
}

.video-widget iframe,
.gmaps iframe {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	height: 100%;
}

.post-video{
position: relative;
}

.post-video:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.post-audio:before {
    padding-top: 35%;
}

.post-video iframe{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
	max-width: 100%;
}

.wp-block-embed iframe {
  width: 100%;
}

.scrollup {
	display: none;
	position: absolute;
}

.scrollup i {
	width: 30px;
	height: 30px;
	position: fixed;
	background: #252525;
	color: #ffffff;
	border-radius: 50%;
	bottom: 20px;
	right: 20px;
	text-align: center;
	padding-top: 6px;
	cursor: pointer;
	z-index: 110;
}

.nf-text {
	margin: 24px 0;
}

.alert{
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
	padding: 16px;
	border-radius: 0;
	margin-top:81px;
}

/* Owl Carousel Default Nav */

.owl-carousel {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.owl-carousel.owl-grab {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 24px;
}

.owl-theme .owl-dots {
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	bottom: 0px;
	z-index: 100;
	width: auto;
	z-index: 20;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.owl-theme .owl-dots .owl-dot {
	margin: 0px 8px;
	zoom: 1;
	display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	background: #ffffff;
	display: block;
	border-radius: 99em;
	opacity: 0.8;
	-webkit-backface-visibility: visible;
	-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #ffffff;
	opacity: 1;
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-ms-transform: scale(1.8);
	-o-transform: scale(1.8);
	transform: scale(1.8);
}

.padding-tb54 {
	padding-top: 54px;
	padding-bottom: 54px;
}

.padding-tb32 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.padding-tb24 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.padding-tb16 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.margin-tb54 {
	margin: 54px 0;
}

.margin-tb36 {
	margin: 36px 0;
}

.margin-tb24 {
	margin: 24px 0;
}

.margin-t54 {
	margin-top: 54px;
}

.margin-t36 {
	margin-top: 36px;
}

.margin-t32 {
	margin-top: 32px;
}

.margin-t24 {
	margin-top: 24px;
}

.margin-b54 {
	margin-bottom: 54px;
}

.margin-b36 {
	margin-bottom: 36px;
}

.margin-b32 {
	margin-bottom: 32px;
}

.margin-b24 {
	margin-bottom: 24px;
}

.margin-none {
	margin: 0;
}

.img-center {
	margin: 0 auto;
}

.list-h {
	list-style: none;
	margin: 0;
	font-size: 0;
}

.list-h li {
	font-size: 20px;
	margin-bottom: 8px;
}


/* Placeholder text color */

::-webkit-input-placeholder {
	/* Safari, Chrome and Opera */
	color: #252525;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #252525;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #252525;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #252525;
}

::-ms-input-placeholder {
	/* Edge */
	color: #252525;
}

:placeholder-shown {
	/* Standard one last! */
	color: #252525;
}


/*************************************

 GUTENBERG

************************************/

.page-full .alignfull,
.page-full .alignwide {
	margin-left: calc( -100vw / 2 + 100% / 2);
	margin-right: calc( -100vw / 2 + 100% / 2);
	max-width: 100vw;
}

.page-full .alignfull img,
.page-full .alignwide img {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-image {
	width: auto;
}

.blocks-gallery-caption,
.wp-block-image figcaption,
.wp-block-embed figcaption,
.wp-block-video figcaption{
	color: #999999;
	font-size: 14px;
	text-align: center;
	margin-top: 24px;
	font-style: italic;
	font-weight: 300;
}

.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 24px;
}

.wp-block-categories .children{
	margin-top: 8px;
}

.wp-block-latest-posts li,
.wp-block-categories li,
.wp-block-archives li {
	margin-bottom: 8px;
	list-style: none;
	font-size: 14px;
}

.wp-block-latest-posts li a,
.wp-block-categories li a,
.wp-block-archives li a {
	color: #460505;
	text-decoration: none;
	font-size: 14px;
}

.wp-block-latest-posts li a:hover,
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
	text-decoration: none;
	color: #cc6600;
	font-size: 14px;
}

.wp-block-quote {
    border-left: 5px solid #460505;
	margin: 24px 0;
	padding: 16px;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding: 0 42px;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: 32px;
}

.wp-block-button .wp-block-button__link {
	font-size: 13px;
	letter-spacing: 0.15em;
	font-weight: 600;
	display: inline-block;
	color: #460505;
	border: 2px solid #460505;
	padding: 8px 8px;
	background: #ffffff;
	cursor: pointer;
	border-radius: 0;
}

.wp-block-button .wp-block-button__link:hover {
	color: #cc6600;
	border: 2px solid #460505;
	background: none;
}

.wp-block-button__link:not([href]):not([tabindex]) {
	color: #ffffff;
	text-decoration: none;
}

.wp-block-button__link:not([href]):not([tabindex]):hover {
	color: #460505;
}

.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus {
	background: none;
	color: #460505;
}

.wp-block-pullquote {
	border-top: 3px solid #151515;
	border-bottom: 3px solid #151515;
	color: #151515;
	padding: 24px;
	border-left: none;
	margin: 24px auto;
}

.wp-block-pullquote blockquote{
	border-left: none;
	margin: 24px 0;
	padding: 0;
}

.wp-block-pullquote blockquote:before {
	display: none;
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: #999999;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
}

.wp-block-image,
.wp-block-gallery {
	margin-bottom: 24px;
}

.wp-block-cover,
.wp-block-cover-image {
	width: auto;
}

.wp-block-gallery{
	margin-left: 0;
}

.wp-block-cover p:not(.has-text-color){
	color: #ffffff;
}

.wp-block-latest-comments{
	margin: 0;
}

.wp-block-latest-comments__comment{
	margin-bottom: 54px;
}

.wp-block-latest-comments__comment-meta{
	margin-top: 0;
	padding: 0;
	background: none;
	color: #252525;
}

.wp-block-latest-comments__comment-meta a{
	color: #252525;
}

.wp-block-latest-comments__comment-meta a:hover{
	color: #ff6666;
}

.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link{
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 8px;
}

.wp-block-latest-comments__comment-date{
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
color: #252525;
}

.wp-block-latest-comments__comment-excerpt{
	margin-top: 24px;
}

.wp-block-search{
	align-items: center;
}

.wp-block-search .wp-block-search__input{
	padding: 8px 16px;
	width: 100%;
	border: 3px solid #c5c5c5;
}

.wp-block-search__button{
	font-size: 12px;
	letter-spacing: 0.05em;
	font-weight: 600;
	display: inline-block;
	color: #252525;
	border: 2px solid #252525;
	text-transform: uppercase;
	padding: 8px 16px;
	margin-top: 0px;
	background: none;
	cursor: pointer;
}

.wp-block-search__button:hover{
	color: #4AB3E2;
	border: 2px solid #460505;
}


/** SIMPLE LIGHTBOX **/
body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}
.sl-wrapper * {
  box-sizing: border-box;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #fff;
  font-size: 3rem;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10060;
  color: #fff;
  font-size: 1rem;
}
.sl-wrapper .sl-download {
  display: none;
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  z-index: 10060;
  color: #fff;
  font-size: 1rem;
}
.sl-wrapper .sl-download a {
  color: #fff;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}


/*************************************

MEDIA QUERIES

************************************/


@media( min-width: 782px ){
	.block-2cols,
	.block-3cols{
    flex-wrap: wrap !important;
	gap: 2em;
  }
	:where(.block-2cols.is-layout-flex){
		gap: 2em;
	}
	:where(.block-3cols.is-layout-flex){
		gap: 2em;
	}

	.block-2cols:not(.is-not-stacked-on-mobile) > .wp-block-column,
	.block-3cols:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc((100% / 2) - 2em + (2em / 2)) !important;
	}
}

@media (min-width: 1024px) {
	.container{
		max-width: 960px;
	}
	
	.block-sidebar{
		padding-left: 50px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}

.block-3cols {
    flex-wrap: wrap !important;
	gap: 2em;
  }
	:where(.block-3cols.is-layout-flex){
		gap: 2em;
	}
	.block-3cols:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: calc((100% / 3) - 2em + (2em / 3)) !important;
	flex-grow: 0 !important;
  }
	
}

@media (min-width: 1500px) {
	.container {
		max-width: 1350px;
	}
	.page-full .alignwide {
		margin-left: -75px;
		margin-right: -75px;
		max-width: 1500px;
	}
}

@media (max-width: 1200px) {
	.inner-desc {
		width: 70%;
	}
	
	.blog-item-4col,
	.blog-item-5col,
	.blog-item-14col,
	.blog-item-15col {
		width: calc((100% / 3) - 2em + (2em / 3));
	}
}

@media (max-width: 1024px) {
	
	.blog-item-3col,
	.blog-item-4col,
	.blog-item-5col,
	.blog-item-13col,
	.blog-item-14col,
	.blog-item-15col {
		width: calc((100% / 2) - 2em + (2em / 2));
	}	
	
	.portfolio-metro,
	.portfolio-metro-style2{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.item-portfolio-metro:nth-child(10n + 1),
	.item-portfolio-metro:nth-child(10n + 10),
	.item-portfolio-metro:nth-child(10n + 8),
	.item-portfolio-metro:nth-child(10n + 9),
	.item-portfolio-metro-style2:nth-child(9n+2){
		grid-column: initial;
		grid-row: initial;
	}	
}

@media (max-width: 980px) {
	.topHome .inner-desc,
	.posts-holder,
	.posts-sidebar,
	.posts-holder-push-right {
		width: 100%;
	}
	.posts-holder,
	.posts-sidebar,
	.posts-holder-push-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
	aside {
		margin-top: 54px;
	}
	.post-title,
	.blog-item-1col .post-title,
	.blog-item-12col:nth-of-type(3n+1) .post-title,
	.blog-item-13col:nth-of-type(4n+1) .post-title,
	.blog-item-14col:nth-of-type(5n+1) .post-title,
	.blog-item-15col:nth-of-type(6n+1) .post-title 	{
		font-size: 28px;
	}
	
	.list-desc-v2 .post-title{
		font-size: 18px;
	}
	
	.blog-item {
		height: 450px;
	}
	.blog-item-2col,
	.blog-item-3col,
	.blog-item-12col,
	.blog-item-13col,
	.blog-item-4col,
	.blog-item-5col,
	.blog-item-14col,
	.blog-item-15col	{
		width: 100%;
	}
	.posts-holder-push-right {
		order: 0;
	}
	.posts-holder,
	.posts-holder-push-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.single-post-title {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	
	.container {
		max-width: 100%;
	}
	
	.block-2cols:not(.is-not-stacked-on-mobile) > .wp-block-column,
	.block-3cols:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}

	.mobi-space50{
	    height: 50px !important;
	}
	
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.1em;
	}
	h6 {
		font-size: 1.0em;
	}
	.logo {
		flex: 0 1 auto;
		margin-left: auto;
	}
	.header-1 {
		padding: 28px 0 12px 0;
	}
	.search-header {
		order: 1;
		padding-bottom: 0px;
	}
	.search-bar {
		left: 36px;
		right: auto;
		padding-bottom: 0px;
	}
	.logo-1 {
		order: 2;
	}
	.search-header-2 {
		order: 0;
		padding-bottom: 0px;
	}
	.search-header-2 .search-bar {
		padding-bottom: 0px;
	}
	#header-3.nav-fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 99;
		background: #ffffff;
		margin: 0;
		padding: 24px 0px;
	}
	.header-3 {
		display: flex;
	}
	.logo-3 {
		flex: 1 1 auto;
		text-align: right;
	}
	/* menu */
	.nav-holder,
	.social-email,
	.header-address {
		display: none;
	}
	.nav-button-holder {
		display: block;
		line-height: 1;
		padding-bottom: 0px;
	}
	.search-mobile {
		display: block;
	}
	/* end menu */
	.inner-desc {
		width: 100%;
	}
	.inner-desc h1 {
		font-size: 36px;
	}
	.topHome {
		padding-bottom: 36px;
	}
	/* home */
	.home-title,
	.big-intro {
		font-size: 36px;
	}
	/* blog layouts */

	.blog-item-list {
		display: block;
	}
	.list-image-holder {
		width: 100%;
		margin-bottom: 32px;
	}
	.list-desc {
		width: 100%;
		margin-left: 0;
	}
	.blog-item-list-right .list-desc,
	.blog-item-list-zigzag:nth-child(even) .list-desc {
		margin-right: 0;
		text-align: left;
	}
	.foo-block {
		margin-bottom: 32px;
	}
	#footer-instagram .instagram-pics li {
		width: 33.333%;
	}
	aside {
		margin-top: 54px;
	}
	.blog-post-single aside,
	.single-page-s aside {
		padding-top: 0;
	}
	.posts-holder-push-right {
		order: 0;
	}
	.posts-holder,
	.posts-holder-push-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.single-post-title,
	.title-noimage {
		font-size: 28px;
	}
	.single-page-noimage,
	.title-noimage {
		margin-top: 0;
	}
	.alignleft,
	.alignright {
		float: none;
		margin: 24px auto;
	}
	blockquote {
		font-size: 1.5rem;
	}
	.space16 {
		padding: 0;
	}
	.author-archive {
		display: block;
	}
	.author-archive-left {
		width: 100%;
		padding-right: 0px;
		padding-bottom: 24px;
	}
	.author-archive-left {
		width: 100%;
	}
	
	/* gutenberg */
	
	.wp-block-column {
    flex-basis: 100%;
    flex-grow: 1;
	}
	
	/*comments*/
	.children {
		margin: 28px 0 0;
	}
	.children li.depth-2,
	.children li.depth-3,
	.children li.depth-4,
	.children li.depth-5,
	.children li.depth-6,
	.children li.depth-7,
	.children li.depth-8,
	.children li.depth-9,
	.children li.depth-10 {
		margin: 0;
	}
}

@media (max-width: 568px) {
	.info-header-1 .social-media {
		display: none;
	}
	.author-avatar img {
		width: 80%;
		height: 80%;
	}
	.author-content {
		margin-left: 0;
	}
	
	.portfolio-metro,
	.portfolio-metro-style2{
		grid-template-columns: repeat(1, 1fr);
	}
}


/* Custom CSS */

sidebar_JB1 a {
  color: #460505; /* Link color */
  text-decoration: none; /* Removes underline */
  font-weight: bold; /* Makes the text bold */
}

/* Styling for hovered links */
sidebar_JB1 a:hover {
  color: #cc6600; /* Darker shade on hover */
  text-decoration: underline; /* Adds underline on hover */
}

/* Styling for visited links */
sidebar_JB1 a:visited {
  color: #460505; /* Gray color for visited links */
}

/* Styling for active links */
sidebar_JB1 a:active {
  color: #cc6600; /* Red color when the link is active */
}