/*   
Theme Name: dad's boots 5
Theme URI: https://aodesign.co.za/
Description: AO Design's master theme built on Bootstrap 5. 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, body {
  height: 100%;
}   
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;
}
.revert-styles {
  all: revert;
}
.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 {
	height: 100vh;
}
.vh90 {
  height: 90vh;
}
.vh80 {
	height: 80vh;
}
.vh70 {
	height: 70vh;
}
.vh60 {
	height: 60vh;
}
.vh50 {
	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;
}

/* Cards */

.card {
  border-radius: 6px;
  border: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.card-img-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card-body {
  padding: 1.4rem;
}
.card-body p {
  font-size: .9rem;
}
.card-body h2 {
  font-size: 1.25rem;
}

/* 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 {
  list-style: none;
  padding-left: 0px;
}
.sidebar li {
  border-top: 1px dotted #CCC;
}
.sidebar li:last-child {
  border-bottom: 1px dotted #CCC;
}
.sidebar li a {
  display: block;
  padding: 1rem 0.6rem;
  text-decoration: none;
}
.sidebar li a:hover, .sidebar li a:focus {
}
.sidebar li.recentcomments {
  padding: 1rem 0.6rem;
}

/* 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);
}

/* Responsive embeds */
.wp-embed-responsive, 
.embed-responsive, 
.responsive-embed,
.wp-block-embed,
.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.wp-embed-responsive iframe,
.embed-responsive iframe,
.responsive-embed iframe,
.wp-block-embed iframe,
.wp-block-embed__wrapper iframe,
.wp-embed-responsive object,
.wp-embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
iframe[data-name="pb-iframe-player"] /*podbean*/ {
  width: 100%;
  height: 150px;
}

/* 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;
}
.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, .nf-form-fields-required, .wp-element-caption {
	font-size: 0.825rem;
}
.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;
}
.wp-element-caption {
  margin-bottom: 2rem;
}
.wp-block-image .aligncenter>figcaption {
  text-align: center;
}
.wp-block-image .alignleft>figcaption {
  text-align: left;
}
.wp-block-image .alignright>figcaption {
  text-align: right;
}

/* 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;
}

/* 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 and other */

.nf-form-fields-required {
  text-align: right;
}
.nf-field-container {
  margin-bottom: 1rem;
}
.nf-field-label .nf-label-span, .nf-field-label label {
  font-weight: bold;
}
.nf-field-label {
  margin-bottom: 0.25rem;
}
.form-floating label {
  color: #6c757d;
}
.form-floating > .form-control:focus ~ label {
  color: #0d6efd;
}
/* All form fields spacing adjustment */
.form-group,
.form-floating.mb-3,
.nf-field-container {
  margin-bottom: 1rem; /* adjust value to your liking */
}
#hour-select, #minute-select {
  background-image: none;
}

/* --- Normalize all form elements to Bootstrap 5 look --- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="file"],
textarea {
  @apply form-control; /* works if you’re using Tailwind or PostCSS */
  /* OR if not using PostCSS, manually copy Bootstrap’s styles: */
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  appearance: none;
  background-image: var(--bs-form-select-bg-img);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

button,
input[type="submit"] {
  @apply btn btn-primary; /* or manually use Bootstrap’s button styles */
}
/* Change input focus color (for text fields, textareas, and selects) */
input:focus,
select:focus {
  /* outline: 0; remove default outline */
}


/* 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) {

  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    max-width: 100%;
    width: 100%;
  }
	
}

/* 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 only (tablets, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    max-width: 100%;
    width: 100%;
  }

}

/* 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, body.admin-bar .fixed-lg-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;

}
@media only screen and (min-width: 1280px) {
  .alignwide {
    max-width: 80vw;
    margin-left: calc(-80vw / 2 + 100% / 2);
    margin-right: calc(-80vw / 2 + 100% / 2);
    position: relative;
  }
}
.wp-block-image.alignwide img,
.wp-block-cover.alignwide {
  width: 100%;
  max-width: 100%;
  margin: 2rem 0;
}
.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; } }