@charset "UTF-8";
/*
Theme Name: Maskot
Theme URI: https://lombokmedia.web.id/
Description: Tema WordPress dari LombokMedia
Author: Amrin Zulkarnain
Author URI: http://amrinz.wordpress.com
Version: 99999.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lombokmedia
*/
html {
  font-family: 'Noto Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
	--link: #545e69;
	--linkhover: #f48b7d;
	--headerbg: #ffffff;
	--bodybgcolor: #f8f8f8;
	--bodyfontcolor: #545e69;

	--font: 'Noto Sans', sans-serif;

	background-color: var(--bodybgcolor);
	color: var(--bodyfontcolor);

	font-family: var(--font);
	font-size: 1rem;
	font-style: normal;
	line-height: 1.56;
	overflow-x: hidden;
}

a {
  color: var(--link);
  text-decoration: none;
}
a:hover, a:focus {
	color: var(--linkhover);
	text-decoration: none;
}

/* match height */
.match-height {
	display: flex;
	flex-wrap: wrap;
}

.match-height .col-match-height {
	display: flex;
	flex-direction: column;
}

/* Animation */
@keyframes slide-down{
	from{transform:translate3d(0,-100%,0)}
	to{transform:translate3d(0,0,0)}
}

/* Website Layout */
.lmd-boxed {
	background-color: var(--bs-gray-100);
}

/* Header */
.lmd-navbar-main {
  background-color: var(--headerbg);
}
.lmd-navbar-main.fixed-top {
  animation: slide-down 0.5s;
}

.navbar {
  padding: 0.5rem 0rem;
}
.navbar-brand img {
  max-width: 180px;
  max-height: 40px;
}

.navbar-toggler {
	border: none;
	border-radius: 0;
	padding: 0 0;
}
.navbar-toggler:focus {
	border: none;
	border-radius: 0;
	padding: 0 0;
	box-shadow: none;
}

.navbar .navbar-nav .nav-link {
	color: var(--bs-black);
	opacity: 0.6;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.875rem;
	padding-right: 15px;
	padding-left: 15px;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
	color: var(--link);
}
.navbar .navbar-nav .nav-link.active {
	color: #000000;
	opacity: 1;
}

/* Dropdown */
#navbarNav .dropdown-item {
	text-transform: uppercase;
	font-size: 0.875rem;
	padding: 11px 28px;
	font-weight: bold;
	color: #000000;
	opacity: 0.6;
}
#navbarNav .dropdown-item.active,
#navbarNav .dropdown-item:active {
	color: #000000;
	opacity: 1;
	text-decoration: none;
	background-color: #fff;
}

/* 3rd level Support */
.dropdown, .dropdown-submenu {
  position: relative;
}

/* Mobile Menu - Sidebar Menu */
.offcanvas-logo {
	max-width: 180px;
}

/* The navigation menu links */
.lmd-moblist {
	overflow: hidden;
	overflow-y: auto;
}

.lmd-moblist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lmd-moblist li {
  position: relative;
}

.lmd-moblist a {
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.6;
  text-decoration: none;
  font-size: 0.875rem;
  color: var(--bs-black);
}

/* remove bt5 accordion border */
.lmd-moblist li:first-child a, .lmd-moblist li:last-child a, .lmd-moblist li li:first-child a, .lmd-moblist li li:last-child a {
	border-radius: 0 0 0 0;
}

/* Hide submenus by default */
.lmd-moblist .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* Show when active */
.lmd-moblist li.active > .sub-menu {
  max-height: 1000px; /* Enough height for most submenus */
}

/* Style for links */
/* General link styling */
.display-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.display-flex a {
  flex-grow: 1;
  padding: 11px 30px;  
}

.submenu-toggle {
  padding: 14px 16px;
  cursor: pointer;
}

/* Rotate caret when submenu is active */
.lmd-moblist li.active > .display-flex > .submenu-toggle i {
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
}

.submenu-toggle i {
  transition: transform 0.3s ease;
  pointer-events: none;
}


.sidenav .copyright {
	font-size: 90%;
}


/* BreadCrumb */
.breadcrumb, .woocommerce-breadcrumb {
  background-color: transparent;
  padding: 0 0 0.75rem 0;
  border-radius: 0;
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}


/***** WordPress *****/
.excerpt {
  transition: all 0.4s;
  overflow: hidden;
}

.excerpt-thumbnail, .post-thumbnail {
  position: relative;
  overflow: hidden;
}

.excerpt-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: #622a14;
}
.excerpt-title a {
  color: #622a14;
}
.excerpt-title:hover {
  color: var(--linkhover);
}

.excerpt-meta {
  font-size: 0.9rem;
  color: var(--bs-gray);
}

/*PostImage*/
.post-body img {
  max-width: 100%;
  height: auto;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 10px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 10px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 10px;
}

.wp-caption {
  margin-bottom: 10px;
  max-width: 100% !important;
}

.wp-caption .wp-caption-text {
  font-size: 10px;
  margin: 10px;
  text-align: center;
}

/* WordPress Gallery */
.gallery .gallery-item {
	display: inline-block;
	vertical-align: top;
	text-align: center;

	width: 33.33333333333333%;
	margin-bottom: 0 !important;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery .gallery-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 5px;
}

.gallery-caption {
  font-size: smaller;
}

/* Post Sharer */
.lmd-share {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sharebot .lmd-share {
	justify-content: flex-end;
}


.lmd-share a {
	font-size: 1.7rem;
}
.lmd-share a:not(:last-child) {
	margin-right: .75rem;
}
.lmd-share a span {
	display: none;
}
.lmd-btn-facebook{color: #45629f;}
.lmd-btn-instagram{color: #b94e86;}
.lmd-btn-twitter{color: #5eb2ef;}
.lmd-btn-linkedin{color: #0083bb;}
.lmd-btn-pinterest{color: #cf2830;}
.lmd-btn-telegram{color: #54a9e9;}
.lmd-btn-whatsapp{color: #075e54;}
.lmd-btn-email{color: #eb4d3f;}

/* Sidebar - Widgets */
.widget {
	background-color: #fef9f3;
	margin: 0 0 21px;
	padding: 28px;
	font-size: 1rem;
	position: relative;
}

.widget ul, .widget ol,
.fwidget ul, .fwidget ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul li, .widget ol li,
.fwidget ul li, .fwidget ol li {
  font-size: 1rem;
  line-height: 2;
}

.widget.widget_recent_comments li a {
  font-weight: 600;
}

/* Search Form */
.lmd-search-form {
	position: relative;
}
.lmd-search-form .lmd-search-input {
	padding-right: 50px;
}
.lmd-search-form .lmd-search-icon {
	position:absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#searchBox.dropdown-menu[data-bs-popper] {
  margin-top: 0;
}

#searchBox .lmd-search-form .lmd-search-icon {
  right: 30px;
}
.offcanvas-search .lmd-search-form .lmd-search-icon {
  right: 15px;
}

.btn-search .fa {
	color: #000;
}
.btn-search .fa-close, .btn-search.show .fa-search {
	display: none;
}
.btn-search.show .fa-close {
	display: block;
	font-weight: bold;
}

/* Calendar */
table#wp-calendar {
  width: 100%;
}

table caption {
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
}

table#wp-calendar td#prev {
  text-align: left;
  padding-left: 3px;
}

table#wp-calendar td#next {
  text-align: right;
  padding-right: 3px;
}

table#wp-calendar th,
table#wp-calendar td {
  padding: 5px;
  text-align: center;
  border: 1px solid var(--bs-gray-200);
}

.fwidget {
	background-color: initial;
	padding: 0;
}

/***** Comments *****/
.comment-list {
  list-style-type: none;
}

.children {
  margin-top: 1em;
  list-style-type: none;
}

.comment-list li.comment {
  margin-bottom: 30px;
}

.comment-body,
.comment-meta,
.cancel-comment-reply {
  margin-bottom: 10px;
}
.avatar {
  float: left;
  margin-right: 15px;
  border-radius: 50%;
}
.comment-metadata {
  font-size: smaller;
}

.comment-reply-link {
  display: block;
  font-size: 11px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.9px;
  line-height: 1.91;
  margin-top: 1.166666666666667em;
  text-decoration: none;
  text-transform: uppercase;
  text-decoration: underline;
  color: #000;
}

.cancel-comment-reply {
	text-align: right;
	font-size: .9rem;
}
.cancel-comment-reply a, .comment-user-loggedin a {
	color: var(--bs-dark);
}

#respond {
	margin-left: auto;
	margin-right: auto;
	margin-top: 28px;
	max-width: 680px;
	padding: 30px 15px;
	background-color: #fef9f3;
}

#commentform input,
#commentform textarea,
.widget select,
.form-control {
  display: block;
  width: 100%;
  padding: 10px 21px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: var(--bs-white);
  background-clip: padding-box;
  border: 1px solid var(--bs-gray-200);
  -moz-box-shadow: 0 2px 4px rgba(204, 204, 204, 0.4) inset;
  -webkit-box-shadow: 0 2px 4px rgba(204, 204, 204, 0.4) inset;
  box-shadow: 0 2px 4px rgba(204, 204, 204, 0.4) inset;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#commentform textarea {
  height: calc(8em + 0.75rem + 2px);
}
#commentform input:focus,
#commentform textarea:focus,
.widget select:focus,
.form-control:focus {
  background-color: var(--bs-white);
  border-color: var(--bs-gray-200);
  outline: 0;
  box-shadow: 0 2px 4px rgba(204, 204, 204, 0.4) inset;
}

.comment-user-loggedin {
  color: #ed3f27;
}
.comment-user-loggedin a {
  color: #000;
}

/* Pagination */
.navigation {
  padding-top: 1em;
  padding-bottom: 1em;
}
.navigation:after {
  content: "";
  display: table;
  clear: both;
}

.prevnext {
	color: #545e69;
	font-size: 0.75rem;
	margin-bottom: 7px;
	text-transform: uppercase;
	line-height: 2.55;
	letter-spacing: 0.8px;
}

.navigation-single {
  font-size: 1.3em;
}

.prev-posts {
  float: left;
  width: 48%;
  text-align: left;
}

.next-posts {
  float: right;
  width: 48%;
  text-align: right;
}

.page-item {
  margin: 0 3px;
}

.page-link {
  font-size: 13px;
  box-shadow: none;
  color: var(--link);
  background-color: var(--bs-gray-100);
  border: 1px solid var(--bs-gray-200);
  border-radius:  var(--bs-border-radius) !important;
  padding: 3px 10px;
}
.page-link:focus {
  color: var(--bs-white);
  box-shadow: none;
}

.page-item.active .page-link {
  color: var(--link);
  background-color: var(--bs-white);
  border-color: var(--bs-gray-200);
}
.page-link:hover {
  color: var(--bs-dark);
  background-color: var(--bs-gray-300);
  border-color: var(--bs-gray-300);
}

/* Footer */
.lmd-footer {
	background-color: #212121;
	color: #ffffff;
}
.lmd-footer a {
	color: #ffffff;
}

.widget-about .breadcrumb {
	--bs-breadcrumb-divider-color: #fff;
	--bs-breadcrumb-divider: ">";
}

/*** Plugins ***/
/* Widget AIO Posts */
.lmd-aio-post {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lmd-aio-item {
  margin: 0 0 10px;
}

.lmd-recent-item .post-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4em;
  margin: 0 0 5px;
  letter-spacing: normal;
}
.lmd-recent-item .post-meta,
.lmd-terpopuler .post-meta {
  font-size: 0.8rem;
}

/* Terpopular */
.lmd-popular-posts {
	background-color: var(--bs-gray-100);
	border-radius: 0.5rem;
	padding: 15px 10px;
}

.lmd-terpopuler-item {
  padding: 0.5rem;
  border-bottom: 1px solid var(--bs-gray-200);
}
.lmd-terpopuler-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.lmd-terpopuler-item .lmd-terpopuler-thumb {
  font-size: 24px;
  font-weight: 600;
  padding-right: 1rem;
  line-height: 1;
}
.lmd-terpopuler-item .post-title {
  font-size: 16px;
}

/* Popular Tags */
.lmd-popular-tags a::before {
  content: "#";
  margin-right: 5px;
}

/* Owl Carousel */
.owl-theme .owl-nav {
	margin-top: 0;
	height: 0;
}
.owl-next span, .owl-prev span {
	--ows: 40px;

	position: absolute;
    top: 50%;
	transform: translateY(-50%);

	width: var(--ows);
	height: var(--ows);
	font-size: calc(var(--ows) - 15px);
	border-radius: var(--ows);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #ffffff;
	color: #333;
	border: 1px solid #d2d9d5;
	box-shadow: 0 .125rem .375rem rgba(0,0,0,.05),0 .5rem 1.2rem rgba(0,0,0,.1);
}
.owl-next span {
	right: -10px;
}
.owl-prev span {
	left: -10px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

/*** Miscelaneous ***/
.clip-1, .clip-2, .clip-3, .clip-4, .clip-5 {
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.clip-1 {
  -webkit-line-clamp: 1;
}
.clip-2 {
  -webkit-line-clamp: 2;
}
.clip-3 {
  -webkit-line-clamp: 3;
}
.clip-4 {
  -webkit-line-clamp: 4;
}
.clip-5 {
  -webkit-line-clamp: 5;
}

.fs-7 {
	font-size: .9rem !important;
}
.fs-8 {
	font-size: .8rem !important;
}
.fs-9 {
	font-size: .7rem !important;
}

.fw-300 {
	font-weight: 300 !important;
}
.fw-400 {
	font-weight: 400 !important;
}
.fw-500 {
	font-weight: 500 !important;
}
.fw-600 {
	font-weight: 600 !important;
}
.fw-700 {
	font-weight: 700 !important;
}
.fw-800 {
	font-weight: 800 !important;
}
.fw-900 {
	font-weight: 900 !important;
}

.post-tags a:before {
	content: '#';
}

/* Homepage - Archives - Page - Single Post - Custom Post */
.offcanvas {
	z-index: 999999999;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ff-heading {
	color: #622a14;
	text-transform: uppercase;
	font-weight: bold;
	text-rendering: optimizeLegibility;
	font-stretch: normal;
}

.navigation .ff-heading {
	text-transform: initial;
}

/* Products - Portfolio */
.excerpt-product {
	background-color: #fff;
	border: 1px solid #ededed;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

.excerpt-product .lmd-overlay {
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 9px;
  font-size: 12px;
  line-height: 12px;
  transform: translateY(100%);
  transition: .3s;
  text-transform: uppercase;
}
.excerpt-product .excerpt-title {
font-size: 0.875rem;
}

.excerpt-product .excerpt-content {
  height: 48.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--link);
}
.excerpt-product .excerpt-content a {
  color: var(--link);
  text-transform: capitalize;
}
.excerpt-product .excerpt-content a:hover {
  color: var(--linkhover);
}

.excerpt-product:hover, .excerpt-product:active, .excerpt-product:focus {
	box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05),0 0.5rem 1.2rem rgba(0, 0, 0, 0.1);
}
.excerpt-product:hover img, .excerpt-product:active img, .excerpt-product:focus img {
  opacity: .9;
}
.excerpt-product:hover .lmd-overlay, .excerpt-product:active .lmd-overlay {
	transform: translateY(0);
}
.lmd-overlay:hover {
	background-color: #e64e32;
}
.lmd-overlay a {
	color: #ffffff;
}

.excerpt-more, .excerpt-title {
	text-decoration: underline;
}

.block-featured .excerpt-title, .block-featured .excerpt-more, .excerpt-product .excerpt-title, .lmd-related .excerpt-title {
	text-decoration: none;
}

.block-featured .excerpt {
	border-radius: 10px;
	background-color: #9c1405;
	color: #FFFFFF;
}
.block-featured .excerpt a {
	color: #FFFFFF;
}
.block-featured .excerpt:hover {
	box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.55),0 0.5rem 1.2rem rgba(0, 0, 0, 0.1);
}
.block-featured .excerpt-meta {
	display: none;
}
.block-featured .excerpt-content {
	/*height: 140.933px;*/
	padding: 0 30px;
	text-align: center;
}

/* Home Blocks */
.tpl-homepage .lmd-block .container, .tpl-archive .container {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}

.lmd-block.block-carousel .container {
	padding-top: 20px;
	padding-bottom: 0;
}

.lmd-block.block-featured .container, .lmd-block.block-grid .container {
	padding-left: 35px;
	padding-right: 35px;
}

.lmd-block {
	position: relative;
}

.block-header {
	padding: 0 30px 35px 30px;
}

.bg-cloud {
	background-color: #cbe6f2;
	padding-top: 44px;
}

.bg-cloud::before {
	content: "";
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 84px;
	background-size: contain;
	background-image: url(img/clouds.png);
}

/** Single Product/Portfolio **/
.page-title, .single-post-title {
    font-size: 2rem;
}

/* Produk */
.lmd-breadcrumb {
	flex: 0 0 auto;
	width: 70%;
}
.lmd-breadshare, .lmd-breadshare a {
	font-size: 12px;
	color: #999999;
}
.lmd-share {
	flex: 0 0 auto;
	width: 30%;
}
.lmd-breadshare, .lmd-breadshare a {
	font-size: 12px;
	color: #999999;
}
.lmd-share-toggle svg {
	margin-right: 5px;
}

/* Product Gallery */
.single-product-thumbnail img {
	cursor:pointer; 
	width: 120px;
}

.prod-title {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: 'Noto Sans',sans-serif;
  color: #656565;
  text-transform: capitalize;
  font-size: 2.1428571429rem;
  line-height: 1;
}

.prod-views {
	font-size: 13px;
	color: #999999;
	margin-bottom: 15px;

}

.prod-price {
	font-size: 1.2rem;
	color: #000;
	margin-bottom: 15px;
}

.prod-desc {
	font-size: 14px;
}
.prod-desc ul {
	margin: 0 0 20px;
	padding-left: 15px;
}

.prod-qty {
	width: 100px;
	margin-bottom: 15px;
}
.prod-qty input {
	margin: 0;
	border-radius: 0;
	border: 1px solid #ededed;
	padding: 0 0 0 10px;
	font-size: 1.2rem;
}

.prod-btn, .lmd-arclink {
	width: 300px;
	margin-bottom: 15px;
}
.lmd-btn-beli, .lmd-arclink a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	background-color: #25D366;
	border: 1px solid #25D366;
	padding: 8px 25px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 5px;
}
.lmd-btn-beli:hover, .lmd-arclink a:hover {
	background-color: #4be083;
	color: #fff;
	border-color: #4be083;
	box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05),0 0.5rem 1.2rem rgba(0, 0, 0, 0.1);
}

.lmd-arclink {
	margin: 15px auto 0;
}
.lmd-arclink a {
	color: #555;
	background-color: #fff;
	border: 1px solid #d2d9d5;
}
.lmd-arclink a:hover {
	background-color: #fff;
	color: #e64e32;
	border-color: #e64e32;
}


/* WA Button */
.wa-button {
	position: fixed;
	bottom: 7px;
	right: 20px;
	z-index: 999;
}
.wa-button:hover img, .wa-button:focus img {
	opacity: .8;
}

/* product tabs */
.tab {
  overflow: hidden;
  border-top: 1px solid #ccc;
  text-align: center;
}

/* Style the buttons that are used to open the tab content */
.tab .tablinks {
	display: inline-block;
	border-top: 3px solid transparent;
	outline: none;
	cursor: pointer;
	padding: 20px;
	transition: 0.3s;
}

/* Create an active/current tablink class */
.tab .tablinks.active {
  border-top: 3px solid #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

/* Product Description */
.lmd-narrow-column, .narrowCarousel {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Footer */
.lmd-footer .widget-title {
	color: #fff;
}
.widget-socmed .socmed a:hover img, .widget-socmed .socmed a:focus img {
	opacity: .8;
}

.widget-address a {
	text-decoration: underline;
}

.fwidget-2 li a:focus, .fwidget-2 li a:hover, .widget-address a:hover, .widget-address a:focus {
  color: #ed3f27; 
}

.copyright {
	display: none;
}

/* Post/Page */
.page-title, .single-post-title {
	text-align: center;	
}

.embed-responsive-item, .post-body iframe {
	width: 100%;
	height: 250px;
}

/* Buttons */
.btn {
	-webkit-border-radius: 26px;
	border-radius: 30px;
	text-transform: capitalize;
	padding: 7px 32px;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ed3f27;
  --bs-btn-border-color: #ed3f27;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #222222;
  --bs-btn-hover-border-color: #222222;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #222222;
  --bs-btn-active-border-color: #222222;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ed3f27;
  --bs-btn-disabled-border-color: #ed3f27;
}

.breadcrumb-item.active {
	display: none;
}

body.onScroll #wpadminbar {
	display: none;
}


/** LMD Blocks **/
.client-item {
	width: 70px;
}

.single-page .container {
	padding-left: 0;
	padding-right: 0;
}

/***** Media Queries *****/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	 .container, .container-sm {
		max-width: 768px;
	  }	
	.clip-sm-1 {
	  -webkit-line-clamp: 1;
	}
	.clip-sm-2 {
	  -webkit-line-clamp: 2;
	}
	.clip-sm-3 {
	  -webkit-line-clamp: 3;
	}
	.clip-sm-4 {
	  -webkit-line-clamp: 4;
	}
	.clip-sm-5 {
	  -webkit-line-clamp: 5;
	}

	.embed-responsive-item, .post-body iframe {
		height: 350px;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	body.onScroll #wpadminbar {
		display: block;
	}
	body.onScroll.admin-bar .lmd-navbar-main.fixed-top {
		margin-top: 32px;
	}

	.clip-md-1 {
	  -webkit-line-clamp: 1;
	}
	.clip-md-2 {
	  -webkit-line-clamp: 2;
	}
	.clip-md-3 {
	  -webkit-line-clamp: 3;
	}
	.clip-md-4 {
	  -webkit-line-clamp: 4;
	}
	.clip-md-5 {
	  -webkit-line-clamp: 5;
	}

	.navbar-brand img {
	  max-width: 200px;
	  height: auto;
	}

	.embed-responsive-item, .post-body iframe {
		height: 400px;
	}

	/* Product Description */
	.lmd-narrow-column {
		width: 700px;
	}

	.narrowCarousel {
		max-width: 600px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {	
	/* Base: hide dropdowns */
	.navbar .dropdown-menu {
	  display: block;
	  opacity: 0;
	  visibility: hidden;
	  transition: opacity 0.3s ease, visibility 0.3s ease;
	  top: 100%;
	  left: 0;
	  margin-top: 0;
	  border: none;
	  border-radius: 0;
	  box-shadow: 4.243px 4.243px 5px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(236, 236, 236, 0.004);
	}

	/* Ensure proper position */
	.dropdown,
	.dropdown-submenu {
	  position: relative;
	}

	/* Show on hover with animation */
	.navbar .dropdown:hover > .dropdown-menu,
	.navbar .dropdown-submenu:hover > .dropdown-sub-submenu {
	  visibility: visible;
	  opacity: 1;
	}

	/* Third-level submenu styles (like dropdown) */
	.navbar .dropdown-sub-submenu {
	  position: absolute;
	  top: 0;
	  left: 100%;
	  z-index: 999;
	  min-width: 200px; /* optional */
	  border-radius: 0;
	}

	/* Optional: match full width of parent on mobile */
	@media (max-width: 991.98px) {
	  .dropdown-sub-submenu {
		position: static;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	  }
	}

	/* Reposition the carret */
	.navbar .dropdown-menu .dropdown-toggle {
	  position: relative;
	  padding-right: 2rem; /* give room for caret on the right */
	}

	/* Base Bootstrap caret remains for top-level */
	.navbar .dropdown-toggle::after {
	  margin-left: 0.3em;
	}

	/* For second-level dropdowns: move caret to the right */
	.navbar .dropdown-menu .dropdown-toggle::after {
	  position: absolute;
	  right: 1rem;
	  top: 50%;
	  transform: translateY(-50%) rotate(-90deg); /* point right */
	  margin-left: 0;
	}
	
	.gallery-columns-2 .gallery-item {
	  width: 50%;
	}
	.gallery-columns-3 .gallery-item {
	  width: 33.33333333333333%;
	}
	.gallery-columns-4 .gallery-item {
	  width: 25%;
	}
	.gallery-columns-5 .gallery-item {
	  width: 20%;
	}
	.gallery-columns-6 .gallery-item {
	  width: 16.66666666666667%;
	}
	.gallery-columns-7 .gallery-item {
	  width: 14.28571428571429%;
	}
	.gallery-columns-8 .gallery-item {
	  width: 12.5%;
	}
	.gallery-columns-9 .gallery-item {
	  width: 11.11111111111111%;
	}

	.wp-block-heading {
		font-size: 1.75rem;
	}

	.embed-responsive-item, .post-body iframe {
		height: 450px;
	}

	.clip-lg-1 {
	  -webkit-line-clamp: 1;
	}
	.clip-lg-2 {
	  -webkit-line-clamp: 2;
	}
	.clip-lg-3 {
	  -webkit-line-clamp: 3;
	}
	.clip-lg-4 {
	  -webkit-line-clamp: 4;
	}
	.clip-lg-5 {
	  -webkit-line-clamp: 5;
	}

	/* Product Description */
	.lmd-narrow-column {
		width: 800px;
	}

	#respond {
		padding: 30px 70px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1480px;	  
		padding-right: 30px;
		padding-left: 30px;
	}

	.lmd-header .container {
	  max-width: 1140px;
	  padding-left: 10px;
	  padding-right: 10px;
	}

	.tpl-homepage .lmd-block .container {
	  max-width: 1140px;
	  padding-top: 60px;
	  padding-bottom: 40px;
	  padding-left: 10px;
	  padding-right: 10px;
	}

	.tpl-archive .container {
	  max-width: 1480px;
	  padding-top: 63px;
	  padding-bottom: 63px;
	  padding-left: 50px;
	  padding-right: 50px;
	}

	.lmd-block.block-carousel .container {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.single-page .container {
		padding-left: 0;
		padding-right: 0;
	}

	.page-title, .single-post-title {
		font-size: 3.5rem;
	}
}