/* --------------------------------------------------
plantfactory.it v1.2
author: kwaaui.com
-------------------------------------------------- */

/* UTILITIES */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap');

.absolute {	position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.absolute.top { bottom: auto; }
.absolute.right { left: auto; }
.absolute.bottom { top: auto; }
.absolute.left { right: auto; }
.absolute.center { left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%);  }

::-moz-selection {
  background-color: #bfdcea;
  color: #000;
}

::selection {
  background-color: #bfdcea;
  color: #000;
}

.box {
	display: block;
	height: 0;
	padding: 0;
	padding-bottom: 100%;
}

.bg-img
{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.bg-WT { background-color: rgba(0, 0, 0, 0); }

.columns { columns: 3 auto; }
figure {margin: 0;}

/* a:link, a:visited { color: #5282d3; } */
a:link, a:visited { color: hsl( 77, 100%, 33% ); }
a:focus,
a:hover {
	color: hsl(77, 100%, 23%);
}

mark, .mark
{
	background-color: rgba(230, 230, 230, .7);
	color: inherit;
/* 	color: rgb(49, 51, 49); */
}
mark.green, .mark.green { background-color: rgb(121, 168, 0); color: rgb(45, 45, 45); }
/*
 * Base structure
 */
html, body { min-height: 100vh; }
html { position: relative; }
body {
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	background-color: rgb(36, 45, 37);
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: #999;
/*
	background-repeat: repeat;
	background-position: 50% 0%;
	background-image: url('../img/bg1.jpg');
	color: #444;
	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 3rem rgba(139, 124, 25, .3);
 */
}
h1, h2, h3, h4, h5, h6 {
/* 	font-family: 'Roboto', sans-serif; */
	font-weight: 700;
}

.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6, .widget_tag_cloud .tagcloud {font-family: 'Roboto Slab', sans-serif;}

#home body { padding: 0; }
.cover-container { max-width: 42em; }

/*
 * Cover
 */
.cover {
	width: 100%;
    max-width: 42em;
    padding: 0 1.5rem;
    margin: 0 auto;
    text-align: center;
}

#masistudioSectors { max-height: 100vh; }

/*
 * Footer
 */

footer { z-index: 20; }
#home footer { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); }
#colophon
{
	background-color: rgb(28,35,29);
	border-top: 1px #171C18 solid;
}
#colophon .search-form { text-align: center; }
#colophon .search-form .search-submit { display: inline-block; }
#colophon .search-form > label { margin-bottom: .2rem; }

.scaled { transform: scale(1.1); }
.scale1 { transform: scale(1); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: rgba(0,0,0,.6); }

.entry .entry-content, .entry .entry-summary { max-width: none; margin: 0 auto; }
.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * { max-width: none;}
.entry .entry-content .wp-block-image .aligncenter { width: auto !important; margin: 0 auto; }
.entry .entry-title { line-height: 1.725em; }
.entry .entry-title a:hover { color: #eee; }
.entry-title time { font-size: 50%; }
.entry-gallery.card-columns { column-count: 1; }
.entry-gallery img { cursor: pointer; }
.entry-gallery.list img { max-width: 80vw; max-height: 80vh; width: auto !important;}

.kwbootstrap-subpages .card
{
	background-color: rgb(88, 109, 91);
	border-color: rgba(255, 255, 255, 0.2);
}
.kwbootstrap-subpages .card-body { height: 200px; background-color: rgba(0, 0, 0, 0); transition: all .5s ease; }
.kwbootstrap-subpages a:link, .kwbootstrap-subpages a:visited { color: #eee !important; }
.kwbootstrap-subpages .card:hover, .kwbootstrap-subpages .card:active  { border-color: rgb(255, 255, 255) !important; }
.kwbootstrap-subpages .card:hover .card-body, .kwbootstrap-subpages .card:active .card-body { background-color: rgba(0, 0, 0, 0.8);}
.kwbootstrap-subpages .card a {text-decoration: none;}
.kwbootstrap-subpages .card-title { color: #313331; }
.kwbootstrap-subpages .card-text { text-shadow: #171B18 1px 1px 2px; }
.kwbootstrap-subpages .card-text { font-size: .9rem; font-weight: 300; }
/*
 *  THEME
 */

/*
 * NAVBAR
 */
.navbar {
/* 	margin-bottom: 2rem; */
/* 	background-color: rgba(255,255,255, 0); */
	background: linear-gradient(rgba(28,35,29,1), rgba(28,35,29,0));
	transition: background-color 0.3s ease;
	min-height: 100px;
}
.navbar.bg2 {background: linear-gradient(rgba(28,35,29,1), rgba(28,35,29,.9));}
/* .navbar.scrolled { background-color: rgba(28,35,29,.5); } */
.navbar-collapse {z-index: 1000; min-height: 100vh;}
/* .navbar-collapse.collapsing, .navbar-collapse.collapse.show { background-color: rgba(31, 38, 32, .85); } */

.navbar-toggler
{
	border: 0;
	background-color: hsl( 77, 100%, 33% );
}
.navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:active { color: rgba(255,255,255,1); background: rgba(0,0,0,.5);}
/*
.masthead-brand {
  margin-bottom: 0;
  font-size: 1.75rem;
  mix-blend-mode: difference;
}
 */
/* .navbar .nav-item + .nav-item  */
.navbar-nav .nav-item {
/* 	line-height: 2.1; */
	font-size: 1.6rem;
	text-align: center;
}
.navbar .nav-link {
	padding: .6rem !important;
	font-weight: 700;
	color: rgba(0, 0, 0, .5);
	background-color: transparent;
/* 	border-bottom: .15rem solid transparent; */
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
	background: rgba(255,255,255,.25);
}
/* .navbar .active .nav-link {	color: #333; border-bottom-color: #444; } */

.nav-social { font-size: 2rem; margin-bottom: 1rem; }
.nav-social a { margin: 0 .5rem; padding: .5rem; transition: all .5s ease; }
.home .nav-social a { color: #fff !important; }
.nav-social:hover a { opacity: .5; }
.nav-social a:hover { opacity: 1; }
aside .nav-social a:hover { opacity: 1; color: hsl(77, 100%, 50%) !important;}


.logo { width: 44px; margin-right: .5rem; }


.btn-green { background-color: hsl( 77, 100%, 33% ) !important; border: 0 !important; }
.btn-green:focus, .btn-green:hover, .btn-green:active { color: rgba(255,255,255,1) !important; background: rgba(0,0,0,.5) !important;}
.button, button, input[type=button], input[type=reset], input[type=submit] { border-radius: 0;}
.site-header.featured-image { text-shadow: none; min-height: auto; height: 90vh;}
.home .site-header.featured-image { text-shadow: none; min-height: 100vh;}
.home .site-header.featured-image { margin-bottom: 0; }
.entry-content
{
	margin-bottom: 3rem !important;
	line-height: 1.85;
/* 	font-family: 'Libre Franklin', serif; */
	font-weight: 300;
	border-width: 1px 0 1px 0;
	border-color: rgba(192, 192, 192, 0.2);
	border-style: solid;
}
.entry-header .entry-meta .byline,
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span.byline,
.entry .entry-footer .byline { display: none; }

.entry-header h1 { font-size: 6vmax; }
.entry-header h1::first-letter { text-transform: capitalize; }

.entry-title,
.site-header.featured-image .entry-title,
.site-header.featured-image .entry-meta { text-shadow: 0rem 0.1rem 0.3rem rgba(0, 0, 0, 0.3); color: rgb(49, 51, 49); /* #565656;  */}

.site-header.featured-image .site-featured-image .entry-header .entry-title:before { background: #a2a2a2; }
h1:not(.site-title):before {
	background: #a2a2a2;
	content: "\020";
	display: block;
	height: 1px;
	margin: 1rem 0;
	width: 4em;
}

h1:not(.site-title):before,
h2:before,
.entry .entry-title:before { height: 0; }

.dropdown-menu { background: inherit; }
.home .entry-header { display: none; }
.navbar .site-description { color: #b7b7b7 !important; }

.site-header.featured-image .site-featured-image .post-thumbnail img {
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100vw;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: 1;
  /* When image filters are active, make it grayscale to colorize it blue. */
}

@supports (object-fit: contain) {
  .site-header.featured-image .site-featured-image .post-thumbnail img {
    height: 90%;
    left: 0;
    object-fit: cover;
    top: 0;
    transform: none;
    width: 100%;
  }
}

.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
	filter: none;
}
/*
.blog .site-header.featured-image .site-featured-image .post-thumbnail img {
	filter: grayscale(100%);
}
 */

.meta-nav { font-size: 75%; }

.kwbreadcrumb { display: inline-block; text-transform: uppercase; margin: .6rem 0;}
.kwbreadcrumb a { color: inherit !important; }

.widget-title { color: #6b7885; }

.archive .page-header .page-description { color: inherit; display: inline-block; color: #aaa; }
.wp-block-nextend-smartslider3 { cursor: grab; }

/* ---- */

/* -- kwaaui TAB { */
#kwaauiTab {
	z-index: 21;
	display: block;
	box-sizing: border-box;
	position: fixed;
	bottom: 10px;
	right: 0px;
	margin: 0;
	padding: 0px 0px 0px 16px;
	width: 0px;
	height: 16px;
	overflow: hidden;
	background: url(//www.kwaaui.com/ext/kwaauiTab.png) no-repeat 2px 50%;
	text-align: left;
	background-color: rgba(255,255,255,.4);
	/* border-right: 1px #fff solid; */
	border-radius: 2px 0 0 2px;
	opacity: .4;
	transition: all .15s ease;
	text-shadow: none;
/* 	filter: invert(100%); */
}
#kwaauiTab:hover, #kwaauiTab:active {
	width: 68px;
	margin-left: 0px;
	text-decoration: none !important;
	outline: none !important;
	opacity: 1;
/* 	background-color: rgba(255,255,255,.4); */
}
/* } /kwaaui TAB  */

@media (min-width: 576px) {
/* 	.entry-gallery.card-columns { column-count: 2; } */
	.navbar-brand {font-size: 1.5rem;}
}

@media (min-width: 768px) {
	#colophon .search-form { text-align: left; }
	.entry-header h1 { font-size: 4vmax; }
}

@media (min-width: 992px) {
  .entry-gallery.card-columns { column-count: 3; }
}

@media (min-width: 1200px) {  }