/* Custom / Page specific
---------------------------------------------------------------------------------------------------- */

/* General
--------------------------------------------- */
.required {color: #bd3500; font-size: 22px; font-weight: bold;}
.warning, .qmn_error_message {color: #bd3500; font-weight: bold;}
.confirm {color: #00bd28; font-weight: bold;}
.columns {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px;  -webkit-column-gap: 20px; column-gap: 20px;}
.smaller {font-size: 0.8em;}
.larger {font-size: 1.2em;}
.strong {font-weight: bold;}
.center {text-align:center;}
.success {color: #090;font-weight: bold;}
.clearboth {clear: both;}
.circle img {border-radius: 50%;}

/* Key Features
--------------------------------------------- */
.key-features .wp-block-column {
    text-align: center;
}
.key-features [class^="icon-"],
.key-features .dashicons,
.key-features .fa,
.key-features .fas,
.key-features .far,
.key-features .fab {
    color: #f4b71f;
    display: block;
    font-display: swap;
    font-size: 60px;
    height: 70px;
    width: 100%;
}

/* Content Boxes
--------------------------------------------- */

.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px;
}

.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}

.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}

.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}

.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}

.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}

.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}

/*
Styled Lists
---------------------------------------------------------------------------------------------------- */

.front-page-2 ul.checklist li,
.front-page-2 ul.arrowlist li {
    line-height: 1.5em;
    padding: 0 0 0 36px;
}

ul.checklist,
ul.arrowlist {
    margin-top: 20px;
}

ul.checklist li,
ul.arrowlist li {
    line-height: 1.25;
    list-style-type:  none;
    margin-bottom: 1em;
}

ul.checklist li:before,
ul.arrowlist li:before {
    color: #00bd28;
    content: "\f00C";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 0;
    margin-left: -36px;
    text-rendering: auto;
    vertical-align: middle;
    width: 36px;
}

ul.arrowlist li:before {
    content: "\f0a9";
}

.entry-content ul.gb-pricing-table-features li {
    list-style: none;
}

/* Pricing Slider
--------------------------------------------- */

.slidecontainer {
  padding-left: 2em;
  padding-right: 4em;
}

.slider:before,
.slider:after{
  position:relative;
  top: -3px;
  display: inline-block;
}

.slider:before {
  content: '0';
  margin-left: -1em;
  right: 0em;
}

.slider:after {
  content: '500k+';
  left:0.5em;
  margin-right: -4em;
}

.slider {
  -webkit-appearance: none;
  -webkit-transition: .2s;
  background: #d3d3d3;
  border-radius: 5px;
  height: 15px;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: opacity .2s;
  width: 100%;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #04AA6D;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

.slider::-moz-range-thumb {
  background: #04AA6D;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

#subs_count {
  font-weight:bold;
}

/* Nav menu buttons
--------------------------------------------- */
.genesis-nav-menu .start-button a {
    color:#52a377;
}

.genesis-nav-menu .logged-in-nav {
    display: none;
}

body.logged-in .genesis-nav-menu .logged-in-nav {
    display: inline-block;
}

body.logged-in .genesis-nav-menu .logged-out-nav {
    display: none;
}

/* Main stylesheet overrides
--------------------------------------------- */

.site-inner {
    padding-top: 60px;
}

.footer-widgets {
  background-color: #212f4f;
}
.footer-widgets .widget-title,
.footer-widgets a:hover{
  color: #fff;
  opacity: 50%;
}
.footer-widgets a {
  color: #fff;
  text-decoration:none;
  font-size: 0.9em;
}

.teaser {
  margin-bottom: 20px;
}

.teaser .entry-title {
  font-size: 22px;
  min-height: 3em;
  position: relative;
  text-align: center;
}

.teaser .entry-title a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

/* Icons (Fontawesome subset, via https://icomoon.io/app/)
--------------------------------------------- */

@font-face {
  font-display: block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  src:  url('fonts/icomoon.eot?tke292');
  src:  url('fonts/icomoon.eot?tke292#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?tke292') format('truetype'),
    url('fonts/icomoon.woff?tke292') format('woff'),
    url('fonts/icomoon.svg?tke292#icomoon') format('svg');
}

[class^="icon-"], [class*=" icon-"], .dashicons-before:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: never;
  text-transform: none;

  /* Better Font Rendering =========== */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon-arrow-circle-left:before {
  content: "\f0a8";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-arrow-circle-up:before {
  content: "\f0aa";
}
.icon-arrow-circle-down:before {
  content: "\f0ab";
}
.icon-one-finger-click:before {
  content: "\e900";
}
.icon-star:before {
  content: "\f005";
}
.icon-star1:before {
  content: "\f006";
}
.icon-check:before {
  content: "\f00c";
}
.icon-times:before {
  content: "\f00d";
}
.icon-clock:before {
  content: "\f017";
}
.icon-lock:before {
  content: "\f023";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-edit:before {
  content: "\f044";
}
.icon-times-circle:before {
  content: "\f057";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-star-half1:before {
  content: "\f08a";
}
.icon-linkedin:before {
  content: "\f08c";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-pinterest-square:before {
  content: "\f0d3";
}
.icon-google-plus-square:before {
  content: "\f0d4";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-smile1:before {
  content: "\f11b";
}
.icon-frown1:before {
  content: "\f11c";
}
.icon-meh1:before {
  content: "\f11d";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-share-alt:before {
  content: "\f1e0";
}
.icon-plug:before {
  content: "\f1e6";
}
.icon-at:before {
  content: "\f1fa";
}
.icon-user-secret:before {
  content: "\f21b";
}
.icon-user-times:before {
  content: "\f235";
}
.icon-hand-rock:before {
  content: "\f255";
}
.icon-safari:before {
  content: "\f267";
}
.icon-money-bill-alt:before {
  content: "\f3d1";
}
.icon-tablet-alt:before {
  content: "\f3fa";
}
.icon-whatsapp-square:before {
  content: "\f40c";
}
.icon-comment-dots:before {
  content: "\f4ad";
}
.icon-user-check:before {
  content: "\f4fc";
}
.icon-grin:before {
  content: "\f580";
}
.icon-star-half-alt:before {
  content: "\f5c0";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}

/* Dashicons replacement */
.dashicons-menu:before {
    content: "\e9bd";
}

/* Problem / Solution Box
--------------------------------------------- */
.problem-block,
.solution-block{
  background-color: #FFF6F6;
  border-radius: 10px;
  margin: 0 15px 23px;
  padding: 20px 20px 20px 76px;
  position: relative;
}
.problem-block strong {
  color: #d25454;
}
.solution-block strong {
  color: #54d272;
}
.solution-block {
  background-color: #ECFBEF;
}
.problem-block:before,
.solution-block:before {
  color: #F13E5F;
  content: "\f057";
  font-family: 'icomoon' !important;
  font-size: 36px;
  left: 0;
  line-height: 1;
  margin-left: 20px;
  position: absolute;
  top: calc(50% - 18px);
}
.solution-block:before {
  color: #5AD076;
  content: "\f058";
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 960px)
{
    /* Nav menu buttons
    --------------------------------------------- */
    .genesis-nav-menu .login-button {border:1px solid grey;border-radius:4px;}
    .genesis-nav-menu .start-button {background-color:#52a377;border:1px solid #52a377;border-radius:4px;margin-left: 0.25em}
    .genesis-nav-menu .start-button a {color: white;}
    .genesis-nav-menu .start-button:hover {background-color: #41815e;}
}

@media only screen and (min-width: 768px)
{
  body.logged-in .genesis-nav-menu .logged-in-nav {
    display: inline-block;
  }
}

@media only screen and (min-width: 600px)
{

}

/* MAX-WIDTH */
@media only screen and (max-width: 781px)
{
  /* Overrides the inbuilt rule that drops one column under the other two  */
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis:  100% !important;
  }

  /* Overrides the inbuilt rule that drops one column under the other two  */
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
      margin-left:0 !important;
  }
}

@media only screen and (max-width: 600px)
{
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0 3%;
  }
}