/*!
Theme Name: COMBS
Theme URI: https://iotheme.com/
Author: Studio Binocular
Author URI: http://studiobinocular.com
Description: COMBS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: combs
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 with others.

COMBS is based on Underscores https://underscores.me/, (C) 2012-2017 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:
----------------------------------------------------------------
# Navigation
	## Menus
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


@keyframes io-fadein {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-fadein-mobile {
  -webkit-animation: io-fadein 0.3s;
  animation: io-fadein 0.3s;
}

@keyframes io-fadein-frame {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-menu-desktop {
  display: block;
  text-align: right;
}
.io-menu-desktop span.io-menu-dot-mobile {
  display: none;
}
.io-menu-desktop a {
  display: block;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-desktop a.io-menu-dot-desktop:after {
  content: " +";
  float: right;
}
.io-menu-desktop span.io-menu-button-span {
  display: none;
}
.io-menu-desktop > ul > li.current-menu-item > a, .io-menu-desktop > div > ul > li.current-menu-item > a {
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-desktop ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
  display: block;
}
.io-menu-desktop ul > li {
  margin-right: -4px;
  display: inline-block;
  position: relative;
  height: 30px;
  color: #212529;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-weight: 400;
}
.io-menu-desktop ul > li > a {
  padding: 0;
  line-height: 29px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 1px;
  color: #212529;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-weight: 400;
}
.io-menu-desktop ul > li ul {
  text-align: left;
  display: block;
  left: -999em;
  position: absolute;
  width: 200px;
  background: white;
  z-index: 99999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.io-menu-desktop ul > li > ul {
  top: 100%;
}
.io-menu-desktop ul > li > ul li {
  margin-right: 0;
  position: relative;
  display: block;
  height: auto;
  color: #212529;
  font-size: 14px;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop ul > li > ul li a {
  line-height: initial;
  padding: 7px 20px;
  color: #212529;
  font-size: 14px;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a:visited {
  color: #212529;
}
.io-menu-desktop ul > li > ul li a:hover, .io-menu-desktop ul > li > ul li a:focus {
  color: #212529;
}
.io-menu-desktop ul > li > ul li:nth-child(even) a {
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-desktop ul > li > ul li ul {
  top: 0;
  left: -999em;
}
.io-menu-desktop ul > li > ul li:hover > ul {
  left: 100%;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop ul > li:hover > ul {
  left: 0;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop.io-menu-desktop-vl {
  width: 100%;
  text-align: left;
}
.io-menu-desktop.io-menu-desktop-vl a.io-menu-dot-desktop:after {
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul {
  text-align: left;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li:hover > ul {
  left: 100%;
}
.io-menu-desktop.io-menu-desktop-vr {
  width: 100%;
  text-align: right;
}
.io-menu-desktop.io-menu-desktop-vr a.io-menu-dot-desktop:after {
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul {
  text-align: right;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul a.io-menu-dot-desktop:after {
  content: " «";
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li:hover > ul {
  left: unset;
  right: 100%;
}

.io-menu-mobile {
  position: relative;
  background: transparent;
  display: block;
  text-align: right;
}
.io-menu-mobile a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-mobile.io-menu-mobile-active > ul, .io-menu-mobile.io-menu-mobile-active > div > ul {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}
.io-menu-mobile .io-menu-button-li {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right;
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-mobile .io-menu-button-li a {
  width: unset;
  line-height: 56px;
  max-height: 56px;
  font-size: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.io-menu-mobile span.io-menu-button-span {
  cursor: pointer;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background: transparent;
  color: #212529;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: inline-block;
}
.io-menu-mobile ul {
  padding: 0;
  margin: 0;
}
.io-menu-mobile > ul, .io-menu-mobile > div > ul {
  padding-top: 56px;
  overflow-y: auto;
  position: fixed;
  height: 100%;
  width: 250px;
  left: -250px;
  top: 0;
  background: #fff;
  z-index: 99999999;
}
.io-menu-mobile .io-mobile-ul-show {
  left: 0;
  max-height: 8888px;
}
.io-menu-mobile .io-mobile-ul-hide {
  left: -9999px;
  max-height: 0;
}
.io-menu-mobile a {
  display: block;
  padding: 20px 20px;
  width: calc(100% - 20px * 2);
  color: #212529;
  font-size: 14px;
}
.io-menu-mobile a:visited {
  color: #212529;
}
.io-menu-mobile a:hover, .io-menu-mobile a:focus {
  color: #212529;
}
.io-menu-mobile ul {
  text-align: left;
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.05);
  list-style: none;
}
.io-menu-mobile ul li {
  position: relative;
  display: block;
  color: #212529;
}
.io-menu-mobile ul li span.io-menu-dot-mobile {
  position: absolute;
  background: white;
  color: #212529;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: block;
  text-align: center;
  width: 70px;
  cursor: pointer;
}
.io-menu-mobile ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.01);
}

.io-get-width-menu {
  position: absolute !important;
  right: 0 !important;
  width: 999px !important;
}

.iot-menu-bg-black {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99999998;
  left: -100%;
  background-color: rgba(0, 0, 0, 0.68);
}

.iot-menu-bg-black-active {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}

.comment-navigation,
.posts-navigation,
.post-navigation {
  width: 100%;
  content: "";
  display: table;
  table-layout: fixed;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 3em;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

.io-menu-button-li {
  position: relative;
}
.io-menu-button-li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  left: 0;
  top: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#secondary .widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
#secondary .widget select {
  max-width: 100%;
}
#secondary .widget > h2 {
  position: relative;
  font-size: 1.25rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  /*padding: 0 30px 0 30px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#secondary .widget.widget_recent_entries > ul > li, #secondary .widget.widget_recent_comments > ul > li, #secondary .widget.widget_archive > ul > li, #secondary .widget.widget_categories > ul > li, #secondary .widget.widget_meta > ul > li {
  padding: 3px 0 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#secondary .widget.widget_recent_entries > ul > li:before, #secondary .widget.widget_recent_comments > ul > li:before, #secondary .widget.widget_archive > ul > li:before, #secondary .widget.widget_categories > ul > li:before, #secondary .widget.widget_meta > ul > li:before {
  content: "";
  font-family: Dashicons;
  vertical-align: bottom;
  padding-right: 3px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.sticky {
  -webkit-transform: none;
  transform: none;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

#content {
  margin-bottom: 70px;
}
#content #primary #main article {
  margin-bottom: 60px;
}
#content #primary #main article .entry-header {
  padding-bottom: 10px;
}
#content #primary #main article .entry-header .entry-title {
  margin-top: 0;
  word-wrap: break-word;
  font-size: 26px;
  text-transform: uppercase;
}
#content #primary #main article .entry-header .entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#content #primary #main article .entry-header .entry-meta .posted-on, #content #primary #main article .entry-header .entry-meta .byline {
  padding-right: 10px;
}
#content #primary #main article .entry-header .entry-meta .posted-on:before {
  /*content: "\f469";*/
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-header .entry-meta .byline:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .post-thumbnail {
  display: block;
  margin-top: 20px;
}
#content #primary #main article .entry-footer {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 20px;
}
#content #primary #main article .entry-footer .cat-links, #content #primary #main article .entry-footer .tags-links, #content #primary #main article .entry-footer .edit-link, #content #primary #main article .entry-footer .comments-link {
  padding-right: 10px;
}
#content #primary #main article .entry-footer .cat-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .tags-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .entry-footer .edit-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .comments-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article > *:last-child {
  /*border-radius: 0 0 5px 5px;*/
}
#content #primary #main .page-header {
  margin-bottom: 30px;
}
#content #primary #main .page-header .page-title {
  word-wrap: break-word;
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 0;
}
#content #primary #main .posts-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
#content #primary #main .posts-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area .comments-title {
  word-wrap: break-word;
  font-size: 24px;
  text-transform: uppercase;
}
.comments-area .comment-list {
  list-style: none;
  margin-left: 50px;
  padding-left: 0;
}
.comments-area .comment-list .comment-body {
  padding: 20px;
  margin-bottom: 0 !important;
}
.comments-area .comment-list .comment-body .comment-meta .comment-author .avatar.photo {
  border-radius: 50%;
  margin-right: 10px;
}
.comments-area .comment-list .comment-body .comment-metadata {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .comment-body .comment-metadata:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply .comment-reply-link {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .children {
  list-style: none;
  margin-left: 50px;
}
.comments-area .comment-respond .comment-reply-title {
  word-wrap: break-word;
  font-size: 24px;
  text-transform: uppercase;
}
.comments-area .comment-respond .comment-form textarea[name=comment] {
  width: 100%;
}
.comments-area .comment-respond .comment-form input[name=author],
.comments-area .comment-respond .comment-form input[name=email],
.comments-area .comment-respond .comment-form input[name=url] {
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent, .comments-area .comment-respond .comment-form .form-submit {
  padding: 5px;
}

/*--------------------------------------------------------------
## Main and Fix some CSS
--------------------------------------------------------------*/


body {
  background: #000000;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#page {
    flex: 1;
}



/* Fade-up for all content using this class    .vc_grid-item-mini       */
  .fade-up {
    opacity: 0 !important;
    transform: translateY(25px); /* You can adjust this value for desired vertical offset */
    transition: opacity 1.2s, transform 0.5s;
  }

  .fade-up-visible {
    opacity: 1 !important;
    transform: translateY(0);
  }


.hide {
    display: none !important;
}



.two-columns {
      column-count: 2;
    }


#footer {
    margin-top: auto;
}

#footer p,
#footer {
    font-size: 13px;
    line-height: 18px;
}

#footer ul {
    padding-left: 0px !important;
}




#footer .social a {
    margin-left: 0px;
    padding-left: 8px;
    font-size: 16px !important;
}


#footer .social a i::before {
    width: 18px !important;
    height: 18px !important
}


#footer .social a i {
    font-size: 26px !important;
}

#footer .fa-twitter {
    margin-left: 12px !important;
}



.home header {
    /*display: none !important;*/
}

h1 {
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 45px;
    line-height: 52px;
}

h2 {
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
}

h3 {
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 25px;
    line-height: 30px;
}

h4 {
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 20px;
    line-height: 26px;
}

.intro {
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
}

.caption {
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 18px;
}


.outfit {
font-family: 'Outfit', sans-serif;
}


bold, b, strong {
    font-weight: 600;
}


a:hover {
  text-decoration: none;
    color: #ffffff;
}

p a {
  text-decoration: underline;
    color: #ffffff;
}

p a:hover {
  text-decoration: none;
    color: #ffffff;
}


img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}


    #content ul {
      list-style: none;
      padding: 0;
    }

    #content li {
      margin-bottom: 32px;
      padding-left: 30px; /* Adjust the padding based on the size of your bullet image */
      background: url('../svg/content-bullet3n5i.svg') no-repeat left 5px;
      background-size: 8px 16px; /* Fixed size of the bullet image */
      line-height: 1.5; /* Adjust line height as needed */
    }




.wpb-content-wrapper .bg-bottom {
    background-position: bottom !important;
}



table {
  width: 100%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  padding: 0.375rem 0.75rem;
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fittext {
  text-align: center;
}
.fittext a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}

.spanst, .spannd {
  background: transparent;
  display: inline;
  padding-right: 1px;
  opacity: 0;
}

.io-get-width-textfit {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 99999999px;
  opacity: 0;
}

.dashicons, .dashicons-before:before {
  display: inherit;
  width: inherit;
  height: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: dashicons;
  text-decoration: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: inherit;
  text-align: inherit;
}

/* 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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

dfn, cite, em, i {
  font-style: italic;
  color: inherit;
}

blockquote {
  margin: 0 1.5em;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
}

blockquote p {
  color: inherit;
}

address {
  margin: 0 0 1.5em;
}

pre {
  color: inherit;
  background: rgba(0, 0, 0, 0.08);
  padding: 2rem;
}

code, kbd, tt, var {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.06);
  color: inherit;
}

abbr, acronym {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
  cursor: help;
}

mark, ins {
  background: rgba(255, 231, 0, 0.2);
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead {
  margin-top: 30px;
}
#masthead .site-branding {
  margin-bottom: 0px;
}
#masthead .site-branding .site-title {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 0.5rem;
}
#masthead .site-branding .site-title a {
  display: inline-block;
}
#masthead .site-branding .site-description {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0rem;
}
#masthead #site-navigation {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon {
  margin-bottom: 30px;
}
#colophon .site-info {
  text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}




.corner5 img,
.corner6 img {
    border-radius: 6px !important;
}


.bottom-radius {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden !important;
    }


.top-radius .vc_single_image-wrapper img {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    }



/* Style for the current post categories */

ul.vc_grid-filter,
ul.current-post-cats {
    list-style: none !important;
    padding: 5px !important;
    display: inline-block;
    margin-top: 0px !important;
}

.vc_grid-filter li,
ul.current-post-cats li {
    display: inline-block;
    background-color: #1F1F1F !important;
    background-image: none !important;
    color: white;
    padding: 8px 25px !important;
    margin-right: 5px !important;
    margin-bottom: 15px !important;
    border-radius: 30px;
    font-size: 14px !important;
}

.vc_grid-filter li.vc_active.vc_grid-filter-item {
    background-color: #7f49f9 !important;
}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, 
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {
    color: #ffffff !important;
}



.custom-post-date-wrapper,
.custom-post-author-wrapper {
    display: inline-block;
    margin-right: 40px;
    vertical-align: top; /* Align the top of the inline elements */
}


ul.vc_grid-filter {
    border-top: solid 1px #7F49F9 !important;
    border-bottom: solid 1px #7F49F9 !important;
    padding-top: 30px !important;
    padding-bottom: 16px !important;
    margin-bottom: 60px !important;
}

ul.vc_grid-filter::before {
    content:"Filter by";
    color: #ffffff;
    display: inline;
    margin-right: 30px;
}




/* Style for the custom post date and author */
span.custom-post-date,
span.custom-post-author {
    color: #ffffff; /* Adjust the color as needed */
    display: block; /* Ensure the ::before content is on a new line */
    margin-top: 40px !important;
}

span.custom-post-date::before {
    content: 'DATE';
    display: block;
    font-weight: normal;
    color: #989898; /* Adjust the color as needed */
}



span.custom-post-author::before {
    content: 'AUTHOR';
    display: block;
    font-weight: normal;
    color: #989898; /* Adjust the color as needed */
}




.vc_grid-item-mini {
    
}


/* ADDED to fix post grid items sitting above the mobile menu */
.vc_grid-item.vc_visible-item,
.vc_row-flex {
    z-index: 0 !important;
}























.ginput_container_textarea textarea,
.ginput_container_text input {
    border: none;
    background-color: transparent;
    border-bottom: solid 1px #989898;
}

.gfield_description {
    color: #989898 !important;
}

.gfield_description a {
    color: #7F49F9 !important;
    text-decoration: underline;
}

.gfield_description a:hover {
    text-decoration: none;
}




.gfield,
fieldset {
    margin-bottom: 50px !important;
}

.gfield .form-hd,
.gfield_label {
    text-transform: uppercase;
    font-weight: 200 !important;
    color: #989898 !important;
}


/* Style radio buttons */

.gfield_radio input[type="radio"] {
    display: none !important; /* Hide the default radio input */
}

.gfield_radio label {
    position: relative;
    padding-left: 25px; /* Adjust padding as needed */
    cursor: pointer;
    line-height: 1.5; /* Adjust line height as needed */
}

.gfield_radio label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px; /* Diameter of the circle */
    height: 15px; /* Diameter of the circle */
    background-color: transparent;
    border: solid 1px #7F49F9;
    border-radius: 50%;
    margin-right: 20px; /* Adjust margin as needed */
}


.select-form-radio .gfield_radio label {
    padding-left: 60px; /* Adjust padding as needed */
}
.select-form-radio .gfield_radio label:before {
    width: 45px; /* Diameter of the circle */
    height: 45px; /* Diameter of the circle */
    top: 0;
    transform: translateY(-50%);
    margin-top: 25px;
}

.gfield_radio input[type="radio"]:checked + label:before {
    background-color: #7F49F9;
    border: solid 1px #7F49F9; /* Outline when selected */
}









/* Style check boxes */

.gfield_checkbox input[type="checkbox"] {
    display: none !important; /* Hide the default radio input */
}

.gfield_checkbox label {
    position: relative;
    padding-left: 35px; /* Adjust padding as needed */
    cursor: pointer;
    line-height: 1.5; /* Adjust line height as needed */
}

.gfield_checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px; /* Diameter of the circle */
    height: 25px; /* Diameter of the circle */
    background-color: transparent;
    border: solid 1px #7F49F9;
    border-radius: 50%;
    margin-right: 20px; /* Adjust margin as needed */
}


.gfield_checkbox input[type="checkbox"]:checked + label:before {
    background-color: #7F49F9;
    border: solid 1px #7F49F9; /* Outline when selected */
}

.gfield_checkbox label {
    font-weight: 200 !important;
    color: white !important;
}

.gchoice {
    margin-top: 10px;
    margin-bottom: 10px;
}




#label_1_1_0,
#label_1_1_1 {
    font-size: 32px;
    line-height: auto;
}


/* Style for text input */
.gfield input[type="text"] {
    color: white;
    background-color: your-background-color;
    /* Add any other styles you want */
}

/* Style for textarea input */
.gfield textarea {
    color: white;
    background-color: your-background-color;
    /* Add any other styles you want */
}



/* Style for text input placeholder */
.gfield input[type="text"]::placeholder {
    color: white;
    /* Add any other styles you want */
}

/* Style for textarea placeholder */
.gfield textarea::placeholder {
    color: white;
    /* Add any other styles you want */
}

/* Adjust padding for text input */
.gfield input[type="text"] {
    padding-left: 0px !important;
    /* Add any other styles you want */
}

/* Adjust padding for textarea */
.gfield textarea {
    padding: 0px !important;
    /* Add any other styles you want */
}



.gform_wrapper input[type="submit"] {
    background-color: #7F49F9;
    border: solid 1px #7F49F9; /* Outline when selected */
    border-radius: 20px;
    color: white;
    padding: 6px 28px;
    font-weight: 300;
}

.gform_wrapper input[type="submit"]:hover {
    background-color: #ffffff;
    border: solid 1px #ffffff; /* Outline when selected */
    border-radius: 20px;
    color: #7F49F9;
    padding: 6px 28px;
    font-weight: 300;
}




/* Style for the select box */
.gfield_select {
    background-color: transparent; /* Remove background color */
    border: 1px solid #7F49F9; /* Add purple border */
    color: #ffffff; /* Text color */
    border-radius: 0px; /* Optional: Add border-radius for rounded corners */
    padding: 10px; /* Optional: Adjust padding */
    appearance: none; /* Remove default appearance */
    -webkit-appearance: none; /* Remove default appearance for Webkit browsers */
    background-image: url('../svg/pulldown-arrowdbqx.svg'); /* Replace with your arrow image path */
    background-repeat: no-repeat;
    background-position: right 10px center; /* Adjust the positioning as needed */
}

/* Style for the options */
.gfield_select option {
    background-color: #fff; /* Optional: Add background color for options */
    color: #7F49F9; /* Text color for options */
}



.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message,
.gform_wrapper .gform_validation_errors {
    background: rgba(243,52,255,0.14) !important;
    border: 1.5px solid #F334FF !important;
    color: #EF00FF !important;
}




.gform_wrapper .gfield_required {
    color: #F334FF !important;
}

.gform_wrapper .gform_validation_errors {
    color: #F334FF !important;
}

    .gform_wrapper .gfield_error [aria-invalid=true] {
    border: 1px solid #F334FF !important;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
    border: 1px solid #F334FF !important;
}

.gform_wrapper .gform_validation_errors>h2 {
    color: #F334FF !important;
    font-size: 18px !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    border: 1px solid #F334FF !important;
}



.fa-twitter::before {
content: "" !important; /* Remove the original content */
    background-image: url('../svg/twitter-xa7yg.svg') !important; /* Replace 'your-image-url.png' with the actual URL of your image */
    background-size: cover !important;
    display: inline-block;
    width: 14px !important; /* Adjust the width of your image */
    height: 14px !important; /* Adjust the height of your image */
}

#menu-menu-1 {
    margin-top: 0px !important;
    
}


#menu-menu-1 ul {
    margin-top: 0px !important;
    margin-bttom: 0px !important;
    padding: 0px !important;
}

#menu-menu-1 li {
    list-style: none !important;
    float: left !important;
    margin-right: 20px !important;
    
}

#menu-menu-1 li a {
    color: #ffffff !important;
    border-bottom: solid 1px #7F49F9 !important;
    padding-bottom: 8px !important;
    font-weight: 600 !important;
}


#menu-menu-1 li.current-menu-item a {
    border-bottom: solid 1px rgba(127,73,249,0.00) !important;
}


#footer #menu-menu-2 li {
    list-style: none !important;
    margin-bottom: 34px;
}

#footer #menu-menu-2 li a {
    color: #ffffff !important;
    border-bottom: solid 1px #7F49F9 !important;
    padding-bottom: 2px !important;
    font-weight: 600 !important;
    
}


.center {
    text-align: center !important;
    
}


.site-header .header-slim {
    margin-bottom: 0px !important;
    
}

.header-menu {
    margin: 0px !important;
    padding: 0px !important;

}

.header-menu .widget_nav_menu {
    margin: 0px !important;
    padding: 0px !important;
}

.header-menu .menu-menu-1-container {
    margin: 0px !important;
    padding: 0px !important;
}




.vc_btn3.vc_btn3-style-outline, 
.vc_btn3.vc_btn3-style-outline-custom, 
.vc_btn3.vc_btn3-style-outline-custom:focus, 
.vc_btn3.vc_btn3-style-outline-custom:hover, 
.vc_btn3.vc_btn3-style-outline:focus, 
.vc_btn3.vc_btn3-style-outline:hover {
    border-width: 1px !important;
}



a.vc_btn3:hover {
    cursor: pointer !important;
}


.vc_btn3.vc_btn3-size-sm,
.vc_btn3.vc_btn3-size-md,
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, 
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}




.border-radius,
.border-radius .vc_grid-item-mini {
    border-radius: 6px !important;
    overflow: hidden !important;
}


.feature-border-radius .vc_column-inner {
    border-radius: 6px !important;
    padding:  0;
    overflow: hidden !important;
}


.border-radius-top,
.border-radius-top .vc_grid-item-mini {
    border-top-left-radius:  6px !important;
    border-top-right-radius:  6px !important;
    overflow: hidden !important;
}


.grid-wrapper .image-wrapper {
     transition: all 1.2s;
}

.grid-wrapper:hover .image-wrapper {
     transition: all 1.2s;
    transform: scale(105%) !important;
}



/* Animation for page transition */
body.animation-transition::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 9999;
    transform: translateY(-100%);
    animation: swipeTransition 0.6s forwards;
}

@keyframes swipeTransition {
    0% {
        transform: translateY(-100%);
        opacity: 0; /* Fade out to fully transparent */
    }
       80% {
        opacity: 0.9; /* Keep fully visible until near the end */
    }
    100% {
        transform: translateY(0);
        opacity: 1; /* Fade out to fully transparent */
        
    }
}


h2.width-middle,
.width-middle {
    max-width: 400px !important; 
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inherit !important;
}


.white button,
.white a {
    color: #ffffff !important;
}


.grey,
.grey p {
    color: #989898;
}


 /* ACCORDION STYLES */

.vc_tta-container h2 {
    margin-bottom: 42px !important;
    
}

.vc_tta.vc_general .vc_tta-panel-heading {
    border: none !important;
    border-top: solid 1px #7F49F9 !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}


.vc_tta.vc_general .vc_tta-panel-title>a {
    padding-left: 0px !important
}


.vc_tta-panel-body {
    padding-left: 0px !important;
    padding-bottom: 40px !important;
}


.vc_tta-accordion {
    border-bottom: solid 1px #7F49F9 !important;
}



.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus, 
.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover
{
  background-color: transparent !important;
}


.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a:hover {
    color: #7F49F9 !important;
}

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel-heading:focus .vc_tta-controls-icon::after, 
.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel-heading:focus .vc_tta-controls-icon::before, 
.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel-heading:hover .vc_tta-controls-icon::after, 
.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel-heading:hover .vc_tta-controls-icon::before
{
  border-color: #7F49F9 !important;
}





    
    .return-button a {
      display: inline-block;
      padding: 10px 0px !important;
      background-color: purple;
      color: white;
      text-decoration: none;
      border-radius: 5px;
    }

    .return-button a::before {
      content: ""; /* Empty content for the pseudo-element */
      display: inline-block;
      width: 30px; /* Width of your arrow image */
      height: 12px; /* Height of your arrow image */
      background: url('../svg/purple-back-arrowrrj6.svg') no-repeat center center;
      background-size: contain; /* or 'cover' based on your preference */
      margin-right: 10px; /* Adjust spacing between text and arrow */
    }

    .return-button a:hover {
      border-bottom: 1px solid #7F49F9 !important;
    }


     .news-feature-wrapper .news-feature-arrow {
     margin-top:20px !important;   
    }


.purple-button a:hover {
    background-color: #996DFA !important;
}





.news-feature-wrapper .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {
    padding-top: 60% !important;
}


.news-feature-wrapper h2 {
font-size: clamp(16px, 2vw, 32px) !important;
    line-height: 1.3em !important;
}


.news-date {
    color: #989898 !important;
    font-size: 13px;
    text-transform: uppercase;
}

#news-grid-filter .vc_grid-filter-default {
    display: block !important;
}
#news-grid-filter .vc_grid-filter-select {
    display: none !important;
}



#responsive-menu-pro-container {
    /*background-image: url('images/combs-menu-logo.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 26px 34px !important;
    background-size: auto 57px !important;*/
    padding-top: 130px !important;
    
}


#responsive-menu-pro-container #responsive-menu-pro-additional-content {
    padding-left: 45px !important;
}


#responsive-menu-pro-additional-content .vc_btn3 {
    border: solid 1px #ffffff !important;
    padding: 10px 20px !important;
    background-color: transparent !important;
    font-size: 15px !important;
    margin-top: 35px !important;
    color: #ffffff !important;
    background-image: none !important;
}



#responsive-menu-pro-container li.responsive-menu-pro-item a {
    display: inherit !important;
}

#responsive-menu-pro-container li.responsive-menu-pro-current-item a {
    display: inherit !important;
    text-decoration:underline !important;
}









/* Animation for page entrance */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 9999;
    transform: translateY(0); /* Start on-screen */
    animation: swipeEnter 1s forwards;
}

@keyframes swipeEnter {
    0% {
        transform: translateY(0); /* Start on-screen */
        opacity: 1; /* Start fully visible */
    }
   60% {
        opacity: 0.5; /* Keep fully visible until near the end */
    }
    100% {
        transform: translateY(100%); /* Move down to complete the animation */
        opacity: 0; /* Fade out to fully transparent */
    }
}




/* Mobile */
@media (max-width: 767px) {
    
    
    h1 {
    font-size: 40px;
    line-height: 48px;
}
    h2 {
        font-size: 30px;
        line-height: 36px;
    }
    h3 {
        font-size: 22px;
        line-height: 26px;
    }
    h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .intro {
        font-size: 18px;
        line-height: 24px;
    }
    .caption {
        font-size: 14px;
        line-height: 18px;
    }
    body {
        font-size: 14px;
        line-height: 22px;
    }
    
    
    
    #footer ul li {
    display: inline-block ;
        margin-right: 25px;
}
    
    
    
    
   .news-feature-wrapper .vc_gitem-zone-c,
   .news-feature-wrapper .vc_gitem-animated-block
{
    width: 100% !important;
  }
    
    .news-feature-wrapper .news-feature-heading {
        margin-bottom: 45px !important;
    }
    .news-feature-wrapper .news-feature-heading h2 {
        font-size: clamp(28px, 4vw, 32px) !important;
    }
    
    
    .column-control .vc_col-sm-3 img.vc_single_image-img {
        width: 100% !important;
    }
    
    
    .mobile-left .vc_btn3-right {
    text-align: left !important;
    
}
    .news-feature-wrapper h2 {
  font-size: clamp(16px, 2vw, 30px) !important;
  line-height: 1.3em !important;
}
    
    
    .news-feature-wrapper .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9::before {
  padding-top: 70px !important;
}
    
    
    
    .news-feature-wrapper .vc_gitem-zone-a .vc_gitem-row-position-bottom {
        position: relative !important
    }
    
    .news-feature-wrapper .news-date,
    .news-feature-wrapper .news-feature-heading,
    .news-feature-wrapper .news-feature-arrow {
        margin-left: 30px !important;
        
    }
    
    
    
}







/* Notepad Vertical */
@media(min-width:768px) and (max-width:991px){
    
    
    
    h1 {
    font-size: 40px;
    line-height: 48px;
}
    h2 {
        font-size: 30px;
        line-height: 36px;
    }
    h3 {
        font-size: 22px;
        line-height: 26px;
    }
    h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .intro {
        font-size: 18px;
        line-height: 24px;
    }
    .caption {
        font-size: 14px;
        line-height: 18px;
    }
    body {
        font-size: 14px;
        line-height: 22px;
    }
    
    .column-control.vc_col-sm-4 {
        width: 50% !important;
    }
    
    .column-control .vc_col-sm-3,
    .column-control.vc_col-sm-3  {
        width: 50% !important;
        
    }

    .column-control .vc_col-sm-3 img.vc_single_image-img {
        width: 100% !important;
    }

        #footer ul li {
    display: inline-block ;
        margin-right: 25px;
}

    
    .news-feature-wrapper h2 {
font-size: clamp(16px, 1.6vw, 30px) !important;
line-height: 1.3em !important;
}
    
    
     .news-feature-wrapper .news-feature-arrow {
     margin-top:20px !important;   
    }
    
    
    
}



/* Notepad Landscape / Desktop  */
@media(min-width:992px) and (max-width:1199px){
    
    
    .column-control.vc_col-sm-3  {
        width: 33.3% !important;
    }
    
    
    
    }





/* Desktop +  */
@media (min-width: 1200px) {


    }