/*   
Theme Name: Dads Boots
Theme URI: https://aodesign.co.za/
Description: AO Design's master theme. Exclusively for AO Design projects and clients. Copyright aodesign.co.za
Author: AO Design
Author URI: https://aodesign.co.za/
Version: 2.0
*/


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Structure */
html {
	scroll-behavior: smooth;
}
body {
	color: #212529;
	background-color: #777;
    overflow-x: hidden; /* Fix for horizontal scrollbar with alignfull blocks */
}
.content-box {
	background-color: #FFFFFF;
	padding-top: 80px /* Needed for if nav bar fixed-top */;
	padding-bottom: 40px;
}
.no-pad {
	padding: 0px !important;
}
.gap-top {
	padding-top: 2rem;
}
.gap-bottom {
	padding-bottom: 2rem;
}
.gap-both {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.clear {
	clear: both;
}
.footer p {
	color: #fff;
	font-size: 0.8rem;
}
.footer a {
	color: #fff;
}
.footer a:hover, .footer a:focus {
	color: #fff;
	opacity: 0.7;
}
#scrollup:focus {
	outline: none;
}
.vh100, .100vh {
	height: 100vh;
}
.vh90, .90vh {
	height: 90vh;
}
.vh70, .70vh {
	height: 70vh;
}
.vh60, .60vh {
	height: 60vh;
}
.vh50, .50vh {
	height: 50vh;
}
.img-fluid {
	width: 100%;
}
.max-w-100 {
  max-width: 100px !important;
}
.max-w-200 {
  max-width: 200px !important;
}
.max-w-300 {
  max-width: 300px !important;
}
.max-w-400 {
  max-width: 400px !important;
}
.max-w-500 {
  max-width: 500px !important;
}
.max-w-600 {
  max-width: 600px !important;
}
.max-w-700 {
  max-width: 700px !important;
}
.max-w-800 {
  max-width: 800px !important;
}
.max-w-900 {
  max-width: 900px !important;
}
.max-w-1000 {
  max-width: 1000px !important;
}
.max-w-1100 {
  max-width: 1100px !important;
}
.max-w-1200 {
  max-width: 1200px !important;
}
.max-w-1400 {
  max-width: 1400px !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-0 figure {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.gap-0 :where(.wp-block-columns) {
  margin-bottom: 0px;
}

/* Buttons */

.btn, input[type="submit"], input[type="button"],
.logon a, .button {
	padding: .875rem 1.45rem;
	color: #fff;
	text-decoration: none;
	outline: none;
	transition-duration: 0.5s;
}
.btn:hover, .btn:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus,
.logon a:hover, .logon a:focus,
.button:hover, .button:focus {
	color: #fff;
	text-decoration: none;
}
.btn-sm {
	padding: .375rem 1.15rem;
}
.text a.btn, .text a.wp-block-button__link {
  text-decoration: none;
}
.text a.wp-block-button__link:hover, .text a.wp-block-button__link:focus {
  color: #fff;
}
.carousel button, .carousel button:hover, .carousel button:focus,
.modal-header button:hover, .modal-header button:focus {
  background-color: transparent;
}

/* Modal */

.modal-backdrop.show {
  opacity: 0.8;
}
.modal-content {
  border-radius: 1rem;
}

/* backgrounds */

@media all and (-webkit-min-device-pixel-ratio : 1.5) {
            .bg-cover { background-size: 50%; }
        }

.bg-cover {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bg-contain {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #000;
}

/* Equal height columns */

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}
.valign-center {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.align-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	/* parent must be: position:relative */
}

/* Equal height pricing blocks used for TEAM */

.pricingdiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pricingdiv ul.theplan {
  list-style: none;
  margin: 0;
  padding: 0 0 1rem;
  display: flex;
  flex-direction: column;
  width: 300px; /* width of each table */
  margin-left: 10px; /* spacing between tables */
  margin-right: 10px; /* spacing between tables */
  margin-bottom: 1em;
  transition: all .5s;
  background-color: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.pricingdiv ul.theplan .center {
  margin: 0 auto;
  text-align: center;
}
.pricingdiv ul.theplan li {
  padding: 1rem 2rem 0;
  position: relative;
	text-align: center;
}
.pricingdiv ul.theplan li p {
	font-size: 0.8rem;
	color: #555;
}
/*very last LI within each pricing UL */
.pricingdiv ul.theplan li:last-of-type{
  text-align: center;
  margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
}
.pricingdiv h2 {
  font-size: 1.2rem;
}
.pricingdiv li {
  font-size: 0.8rem;
}

/* Image zoom on hover */

.zoom {
  overflow: hidden;
  position: relative;
  margin: 0.4rem;
}
.zoom img {
  transition: 0.3s;
}
.zoom img:hover {
  transform: scale(1.1);
}


/* Embeds */

span[class*="embed-"] { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
span[class*="embed-"] iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
iframe[data-name="pb-iframe-player"] /*podbean*/ {
	width: 100%;
	height: 150px;
}

/* Map/video responsive */

/*.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

.is-provider-vimeo .wp-block-embed__wrapper::before {
  padding-top: 0px !important;
}

/* Not needed for videos published with the block editor 
.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin-bottom: 1.2rem;
}
.map-responsive iframe, .map-responsive video {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
} */

/* Links */

a {
  color: #007bff;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: none;
}
.nav-link i {
	cursor: pointer;
}
.underline {
	text-decoration: underline;
}
.prev-next i {
  font-size: 2rem;
}
.prev-next div {
  padding-top: 10px;
}

/* Colors */

caption {
  color: #6c757d;
}
mark,
.mark {
  background-color: #fcf8e3;
}
.blockquote-footer {
  color: #6c757d;
}
.img-thumbnail {
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.figure-caption {
  color: #6c757d;
}
code {
  color: #e83e8c;
}
kbd {
  color: #fff;
  background-color: #212529;
}
pre {
  color: #212529;
}

/* Headings */

.h1, .h2, h1, h2 {
	margin-bottom: 1.4rem;
}
.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
	margin-bottom: 1.2rem;
}
h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.625rem;
}
h3 {
	font-size: 1.4rem;
}
h4 {
	font-size: 1.225rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 1.0rem;
}
.page-title {
}
.entry-title {	
	clear: both;
	padding-bottom: 1rem;	
	border-bottom: 1px dotted #ccc;
}
.category .entry-title, .hd-pad {
	margin-top: 2rem;
}
.postmetadata {
	clear: both;
	padding: 0.6rem 0.2rem;
	border-top: 1px dotted #ccc;
	margin: 2rem 0;
	font-size: 0.8rem;
}

/* Text */

.text-small, .text-small p, .text-small ol, .text-small ul, small, .has-small-font-size {
	font-size: 0.8rem !important;
}
.text-large, .text-large p, .text-large ol, .text-large ul,  {
	font-size: 1.4rem;
}
.text-xlarge, .text-xlarge p, .text-xlarge ol, .text-xlarge ul,  {
	font-size: 1.8rem;
}
.text-white, .text-white p, .text-white ul, .text-white ol, .text-white a,
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
	color: #fff !important;
}
.text-white a:hover, .text-white a:focus {
	opacity: 0.7
}
.text-shadow {
	text-shadow: 1px 1px 4px #444;
}

/* Breadrumbs */

.breadcrumbs {
	font-size: 0.8rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1rem;
}

/* Scroll up */

#scrollup {
    background: url('img/scroll-up.svg') no-repeat 50% 50% #007bff;
    width: 10px;
    height: 30px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    text-indent: -9999px;
    padding: 24px;
}

/* Sidebar */

.sidebar .nav li, .sidebar li p {
	font-size: 0.8rem;
	margin-bottom: 0;
}
.sidebar {
	text-align: center;
}
.sidebar h2 small, .sidebar h5 {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: bold;
}
.sidebar h2, .sidebar h5 {
	margin-bottom: 1.2rem;
	line-height: 0.8;
}
.sidebar ul {
	border-top: 1px dotted rgba(0, 0, 0, 0.3);
	list-style: none;
	padding-left: 0px;
}
.sidebar li {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.sidebar li a {
	display: block;
	padding: 1rem 0.6rem;
	text-decoration: none;
}
.sidebar li a:hover, .sidebar li a:focus {
	background-color: rgba(0, 0, 0, 0.05);
}
.sidebar li.recentcomments {
	padding: 1rem 0.6rem;
}

/* WC cart/checkout */
.woocommerce .col2-set {
	margin-bottom: 2rem;
}
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
	width: 100%;
	max-width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-input-wrapper {
	width: 100%;
}

/* Ninja Forms */

.nf-form-fields-required {
	font-size: 0.8rem;
	margin-bottom: 1.2rem;
}
.nf-form-fields-required .ninja-forms-req-symbol {
	font-size: 1rem;
}
#hour-select, #minute-select {
  background-image: none;
}
/*
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	width: 100% !important;
}
select {
	width: 100%;
    padding: 5px;
	border: 1px solid #ccc;
    line-height: 1;
    height: 34px;
    background: url(img/br_down.png) no-repeat center right;
	background-size: 20px 15px;
    -webkit-appearance: none;
} */

/* We (Foundation 5) use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #999; }

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

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

:-ms-input-placeholder {
  color: #999; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    background: #FFFFFF;
    font-weight: bold;
    margin-left: -0.1875rem;
    margin: 0;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error, .fscf-div-error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #c60f13;
  color: #FFFFFF; }
.fscf-div-error {
	margin-bottom: 0;
}
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #c60f13;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #c60f13;
  color: #FFFFFF; }
.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }
.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

/* Navigation: Older | Newer
-------------------------------------------------------------- */

.navigation {
	margin: 2rem 0;
	font-size: 0.8rem;
}
.navigation a:link,
.navigation a:visited {
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover,
.navigation a:focus {
}
.navigation:after {
	content: "";
	clear: both;
	display: table;
}
.nav-previous {
	float: left;
	width: 50%;
	padding: 10px 0
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	padding: 10px 0
}
#nav-above {
	margin: 0 0 1.2rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -1.2rem 0 0 0;
}

/* =Images
-------------------------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
}
.img100 {
	width: 100%;
	height: auto;
}
.th {
  border: solid 4px #FFFFFF;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); }
  .th.radius {
    border-radius: 3px; }

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: rgba(255, 255, 255, 0.7);
	/*border: 1px solid #d8d8d8;*/
	margin-bottom: 12px;
	max-width: 100% !important; /* prevent too-wide images from breaking layout */
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.wp-caption.alignnone {
	padding-top: 0;
}
.wp-caption img {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption p.wp-caption-text {
	color: #666;
	font-size: 80%;
	line-height: 1;
	margin: 3px 5px;
	text-align: center;
}
.wp-smiley {
	margin: 0;
}
.cat-entry img {
	float: right;
	margin: 0.2rem 0 0.1rem 1rem;
}
.cat-entry a {
	color: #444444;
}
.cat-entry a:hover, .cat-entry a:focus {
	color: #777;
}
.cat-entry h3 a {
	color: #0091b3;
}

/* Tables */

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto;
  color: inherit; }
  table caption {
    background: transparent;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #F5F5F5; }
    table thead tr th,
    table thead tr td {
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tfoot {
    background: #F5F5F5; }
    table tfoot tr th,
    table tfoot tr td {
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tr th,
  table tr td {
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    /*text-align: left;*/ }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #F9F9F9; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 12px;
	overflow: hidden;
	padding: 12px 8.9%;
}
.error404 #main /* {
	width: 95%;
}*/
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Search */

.radius-bottom {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

/* Comments */

#comments {
	font-size:14px;
}

.commentlist {
	margin:20px 0;
	padding:0;
	border-width:0 0.1em 0.1em 0;
	border-color:#eee;
	border-style:solid;
	text-align: left;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-width:0.1em 0 0 0.1em;
	border-color:#eee;
	border-style:solid;
}
#content .commentlist li p {
	text-align: left;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}

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

.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
}


textarea#comment {
}

#comments div.navigation {
	font-size:0.9em;
}


/* Add-This in masonry feed */

.m-item .addthis_toolbox {
	display: none;
}

/* Masonry Custom CSS  */

.masonry { /* Masonry container */
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.m-item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
	border-bottom: 1px dotted #999;
	padding-bottom: 0.8rem;
}
.m-item h2 {
	font-size: 1.0rem;
}
.m-item p {
	font-size: 0.8rem
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
}

/* Small only (phones, less than 768px) */
@media (max-width: 767.98px) {
	
}

/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	
}

/* Medium up (tablets, 768px and up) */
@media (min-width: 768px) { 

	.admin-bar .fixed-top {
		top: 46px;
	}
	.vh100-md {
		height: 100vh;
	}
	.vh90-md {
		height: 90vh;
	}
	.vh70-md {
		height: 70vh;
	}
	.vh60-md {
		height: 60vh;
	}
	.vh50-md {
		height: 50vh;
	}

}

/* Large up (desktops, 992px and up) */
@media (min-width: 992px) { 

	body.admin-bar .fixed-top {
		top: 32px;
	}
	.vh100-lg {
		height: 100vh;
	}
	.vh90-lg {
		height: 90vh;
	}
	.vh70-lg {
		height: 70vh;
	}
	.vh60-lg {
		height: 60vh;
	}
	.vh50-lg {
		height: 50vh;
	}
	.align-bottom-lg {
		position: absolute;
		bottom: 0;
		left: 0;
	}
    .gap-lg-0 {
      gap: 0 !important;
    }
    .gap-lg-0 figure {
      margin-block-start: 0em;
      margin-block-end: 0em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
    }
    .gap-lg-0 :where(.wp-block-columns) {
      margin-bottom: 0px;
    }
	/* WC Cart page */
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	  float: left;
	  width: 48%;
	  max-width: 48%;
	}
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	  float: right;
	  width: 48%;
	  max-width: 48%;
	}

 }

/* Extra large up (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.bg-cover {
		background-attachment: fixed;
	}
	
	/* Headings */
	.h1, .h2, h1, h2 {
		margin-bottom: 1.4rem;
	}
	.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
		margin-bottom: 1.2rem;
	}
	h1 {
		font-size: 2.2rem;
	}
	h2 {
		font-size: 1.8rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.325rem;
	}
	h5 {
		font-size: 1.2rem;
	}
	h6 {
		font-size: 1.0rem;
	}

}

@media only screen and (max-width: 40em) {
	.alignleft,
	.alignright,
	.aligncenter,
	img.alignleft,
	img.alignright,
	img.aligncenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.wp-caption img {
	margin: 0 0 5px;
}
}

@media only screen and (min-width: 20em) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

/*@media only screen and (min-width: 900px)*/
@media only screen and (min-width: 40.063em) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}

/* Gutenberg */

.alignfull {
  max-width: 100vw;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  position: relative;
}
.wp-block-image.alignfull img, .wp-block-cover.alignfull {
	margin: 2rem calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.no-alignfull .wp-block-image.alignfull img,
.no-alignfull .wp-block-cover.alignfull,
.wp-block-image.alignwide img {
	margin: 2rem 0;
	max-width: 100%;
	width: 100%;
}
.alignfull .wp-block-columns {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;

}
.has-primary-color {
	color: #59BACC;
}
.has-primary-background-color {
	background-color: #59BACC;
}
.has-secondary-color {
	color: #58AD69;
}
.has-secondary-background-color {
	background-color: #58AD69;
}
.has-tertiary-color {
	color: rgba(0, 125, 191, 1);
}
.has-tertiary-background-color {
	background-color: rgba(5, 171, 171, 1);
}
.has-quaternary-color {
	color: rgba(5, 171, 171, 1);
}
.has-quaternary-background-color {
	background-color: rgba(0, 125, 191, 1);
}
.has-black-color {
	color: #000000;
}
.has-black-background-color {
	background-color: #000000;
}
.has-white-background-color {
	background-color: #FFFFFF;
}
.has-white-color {
	color: #FFFFFF;
}
.has-grey1-background-color {
	background-color: #EFEFEF;
}
.has-grey1-color {
	color: #EFEFEF;
}
.has-grey2-background-color {
	background-color: #CCCCCC;
}
.has-grey2-color {
	color: #CCCCCC;
}
.has-grey3-background-color {
	background-color: #666666;
}
.has-grey3-color {
	color: #666666;
}
.has-grey4-background-color {
	background-color: #333333;
}
.has-grey4-color {
	color: #333333;
}


/* Block-grid from Foundation 5.5.3 */

.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }