/*
Theme Name: Alex Kwa Theme
Author: Alex Kwa
Author URI: http://alexkwa.com/
Description: This is a custom theme designed for alexkwa.com
Version: 2.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
/* CSS Document */
.pagination > li > a, .pagination > li > span {
  color: #999; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #dfdfdf;
  color: #666; }

.page-item:first-child .page-numbers {
  margin-left: 0;
  border-radius: 3px 0 0 3px; }
.page-item:last-child .page-numbers {
  border-radius: 0 3px 3px 0; }
.page-item.active .page-numbers {
  z-index: 2;
  color: #666;
  background-color: #dfdfdf;
  border-color: #666; }
.page-item.disabled .page-numbers {
  color: #999;
  pointer-events: none;
  background-color: #dfdfdf;
  border-color: #999; }

.page-numbers {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd; }

form#commentform {
  max-width: 640px; }
  form#commentform label {
    margin-bottom: 0; }

textarea#comment {
  height: 100px; }

ol.commentlist {
  list-style-type: none;
  padding: 48px 0 0 0; }

.comment-author img {
  border-radius: 50%;
  border: 3px #9c9c9c solid; }

.comment-text {
  margin-top: -20px; }

.reply, .comment-text {
  padding-left: 87px; }

ul.children {
  list-style-type: none;
  padding-left: 78px; }
  ul.children li {
    margin-top: 24px; }

.nav-pills .nav-link.active {
  background-color: #525252 !important; }

.content__monkeyRewards {
  display: none; }

.card {
  border: none;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 0; }

.dropdown-item {
  cursor: pointer; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #000 !important; }

/* Change the focus border color for all input fields */
input:focus, textarea:focus, select:focus {
  border-color: #666 !important;
  /* Replace with your desired color */
  box-shadow: 0 0 0 0 !important;
  /* Optional for a glowing effect */ }

.h1, h1 {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 500;
  font-size: 60px;
  line-height: 1; }

.h2, h2 {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 500;
  font-size: 48px;
  line-height: 1; }

p {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.666;
  font-display: swap; }

a, a:hover, a:focus {
  color: #525252;
  text-decoration: none; }

p a, p span.faux-link {
  border-bottom: 1px solid #9c9c9c; }
  p a:hover, p a:focus, p span.faux-link:hover, p span.faux-link:focus {
    border-bottom: 1px solid #666;
    text-decoration: none; }

.main-menu {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  min-height: 80px;
  text-align: center; }
  @media (max-width: 991.98px) {
    .main-menu {
      display: none; } }

.top-menu {
  background-color: #fff;
  min-height: 80px;
  padding: 21px 0; }
  .top-menu a {
    margin-right: 12px; }

.top-menu div {
  height: 100%; }

.logo-container {
  width: 200px;
  height: 22px;
  overflow: hidden;
  padding: 0; }

#logo {
  background-image: url("images/logo.svg");
  background-repeat: no-repeat;
  background-size: 200px 22px;
  height: 22px;
  width: 200px; }

.navbar-brand {
  padding: 0; }

@media (max-width: 575.98px) {
  .logo-container {
    width: 30px; } }
.main-menu-links .menu-header-menu-container ul, .main-menu-links .share-nav-container ul {
  display: inline-block !important; }
  .main-menu-links .menu-header-menu-container ul li, .main-menu-links .share-nav-container ul li {
    display: inline-block !important; }

.main-nav-container {
  background: white; }

.menu-header-menu-container, .share-nav-container, .navbar-toggler .navbar-text, #navbar-review, .navbar a {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.666;
  text-transform: uppercase; }

.footer-container {
  position: absolute;
  bottom: 0;
  background-color: #000;
  min-height: 80px; }

nav.footer-menu {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 1.666;
  text-transform: initial; }
  nav.footer-menu ul {
    display: inline-block;
    list-style: none; }
    nav.footer-menu ul li {
      display: inline-block !important;
      margin-left: 12px; }
  nav.footer-menu a {
    color: #fff; }

.share-nav-container {
  background: #fff;
  border-top: 1px solid #dfdfdf;
  padding: 6px 0; }
  .share-nav-container ul li {
    margin-left: 12px; }
  .share-nav-container .share-nav-item:first-child {
    line-height: 20px;
    margin-left: 0; }
  .share-nav-container li a.share-button {
    height: 20px; }
  .share-nav-container li.share-button {
    margin-top: 4px; }
  .share-nav-container .nav-link {
    padding: 0; }
  .share-nav-container .twitter-share svg {
    background-color: #2996cc; }
  .share-nav-container .facebook-share svg {
    background-color: #3B5998; }
  .share-nav-container .pinterest-share svg {
    background-color: #C92228; }

#searchform .top-search {
  border-radius: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 14px; }
#searchform #searchIcon {
  margin-top: 8px; }
  #searchform #searchIcon:hover {
    cursor: pointer; }
#searchform button {
  border: 0; }
@media (max-width: 991.98px) {
  #searchform button {
    display: none; } }

.navbar .current-menu-item a {
  color: #000;
  font-weight: 400; }
.navbar a:hover {
  color: #666;
  text-decoration: none; }

.navbar-toggler {
  border: 0; }

@media (max-width: 902px) {
  .nav-item {
    padding: 12px 0; }
    .nav-item a {
      display: block; }

  #navbarSupportedContent .nav-item:first-child {
    margin-top: 24px; } }
@media (min-width: 902px) {
  .nav-item {
    margin-left: 24px; }

  .nav-item:first-child {
    margin-left: 0; } }
.bottom-buy-bar {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); }

.single-title {
  padding: 90px 0;
  text-align: center; }
  .single-title h1 {
    font-size: 3em; }

.post-content-container {
  padding: 0; }

.post-content a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #9c9c9c;
  margin-bottom: 1px; }
  .post-content a:hover {
    border-bottom: 1px solid #525252; }
  .post-content a:focus {
    color: #525252; }
.post-content a:has(img) {
  border-bottom: none !important; }
.post-content figure.wp-block-image,
.post-content ul.wp-block-gallery {
  background-image: url("images/spinner.gif");
  background-repeat: no-repeat;
  background-position: 50% calc(50% - 50px);
  margin: 48px 0; }
.post-content figure.wp-block-gallery {
  margin: 48px 0; }
.post-content .wp-block-image figcaption {
  max-width: 1152px;
  min-width: 100%;
  padding: 0 12px 0 12px; }
.post-content .wp-block-gallery figcaption {
  font-size: 14px !important;
  min-width: 100% !important;
  padding: 12px 12px 6px 12px !important;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) 60%, transparent) !important; }
.post-content .wp-block-gallery figcaption a {
  color: #fff;
  border-bottom: 1px solid #9c9c9c; }
  .post-content .wp-block-gallery figcaption a:hover {
    border-bottom: 1px solid #dfdfdf; }
.post-content img,
.post-content p.wp-caption-text {
  height: auto;
  max-width: 1152px;
  width: 100%; }
.post-content strong {
  font-weight: 700 !important; }
.post-content p {
  text-align: left; }
.post-content h3 {
  font-size: 2em !important;
  margin-bottom: 8px !important;
  margin-top: 48px !important; }

blockquote.callout p,
p.wp-caption-text {
  font-size: 90%; }

.mid-post-ad {
  margin: 48px 0; }

.prev-container .prev-link {
  margin-left: 24px; }

.next-container .next-link {
  margin-right: 24px; }

.next-link,
.prev-link {
  line-height: 1.5; }

@media (max-width: 575.98px) {
  .prev-container .prev-link {
    display: none; }

  .next-container .next-link {
    display: none; } }
@media (max-width: 575.98px) {
  .post-content p,
  .post-content ul,
  .post-content ol,
  .post-content h1,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6,
  .post-content pre,
  .post-content .card p,
  .post-content .card ul,
  .post-content .card ol,
  .post-content .card h1,
  .post-content .card h2,
  .post-content .card h3,
  .post-content .card h4,
  .post-content .card h5,
  .post-content .card h6,
  .post-content .card pre {
    width: 100%;
    padding: 0 24px;
    text-align: left; } }
@media (min-width: 575.98px) {
  .post-content p,
  .post-content blockquote,
  .post-content ol,
  .post-content ul,
  .post-content h1,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6,
  .post-content pre {
    width: 50%;
    text-align: left; }
  .post-content li {
    text-align: left; }
    .post-content li p {
      width: 100%;
      margin-bottom: 0; }
  .post-content blockquote p,
  .post-content .wp-block-column p,
  .post-content .wp-block-column blockquote,
  .post-content .wp-block-column h1,
  .post-content .wp-block-column h2,
  .post-content .wp-block-column h3,
  .post-content .wp-block-column h4,
  .post-content .wp-block-column h5,
  .post-content .wp-block-column h6,
  .post-content .wp-block-column pre {
    width: 100%; }
  .post-content .wp-block-columns {
    margin-left: 24px;
    margin-right: 24px; }
  .post-content .card p,
  .post-content .card blockquote,
  .post-content .card ol,
  .post-content .card ul,
  .post-content .card h1,
  .post-content .card h2,
  .post-content .card h3,
  .post-content .card h4,
  .post-content .card h5,
  .post-content .card h6 {
    width: auto;
    text-align: left; }
  .post-content pre code {
    white-space: normal;
    word-break: break-all; } }
@media (max-width: 575.98px) {
  .fixed-buy-button,
  .fixed-buy-button button {
    width: 100%; } }
.bottom-buy-bar {
  position: fixed;
  width: 100%;
  top: -60px;
  z-index: 1000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.bottom-buy-bar-appear {
  top: 0; }

.disclaimer {
  line-height: 1.2; }

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a {
  height: auto !important;
  width: auto !important; }

.image-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66.6666%;
  /* 3:2 aspect ratio (height = 2/3 of width) */
  background-size: contain;
  /* Ensures the whole image fits within the container */
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f0f0f0;
  /* Fallback color for empty space */ }

.thumbnail {
  display: block; }

html,
body {
  overflow-x: hidden !important;
  text-rendering: optimizeLegibility;
  width: auto !important;
  min-height: 100vh;
  position: relative;
  margin: 0; }

body {
  background-color: #fff;
  padding-bottom: 200px;
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.666;
  font-display: swap;
  position: relative;
  min-width: 320px;
  /* suppose you want minimun width of 1000px */
  width: auto !important;
  /* Firefox will set width as auto */
  width: 320px;
  /* As IE ignores !important it will set width as 1000px; */ }

.table {
  max-width: 991.98px; }

strong {
  font-weight: 500 !important; }

.section, .section-alt {
  padding-top: 100px;
  padding-bottom: 100px; }

.section-alt {
  background-color: #f9f9f9; }

input {
  border-radius: 3px !important;
  background-color: #dfdfdf;
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #525252;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.666;
  font-display: swap;
  font-size: 14px; }

input::placeholder,
input.email::placeholder {
  font-size: 14px; }

#mc_embed_signup form {
  text-align: left !important;
  padding: 0 !important; }

#mc_embed_signup .mc-field-group input {
  width: 100% !important; }

#mc_embed_signup div.mce_inline_error {
  background-color: none !important;
  color: #D32F2F;
  padding: none !important; }

#mc_embed_signup input.email, .input-group input[type=text] {
  padding: 6px 12px !important; }

.input-error {
  font-size: 14px;
  color: #D32F2F; }

.button {
  background-color: #000 !important;
  border: none !important;
  padding: 6px 18px !important;
  display: flex;
  align-items: center;
  border-radius: 24px !important;
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 1.666;
  text-transform: initial; }
  .button .material-symbols-outlined {
    margin-left: 6px;
    margin-right: -6px;
    font-size: 18px;
    font-weight: 500; }
  .button:disabled {
    background-color: #999 !important;
    cursor: not-allowed !important; }

@media (max-width: 767.98px) {
  .mc-field-group {
    width: 100%; } }
.top-review-image {
  width: auto;
  height: 141px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 188px 141px;
  opacity: 1; }

.top-review-content:hover {
  cursor: pointer; }

.top-review-content:hover > .top-review-title {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.top-review-content:hover ~ .top-review-image {
  opacity: 0.2;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.top-review-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 144px;
  width: 100%;
  z-index: 1000; }

.top-review-title {
  opacity: 0; }

.vid-container {
  height: 100%;
  width: 100%;
  position: absolute; }
  @media (max-width: 767.98px) {
    .vid-container .vid-element img {
      height: 80px;
      width: 80px; } }

blockquote.callout {
  background-color: #fff;
  border-left: 2px #ff708e solid;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 24px; }
  blockquote.callout p {
    font-size: 18px;
    font-style: normal;
    margin-bottom: 0;
    padding: 0; }

.dropdown-menu > li > a {
  font-size: 18px; }

.home-icon {
  margin-top: 8px; }

/* Wordpress Native Caption Styling */
.wp-caption {
  background-color: #dfdfdf;
  height: auto;
  max-width: 100%;
  padding: 0;
  width: 100% !important; }
  .wp-caption p.wp-caption-text {
    font-size: 18px;
    margin: -40px 0 40px;
    padding: 0 10px 10px 15px; }
  .wp-caption img {
    display: block;
    height: auto;
    max-width: 100%;
    padding: 0; }

.carousel-fade .item {
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  left: 0 !important;
  transition: opacity 1s; }
.carousel-fade .active.left {
  left: 0;
  opacity: 0;
  z-index: 2; }
.carousel-fade .next {
  left: 0;
  opacity: 1;
  z-index: 1; }

.carousel-control {
  color: #9c9c9c;
  text-shadow: none; }
  .carousel-control:hover, .carousel-control:focus {
    color: #525252; }
  .carousel-control.left,
  .carousel-control .carousel-control.right {
    background-image: none; }

.carousel-indicators li {
  background-color: #999 \9 ;
  background-color: rgba(102, 102, 102, 0);
  border: 1px solid #999; }
  .carousel-indicators li .active {
    background-color: #999; }

/* Homepage Thumbnail */
.content-container {
  margin-top: 72px; }

.thumbnail-container {
  min-height: 200px;
  width: 100%; }

.thumbnail img {
  height: auto;
  min-height: 200px;
  width: 100%; }

.image-container {
  background-color: #f9f9f9;
  min-height: 200px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media (max-width: 991.98px) {
    .image-container {
      min-height: 250px; } }
  @media (max-width: 767.98px) {
    .image-container {
      min-height: 200px; } }
  @media (max-width: 575.98px) {
    .image-container {
      min-height: 150px; } }
  .image-container.no-cover {
    background-size: contain;
    background-position: center center; }

.all-review-items {
  margin-bottom: 300px; }

.review-image-container h5 {
  line-height: 1; }
.review-image-container img {
  width: 100%;
  height: auto; }

.quicksearch {
  max-width: 660px; }

.review-caption {
  line-height: 1; }

.filters-button-group button.filter-button {
  font-display: swap;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 1.666;
  text-transform: initial;
  margin-top: 6px;
  background: none;
  border: none;
  color: #000 !important; }
  .filters-button-group button.filter-button.active {
    border-bottom: 2px solid #000; }

/* Style for the input group */
.input-group {
  position: relative;
  /* Ensure padding on the right to make room for the icon */ }
  .input-group #search-input {
    padding-right: 40px;
    /* Adjust as needed for icon */ }
  .input-group .search-clear {
    position: absolute;
    top: 50%;
    right: 10px;
    /* Adjust to the desired right spacing */
    transform: translateY(-50%);
    /* Vertically center the icon */
    z-index: 10;
    display: none;
    /* Hidden by default */
    cursor: pointer;
    background: none;
    border: none;
    color: inherit;
    font-size: 1.25rem;
    /* Adjust the size of the icon */
    padding: 0; }

/* Custom Styling for the .guide-title positioning */
.guide-card-link {
  display: block;
  position: relative;
  width: 100%; }

.guide-img-container {
  position: relative;
  width: 100%;
  height: 100%; }

.guide-img {
  width: 100%;
  height: auto;
  object-fit: cover; }

.guide-title {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box; }

@media (max-width: 575.98px) {
  .more-guides p {
    font-size: 14px; } }
.thumbnail {
  border: none;
  margin-bottom: 0;
  padding: 0; }

.slider {
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  height: 610px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .slider a {
    color: #fff; }

@media (max-width: 575.98px) {
  .slider .work-caption h3 {
    font-size: 1.2em;
    line-height: 1em; }
  .slider .work-caption .excerpt {
    display: none; } }
#backtotop:hover {
  cursor: pointer; }
#backtotop .material-icons {
  width: 24px;
  margin-right: 6px; }

.borderme {
  border: 1px solid #9c9c9c;
  padding: 0; }

/* Styles */
blockquote p {
  font-size: 20px;
  font-style: italic;
  line-height: 1.5; }

.footer {
  background-color: #fff;
  margin-top: 48px;
  padding: 12px; }

.post-date {
  text-transform: uppercase; }

hr {
  margin-bottom: 20px;
  margin-top: 20px; }

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

@media (max-width: 575.98px) {
  blockquote.callout {
    margin: 0 12px;
    padding: 12px; } }
.single-title h1,
h1 {
  font-size: 1.8em; }

.caption h3 {
  font-size: 1.5em; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #fff;
  color: #fff; }

blockquote footer {
  color: #999;
  font-size: 85%; }

.newsletter-container {
  padding: 12px; }

/*# sourceMappingURL=style.css.map */