:root {
  --colors-primary: #ffc627;
  --colors-secondary: #132429;
  --colors-hover: #ffc627;
}

.category--text {
  font-weight: bold;
}

.category--text:hover {
  color: var(--colors-hover) !important; 
}

.bg-primary {
  background: var(--colors-primary);
}

.bg-yellow {
  background: var(--colors-secondary);
}

.text-primary {
  color: var(--colors-primary);
}

html .mainMenu--content li a {
  --tw-text-opacity: 1;
  color: white;
}

#searchInput::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: var(--colors-primary) !important;
  opacity: 1;
}

#searchInput:-ms-input-placeholder {
  --tw-text-opacity: 1 !important;
  color: var(--colors-primary) !important;
  opacity: 1;
}

#searchInput::placeholder {
  --tw-text-opacity: 1 !important;
  color: white !important;
  opacity: 1;
}

.page-template-components-template .cmt-sptlight,
.page-template-components-template .cmt-sptlight_mobile {
  text-transform: uppercase;
  color: white;
}

.page-template-components-template .cmt-sptlight_link,
.page-template-components-template .cmt-sptlight_link:hover {
  color: var(--colors-secondary);
}

.page-template-components-template .cmt-submenu,
.search .cmt-search_title,
.tag .cgt-title_tag,
.page-template-components-template .cmt-main_res,
.category .cmt-cat_res {
}


body .cmt-main_res,
body .cgt-single_related,
.category .cmt-spotlight_more,
.category .cgt-title_hero,
.category .cmt-cat_res {
  text-transform: uppercase;
  background-color: var(--colors-primary);
  color: var(--colors-secondary);
}

body.single .cgt-single_related,
.category {
  padding-botton: 0;
}

html .mainMenu--content li.menu-item a:hover {
  color: var(--colors-hover);
}

#colophon.site-footer {
  background-color: #132428;;
}

#colophon.site-footer * {
  color: #CCCCCC;
}

#drawer-mainMenu {
  background-color: var(--colors-secondary);
}

#drawer-mainMenu h3,
#drawer-mainMenu a,
#drawer-mainMenu i {
  color: white;
}

#drawer-mainMenu * {
  border-color: white;
}

#drawer-mainMenu i:hover,
#colophon.site-footer i:hover,
#drawer-mainMenu a:hover,
#colophon.site-footer a:hover {
  color: var(--colors-hover);
}

html .cta {
  background-color: var(--colors-primary);
  color: var(--colors-secondary);
}

html .cta:hover {
  background-color: var(--colors-secondary);
  color: var(--colors-primary);
}

html .icon.social {
  background-color: var(--colors-secondary);
}

html .icon.social:hover {
  background-color: var(--colors-primary);
  color: var(--colors-secondary);
}

html .icon.social:hover i {
  color: var(--colors-secondary);
}

.cc--svgBG, .twitter--svgBG {
  fill: var(--colors-secondary);
}

.twitter--svgIcon {
  fill: white;
}

html .cc--svg:hover .cc--svgBG,
html .email--svg:hover .twitter--svgBG {
  fill: var(--colors-primary);
}

html .cc--svg:hover .cc--svgIcon,
html .email--svg:hover .twitter--svgIcon {
  fill: var(--colors-secondary);
} 

.owl-carousel .pseudo--counter:before {
  background-color: var(--colors-primary);
  color: var(--colors-secondary);
}

.owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
body .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--colors-primary) !important;
}

html .mainMenu--content li .sub-menu {
  background-color: var(--colors-primary);
}

html .mainMenu--content .sub-menu li a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: var(--colors-secondary);
}

html .drawer_sections-md .sub-menu li a {
  font-weight: 100;
}

html .drawer_sections-md li {
  transition: all 0.4s ease-in-out;
}

#colophon.site-footer .footer--columns h3 {
  color: white;
}

.hover\:bg-primary:hover, .hover\:fill-primary:hover {
  color: var(--colors-primary);
}

.nav-primary {
  background: var(--colors-secondary);
}

.searchform #searchInput {
  background: var(--colors-secondary);
}

#colophon.site-footer .stnapchat {
  fill: #CCCCCC;
}

#colophon.site-footer .stnapchat:hover {
  fill: var(--colors-primary);
}

article.single--article ul li {
  align-items: center;
}

article.single--article ul li strong {
    display: flex;
    align-items: center;
}