/*!
Theme Name: Migraine Strong
Theme URI: http://underscores.me/
Author: printandweb
Author URI: https://printandweb.net/
Description: A custom WordPress theme using Bootstrap
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: migrainestrong
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Migraine Strong is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Theme Specific Styles

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  overflow: hidden;
  /*  margin: 1.5em 0 0;*/
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/* Widgets
--------------------------------------------- */
.widget select {
  max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
  display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Theme Specific Styles
--------------------------------------------------------------*/
*:root {
  --primary-color: #583D82;
  --accent-color: #B14FC5;
  --darkgray-color: #6D6E71;
  --lightgray-color: #A7A9AC;
  --heading-font: 'Lora', serif;
  --body-font: 'Poppins', sans-serif;
}
/* ----- Global ----- */
html {
  scroll-padding-top: 4rem;
}
body {
  font-family: var(--body-font);
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  font-weight: 700;
  color: var(--primary-color);
  line-height: 1.3;
  margin-bottom: 1.5rem;
}
h1, .entry-title {
  font-size: 2.813rem;
}
h2 {
  font-size: 2.188rem;
}
p, ul, ol {
  margin-bottom: 1.5rem;
}
p:last-child {
  margin-bottom: 0;
}
ul li, ol li {
  margin-bottom: 1rem;
}
section {
  padding: 5rem 0 5rem;
}
.bgcolor-purple {
  background-color: var(--primary-color);
}
.bgcolor-darkgray {
  background-color: var(--darkgray-color);
}
.colorbox-inner {
  padding: 3rem 2.5rem;
}
.text-purple {
  color: var(--primary-color);
}
.text-darkgray {
  color: var(--darkgray-color);
}
/* ----- Link styling ----- */
a:link, a:visited {
  color: var(--accent-color);
  text-decoration: underline;
}
a:hover, a:active, a:focus {
  color: var(--accent-color);
  text-decoration: none;
  opacity: 0.9;
}
/* ----- Header ----- */
header {
  text-align: center;
  margin: 20px 0;
}
a.navbar-brand img {
  width: 250px;
}
/* ----- Navbar ----- */
.navbar {
  background-color: var(--primary-color);
  padding: 0.8rem 0.8rem;
}
.navbar .nav-link {
  font-family: var(--body-font);
  font-size: 1rem;
  line-height: 1em;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.navbar .nav-link:hover {
  opacity: 0.8;
}
.navbar-nav .nav-link.active {
  color: #fff;
  opacity: 0.8;
}
.navbar a.special-link {
  background-color: #fff;
  border-radius: 4px;
  color: var(--primary-color);
}
.navbar a.special-link:hover {}
.navbar li {
  margin-bottom: 0;
}
.dropdown-menu {
  min-width: 270px;
}
.dropdown-item {
  white-space: normal;
}
/*.dropdown-menu .dropdown-item {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #D8BEB1;
  text-decoration: none;
  background-color: transparent;
}*/
a.dropdown-item {
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
  color: var(--primary-color);
}
/* ----- Homepage ----- */
/* Hero section */
section:first-of-type {
  padding: 4rem 0 0;
}
.hero-section {
  margin-top: 4rem;
}
.hero-section .bgcolor-purple {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  /*align-items: center;
  display: flex;*/
}
.hero-section .bgcolor-darkgray {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.hero-section p, .hero-section li {
  font-size: 1.125rem;
}
.hero-section a {
  font-weight: 700;
  color: #fff;
}
.hero-section .colorbox-inner h3 {
  color: #fff;
  margin-bottom: 1.5rem;
}
.bgcolor-purple .hero-heading p, .hero-section .bgcolor-darkgray p {
  font-family: var(--heading-font);
  font-size: 2.125rem;
}
/* Featured section */
.featured {
  font-size: 1.375rem;
  color: #fff;
  font-weight: 700;
  height: 250px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 1rem;
}
/* More categories section */
.featured-cat {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 700;
  height: 220px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.featured-cat.more-cat {
  font-size: 1.125rem;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-weight: 700;
  height: 220px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
/* Recent Articles section */
.post-snippet {
  margin-bottom: 2.5rem;
}
.entry-meta {
  font-size: 0.875rem;
  color: var(--lightgray-color);
  margin-bottom: 0.7rem;
}
.post-snippet .featured-img {
  height: 200px;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.post-snippet .entry-title {
  font-size: 1.375rem;
  margin-bottom: 0.7rem;
}
.post-snippet p {
  line-height: 1.6;
}
.post-snippet a {
  color: var(--primary-color);
  text-decoration: none;
}
a.box-link {
  text-decoration: none;
}
a.box-link span {
  transform: translateY(100);
  transition: transform 0.3s ease;
}
a.box-link:hover span {
  transform: translateY(-5px);
}
/* ----- Single template ----- */
.single-header .bgcolor-darkgray {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.single-header .bgcolor-purple {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  align-items: flex-end;
  display: flex;
}
.single-featured-image {
  height: 450px;
  position: relative;
}
.single-header p {
  font-size: 1.125rem;
}
.post-details {
  position: relative;
}
.evidence-based-mark {
  position: absolute;
  top: 30px;
  right: 0;
  padding: 3px 20px;
  background-color: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  color: var(--primary-color);
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--heading-font);
  font-style: italic;
}
.evidence-based-mark svg {
  margin-right: 5px;
  margin-bottom: 3px;
}
.post-meta {
  padding: 2.5rem 1rem 2.5rem 2.5rem;
}
.post-meta .author-photo img {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  object-fit: cover;
}
.post-meta .author-name {
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 1.25rem;
}
.post-meta .entry-meta {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
}
.category-list {
  margin-top: 2em;
  margin-bottom: 3em;
}
.badge {
  font-size: 0.938rem;
  font-weight: 400;
}
.medically-reviewed-info {
  color: var(--primary-color);
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--heading-font);
  font-style: italic;
  border-top: 1px solid var(--lightgray-color);
  border-bottom: 1px solid var(--lightgray-color);
  padding: 0.5rem 0;
  margin-bottom: 2rem;
}
.medically-reviewed-info svg {
  margin-right: 5px;
}
/* Category tag styling */
a[rel*="category"], a[rel*="tag"] {
  font-size: 0.938rem;
  font-weight: 400;
  display: inline-block;
  padding: 0.3em 0.5em;
  line-height: 1;
  color: #fff;
  background-color: var(--darkgray-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 6px;
  text-decoration: none;
}
.print-page {
  margin-bottom: 1.5rem;
}
.print-page svg {
  margin-right: 5px;
}
/* ----- Comments styling ----- */
div#comments {
  margin-top: 2rem;
}
.comment-respond label {
  display: block;
}
.comment-respond .comment-form-cookies-consent input {
  width: auto;
}
.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
}
.comment-respond input, .comment-respond textarea {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--darkgray-color);
  padding: 8px 10px;
  margin-right: 6px;
}
.comment-respond input[type="submit"] {
  border-radius: 6px;
  font-family: var(--button-font);
  color: #fff !important;
  font-size: 1rem;
  background: var(--primary-color);
  border: none;
  padding: 8px 20px;
  text-decoration: none !important;
  word-break: break-word;
  cursor: pointer;
  width: auto;
}
.comment-respond input[type="submit"]:hover {
  opacity: 0.8;
}
.comment, .comment-body {
  margin-bottom: 2.5rem;
}
.bypostauthor, .comment-author-admin {
  display: block;
  background-color: #f0f0f0;
  padding: 1rem;
}
/* Latest comments in sidebar */
ol.wp-block-latest-comments {
  margin-left: 0;
  padding-left: 0;
}
.wp-block-latest-comments__comment-date {
  display: block;
  font-size: .75em;
  color: var(--lightgray-color);
}
/* ----- Author box ----- */
.author-info {
  display: flex;
  background-color: var(--primary-color);
  color: #fff;
  padding: 2rem;
  margin-top: 3rem;
  border-radius: 8px;
}
.author-pic {
  flex: 0 0 110px;
}
.author-pic img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
}
.author-bio {
  font-size: 0.938rem;
  line-height: normal;
  margin-left: 2rem;
}
.author-bio span {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.author-bio h3 {
  font-size: 1.563rem;
  margin-bottom: 1rem;
}
.author-bio a {
  color: #D1BB75;
}
/* ----- Related posts section ----- */
.related-posts h3 {
  font-size: 1.438rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.related-post-snippet .featured-img {
  width: auto;
  height: 150px;
  border-radius: 8px;
  margin-bottom: 1rem;
  position: relative;
}
.related-post-snippet .featured-img a:link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.related-post-snippet .entry-meta {
  margin-bottom: 0.3rem;
}
.related-post-snippet .entry-title {
  font-size: 1rem;
  margin-bottom: 0;
}
.related-post-snippet a {
  color: var(--primary-color);
  text-decoration: none;
}
/* ----- Sidebar ----- */
.sidebar section, .sidebar section:first-of-type {
  padding: 0 0 2.5rem;
}
.sidebar h3 {
  font-size: 1.438rem;
  margin-bottom: 1.563rem;
  text-transform: uppercase;
}
.sidebar-post-snippet {
  display: flex;
  margin-bottom: 1.25rem;
}
.sidebar-post-snippet .featured-img {
  flex: 0 0 100px;
  margin-right: 1rem;
}
.sidebar-post-snippet .featured-img img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}
.sidebar-post-snippet .entry-meta {
  font-size: 0.875rem;
  color: var(--lightgray-color);
  margin-bottom: 0.3rem;
}
.sidebar-post-snippet .entry-title {
  font-size: 1rem;
  margin-bottom: 0;
}
.sidebar-post-snippet a {
  text-decoration: none;
}
/* Tag cloud link styling */
a.tag-cloud-link {
  font-size: 0.938rem;
  font-weight: 400;
  display: inline-block;
  padding: 0.3em 0.5em;
  line-height: 1;
  color: #fff;
  background-color: var(--darkgray-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 6px;
  text-decoration: none;
}
/* ----- Search form in the navmenu ----- */
#searchformModal .search-form label {
  width: 100%;
}
#searchformModal input[type="submit"] {
  background: var(--accent-color);
}
#searchformModal input[type="submit"]:hover {
  opacity: 0.8;
}
/* ----- Search form ----- */
.search-form {
  display: flex;
  gap: 5px;
}
.search-form label {
  width: 100%;
}
.search-form [type="search"] {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--darkgray-color);
  padding: 8px 10px;
  margin-right: 6px;
}
.search-form input[type="submit"] {
  border-radius: 6px;
  font-family: var(--button-font);
  color: #fff !important;
  font-size: 1rem;
  background: var(--primary-color);
  border: none;
  padding: 8px 20px;
  text-decoration: none !important;
  word-break: break-word;
  cursor: pointer;
}
.search-form input[type="submit"]:hover {
  opacity: 0.8;
}
/* ----- Search forms on Category archive, Search results, Search no results, Blog page, and homepage ----- */
.archive .search-form, .home .search-form, .search-results .search-form, .search-no-results .search-form, .blog .search-form {
  display: flex;
  gap: 5px;
  justify-content: center;
}
.archive .search-form label, .home .search-form label, .search-results .search-form label, .search-no-results .search-form label, .blog .search-form label {
  width: 33%;
}
/* ----- Favorite Products page ----- */
.border-box {
  border: 1px solid var(--lightgray-color);
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 100%;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.border-box h2 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
}
.border-box .discount {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: normal;
}
.border-box .discount-code {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--darkgray-color);
}
.border-box span {
  display: block;
}
/* ----- Supplement Dispensary page ----- */
.supplement-dispensary .border-box {
  min-height: 160px;
}
.arrow-right-icon {
  align-self: flex-end;
}
/* ----- About Us page ----- */
.team .author-info {
  display: block;
  margin-top: 0;
}
.team .author-pic img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.team .author-bio {
  margin-left: 0;
  font-size: 1rem;
  margin-top: 1.5rem;
}
.on-instagram a {
  display: flex;
  align-items: center;
}
.on-instagram svg {
  margin-right: 0.7rem;
}
/* ----- Work with Us page ----- */
.coaching-header {
  height: 250px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}
.coaching-cost {
  position: absolute;
  top: 20px;
  right: 0;
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.coaching-body {
  color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.coaching-body h2, .coaching-body h3 {
  color: #fff;
}
.coaching-body ul {
  margin-bottom: 0;
}
.white-border {
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 1.5rem;
}
/* ----- Buttons ----- */
.large-accent-btn {
  color: #ffffff !important;
  font-size: 1.125rem;
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 6px;
  padding: 0.625em 1.5em 0.625em 1.5em;
  text-decoration: none !important;
  word-break: break-word;
  cursor: pointer;
}
.large-accent-btn:hover {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  text-decoration: none;
  opacity: 1;
}
.large-accent-white-btn {
  color: #ffffff !important;
  font-size: 1.125rem;
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 6px;
  padding: 0.625em 1.5em 0.625em 1.5em;
  text-decoration: none !important;
  word-break: break-word;
  cursor: pointer;
}
.large-accent-white-btn:hover {
  background: #fff;
  border: 1px solid #fff;
  color: var(--primary-color) !important;
  text-decoration: none;
  opacity: 1;
}
/* ----- Signup modal window ----- */
.modal-content {
  background-color: var(--primary-color);
  border: none;
}
.modal-header {
  border-bottom: none;
  padding-bottom: 0.3em;
}
.modal-title {
  color: #fff;
}
.formkit-input {
  background-color: #ccc;
}
.btn-close {
  color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
/* ----- Inline images ----- */
.wp-block-image {
  margin: 0 0 2rem;
}
/* Numbered pagination */
.num-pagination {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 1rem;
}
.page-numbers {
  color: var(--primary-color);
  display: block;
  width: auto;
  float: left;
  border: 1px solid var(--primary-color);
  border-radius: 6px;
  margin: 4px 4px 4px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none !important;
}
.page-numbers:hover {
  background: var(--primary-color);
  color: #fff;
  text-decoration: none;
}
.current {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 15px 10px 15px;
}
/* ----- Footer ----- */
.footer-content {
  background-color: var(--darkgray-color);
  padding: 5rem 1rem;
  color: #DDDDDD;
}
.footer-content a:link, .footer-content a:visited {
  color: #fff;
  text-decoration: none;
  margin: 0 0.5rem;
}
.footer-content a:hover, .footer-content a:active, .footer-content a:focus {
  opacity: 0.8;
  text-decoration: underline;
}
/* ----- Instagram feed ----- */
#sb_instagram {
  margin-bottom: 2rem;
}
#sb_instagram .sb_instagram_header {
  display: none;
}
#sb_instagram .sbi_load_btn {
  display: none !important;
}
#sb_instagram .sbi_photo {
  border-radius: 6px;
}
/* ----- Contact form 7 ----- */
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-email, .wpcf7-form .wpcf7-textarea {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcf7 {
  margin-bottom: 1rem;
}
.wpcf7-form p {
  margin: 0 0 1rem 0;
}
.wpcf7-submit {
  color: #ffffff !important;
  font-size: 1.1rem;
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 6px;
  padding: 0.625em 1.5em 0.625em 1.5em;
  text-decoration: none !important;
  word-break: break-word;
  cursor: pointer;
}
.wpcf7-submit:hover {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  text-decoration: none;
  opacity: 1;
}
.grecaptcha-badge {
  visibility: hidden;
}
/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
  a.navbar-brand img {
    width: 300px;
    height: auto;
  }
  .navbar {
    background-color: #fff;
    padding: 0.5rem 0.5rem;
  }
  .offcanvas {
    background-color: var(--primary-color);
  }
  .offcanvas-header h5 {
    color: #fff;
  }
  .offcanvas-body .navbar-nav .nav-link {
    font-family: var(--body-font);
    font-size: 1.1rem;
    line-height: 1.9;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
  }
  .offcanvas-body .navbar-nav a.special-link {
    background-color: #fff;
    border-radius: 4px;
    color: var(--primary-color);
    display: inline-grid;
    padding: 0.3em 0.7em;
    margin-top: 1.1rem;
  }
}
/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}
/* Applies between 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .badge {
    font-size: 0.875rem;
  }
}
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .hero-section .bgcolor-purple {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
  .hero-section .bgcolor-darkgray {
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .single-featured-image {
    height: 300px;
  }
  .single-header .bgcolor-darkgray {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
  .single-header .bgcolor-purple {
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .sidebar-image {
    max-width: 250px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .featured {
    margin-bottom: 1.5rem;
  }
  .colorbox-inner {
    padding: 2.3rem 1.5rem;
  }
  section:first-of-type {
    padding: 2rem 0 0;
  }
  section {
    padding: 3rem 0 3rem;
  }
  .entry-title {
    font-size: 2.188rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  .bgcolor-purple .hero-heading p, .hero-section .bgcolor-darkgray p {
    font-size: 1.563rem;
  }
  .featured {
    height: 200px;
  }
  .archive .search-form label, .home .search-form label, .search-results .search-form label, .search-no-results .search-form label, .blog .search-form label {
    width: 100%;
  }
  .author-info {
    display: block;
  }
  .author-bio {
    margin-left: 0;
    margin-top: 1.5rem;
  }
  .related-post-snippet {
    display: flex;
  }
  .related-post-snippet .featured-img {
    width: auto;
    height: 150px;
    border-radius: 8px;
    margin-bottom: 1rem;
    flex: 0 0 150px;
    margin-right: 1rem;
  }
  .alignright.size-medium, .alignleft.size-medium, .alignright.size-full, .alignleft.size-full {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875em;
    margin-top: 1.875em;
  }
  .partner-logos img {
    max-width: 100px;
    height: auto;
  }
}
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  a.navbar-brand img {
    width: 230px;
    height: auto;
  }
  .hero-section .bgcolor-purple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .hero-section .bgcolor-darkgray {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .single-header .bgcolor-darkgray {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .single-header .bgcolor-purple {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .hero-section p, .hero-section li {
    font-size: 1rem;
  }
  .single-featured-image {
    height: 250px;
  }
  .featured-cat, .featured-cat.more-cat {
    height: 200px;
  }
  .post-meta {
    padding: 2.5rem 1rem 2.5rem 1rem;
  }
  .post-meta .author-photo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 0.8rem;
  }
  .border-box, .supplement-dispensary .border-box {
    min-height: auto;
  }
  .related-post-snippet .featured-img {
    width: auto;
    height: 100px;
    flex: 0 0 100px;
  }
  .alignright, .alignleft {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875em;
    margin-top: 1.875em;
  }
  .hero-section {
    margin-top: 3rem;
  }
}
@media (max-width: 480px) {
  .navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  a.navbar-brand img {
    width: 200px;
    height: auto;
  }
}
/* ----- Print media ----- */
@media print {
  header, .navbar, .print-page, .single-featured-image, .sidebar, .swp_floating_horizontal_wrapper.bottom, .swp_horizontal_panel, .post-navigation, #comments, .related-posts, .author-info, footer, .wpautoterms-footer, .ad {
    display: none !important;
  }
  p, ul, ol {
    margin-bottom: 1rem !important;
  }
  .post-details .post-meta {
    padding: 0 !important;
  }
  .post-details .post-meta .author-name, .post-details .post-meta .entry-meta {
    color: #000 !important;
  }
  section {
    padding: 3rem 0 3rem !important;
  }
  .ezoic-ad, .ezoic-adpicker-ad, #ezmobfooter {
    display: none !important;
    min-height: 0 !important;
  }
}