/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; }
.btn { padding: 0.375rem 1.5rem; font-size: 21px; font-weight: bold; border-radius: 0; }
a:link, a:visited { color: #f05523; }
a:hover, a:active, a:focus { color: #f05523; text-decoration: underline; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.full-width.bg-jwbs:before { border-left: 99rem solid #1591cf; box-shadow: 99rem 0 0 #1591cf; }

/* colors */
.text-orange { color: #f05523 !important; } .bg-orange { color: #fff; background-color: #f05523; } .border-orange { border-color: #f05523 !important; } .full-width.bg-orange:before { border-left: 99rem solid #f05523; box-shadow: 99rem 0 0 #f05523; }
.bg-grey { background-color: #e7e7e7; } .border-grey { border-color: #e7e7e7 !important; } .full-width.bg-grey:before { border-left: 99rem solid #e7e7e7; box-shadow: 99rem 0 0 #e7e7e7; }

.btn-orange { color: #fff !important; background-color: #f05523; border-color: #f05523; } .btn-outline-orange { color: #f05523 !important; background-color: transparent; background-image: none; border-color: #f05523; } .btn-outline-orange:hover { color: #fff !important; background-color: #f05523; background-image: none; border-color: #f05523; }
.btn-grey { color: #fff !important; background-color: #555; border-color: #555; } .btn-outline-grey { color: #555 !important; background-color: transparent; background-image: none; border-color: #f05523; } .btn-outline-grey:hover { color: #fff !important; background-color: #555; background-image: none; border-color: #555; }

#header-block-1 { text-align: center !important; }
#header-block-1 img { width: 80%; max-width: 300px; }
#header-block-2 h4 { font-size: 1.25rem; }
#header-block-2 h3 { font-size: 1.2rem; }
#header-block-2 img { max-height: 40px; }

#main-navbar ul a { color: #fff; }
.navbar-nav li { margin-right: 1.5rem; }
#main-navbar #menu-social-menu { margin: 0; padding: 0; list-style: none; }
#main-navbar #menu-social-menu li { display: inline-block; margin-left: 0.5rem; }
.navbar-toggler { display: inline-block; border: 1px solid #fff; }
.navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(255,255,255,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }

.more-details { margin: 5px auto; display: table; }

/* home */
.home .carousel { margin-bottom: 3rem; }
.home .carousel-caption { position: relative; padding: 0.25rem 0; right: 0; left: 0; }
.home .carousel-caption .h1 { font-size: 1.5rem; }
.home .carousel-indicators { display: none; }
.home .auction hr { border-top: 1px solid #555; }
.home .auction .btn { font-size: 1rem; }
#services .services-img { position: absolute; top: 0; right: 50%; bottom: 0; left: calc(50% - 50vw); background: url('/wp-content/uploads/2022/04/home-services.jpg') no-repeat center; background-size: cover; }
.final-tiles-gallery .loading-bar { display: none; }

/* auctions */
.gallery .gallery-item, .gallery .gallery-item img, .wp-block-gallery .wp-block-image, .wp-block-gallery .wp-block-image img { margin: 0 !important; }
.gallery .gallery-item img, .wp-block-gallery .wp-block-image img { margin: 0 !important; border: 0 none !important; }
.wp-block-gallery { gap: 0 !important; }
.single-auctions .date-time, .single-auctions .seller, .single-auctions .location-text { font-size: 1.125rem; font-weight: bold; line-height: 1.1; }
/* auctions pagination */
.pagination .page-link { color: #f05523; }
.pagination .page-item.active .page-link { background-color: #f05523; border-color: #f05523; }

.tags a { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; background-color: #777; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; }
.tags a:hover, .tags a:focus { background-color: #5e5e5e; text-decoration: none; }

/* blog search */
#sidebar-default .wp-block-search .wp-block-search__input { padding-left: 0.5rem; border-right: 0 none;  }
#sidebar-default .wp-block-search .wp-block-search__button { margin-left: 0; padding: 0 0.125em; background-color: #f05523; border: 0 none; transform: rotateY(180deg); }
#sidebar-default .wp-block-search .wp-block-search__button svg { min-width: 2em; min-height: 2em; fill: #fff; }

/* footer */
body > footer { background-color: #555; }
body > footer, body > footer a:link, body > footer a:visited { color: #fff; }
body > footer a:hover, body > footer a:focus, body > footer a:active { color: #ddd; }
body > footer ul { margin: 0; padding: 0; list-style: none; }
body > footer ul li { display: inline-block; }
body > footer #menu-main-menu-1 li { margin-right: 0; width: 45% }
body > footer #menu-main-menu-1 li:last-child { margin-right: 0; }
body > footer #menu-social-menu-1 li { margin-left: 0.5rem; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	#header-block-2 h3 { font-size: 1.4rem; }
	#header-block-2 img { max-height: 58px; }
	body > footer #widget-footer { margin-bottom: -2.5rem; }

	.more-details { float: right; margin: 0 0 0 3rem; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#header-block-1 { text-align: left !important; }
	#header-block-2 h3 { font-size: 1.75rem; }
	.home .carousel-caption .h1 { font-size: 2.5rem; }
	body > footer #menu-main-menu-1 li { margin-right: 3rem; width: auto; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar-toggler { display: none; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}