/* default wordpress classes */
.entry-content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

/* woocommerce nav cart icon on all pages, so need this here, not in woo css, if not a woo store can remove */
.cart-nav-item small { position: relative; left: -8px; top: 4px; }

/* default jwbs overrides */
img { max-width: 100%; height: auto; }
iframe, input, select, textarea { max-width: 100%; }

html { scroll-padding-top: 5px; scroll-behavior: smooth; }
body.admin-bar .navbar.fixed-top { top: 28px; }
body.navbar-fixed-top { padding-top: 56px; }

header { z-index: 1030; }

#banner.position-absolute { top: 0; right: 0; left: 0; z-index: 1000; }
.carousel-caption { top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; }

/* dropdown menu on hover if selected */
.hoverdrop .dropdown:hover > .dropdown-menu, .hoverdrop .dropup:hover > .dropdown-menu { display: block; }
.hoverdrop .dropdown > .dropdown-toggle:active, .hoverdrop .dropup > .dropdown-toggle:active { pointer-events: none; }
.nav-xs-fill .nav-item { flex: 1 1 auto; text-align: center; }

/* nav hamburger icon */
.navbar-toggler { border-width: 0; }
.navbar-toggler-icon { width: 1em; }
.navbar-light .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(0,0,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar-light .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(0,0,0,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>"); }
.navbar-dark .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-dark .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>"); }

/* multilevel navigation */
#main-navbar.text-center.show .dropdown-menu { text-align: center; }
#main-navbar.text-right.show .dropdown-menu { text-align: right; }
.dropdown-submenu { position: relative; }
.dropdown-submenu .dropdown-menu { top: 0; left: 95%; margin-top: -1px; }

/* mav borders */
#main-navbar.border-light-sm .nav-item, #main-navbar.border-light-md .nav-item, #main-navbar.border-light-lg .nav-item, #main-navbar.border-light-xl .nav-item, #main-navbar.border-light- .nav-item { border-bottom: 1px solid #f8f9fa; }
#main-navbar.border-dark-sm .nav-item, #main-navbar.border-dark-md .nav-item, #main-navbar.border-dark-lg .nav-item, #main-navbar.border-dark-xl .nav-item, #main-navbar.border-dark- .nav-item { border-bottom: 1px solid #343a40; }
#main-navbar .nav-item:last-of-type { border-bottom-width: 0; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  .nav-sm-fill > .nav-item { flex: 1 1 auto; text-align: center; }
  #main-navbar.border-light-sm .nav-item, #main-navbar.border-dark-sm .nav-item { border-bottom-width: 0; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .nav-md-fill > .nav-item { flex: 1 1 auto; text-align: center; }
  .comment-form-author, .comment-form-email, .comment-form-url { width: 50%; }
  #main-navbar.border-light-md .nav-item, #main-navbar.border-dark-md .nav-item { border-bottom-width: 0; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .nav-lg-fill > .nav-item { flex: 1 1 auto; text-align: center; }
  #main-navbar.border-light-lg .nav-item, #main-navbar.border-dark-lg .nav-item { border-bottom-width: 0; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .nav-xl-fill > .nav-item { flex: 1 1 auto; text-align: center; }
  #main-navbar.border-light-xl .nav-item, #main-navbar.border-dark-xl .nav-item { border-bottom-width: 0; }
}