/* Updated: Font Awesome 4 (Bootstrap CDN) removed -> Font Awesome 6 Free via jsDelivr */
/* Blogger post shortcodes and custom HTML widget styles */
/*-------Typography and ShortCodes-------*/
.firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:'\f10d';display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:'\f10e';display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:"\f06e";margin-right:5px;display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:"\f019";margin-right:5px;display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:"\f09d";margin-right:5px;display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:"\f14c";margin-right:5px;display:inline-block;font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:"\f105";margin-right:5px;font-family:'Font Awesome 6 Free';font-weight:900}pre{font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:'Code';display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:"\f058"}.fa-info-circle:before{content:"\f05a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-exclamation-circle:before{content:"\f06a"}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
.FollowByEmail {
    clear: both;
}
.widget .post-body ol {
    padding: 0 0 0 15px;
}
.post-body ul li {
    list-style: none;
}

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #f6511e;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 28px;
  padding: 2px;
  width: 280px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 5px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

#buttons li {
  float: left;
  font-family:arial;
  list-style: none;
  text-align: center;
  background-color: #f000ff60;
  margin-right: 10px;
  width: 120px;
  line-height: 20px;
}
#buttons li a {
  text-decoration: none;
  color: red;
  display: block;
}

#buttons li a:hover {
  text-decoration: none;
  font-weight:900;
  color: yellow;
  background-color: #33B5E5;
}

.site-links {
        --site-links-bg: #111827;
        --site-links-border: rgba(255, 255, 255, .1);
        --site-links-text: #f8fafc;
        --site-links-muted: #9ca3af;
        box-sizing: border-box;
        width: 100%;
        padding: clamp(28px, 6vw, 56px) clamp(16px, 4vw, 32px);
        color: var(--site-links-text);
        font-family: Inter, "Segoe UI", Arial, sans-serif;
        background:
            radial-gradient(ellipse at 8% 0%, rgba(91, 92, 240, .2), transparent 40%),
            var(--site-links-bg);
    }

    .site-links *,
    .site-links *::before,
    .site-links *::after {
        box-sizing: border-box;
    }

    .site-links__inner {
        width: min(100%, 1200px);
        margin-inline: auto;
    }

    .site-links__header {
        display: flex;
        flex-wrap: wrap;
        align-items: end;
        justify-content: space-between;
        gap: 12px 24px;
        margin-bottom: 24px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--site-links-border);
    }

    .site-links__eyebrow {
        margin: 0 0 7px;
        color: #a5b4fc;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .15em;
        text-transform: uppercase;
    }

    .site-links__title {
        margin: 0;
        color: var(--site-links-text);
        font-size: clamp(22px, 4vw, 30px);
        font-weight: 800;
        letter-spacing: -.035em;
        line-height: 1.2;
    }

    .site-links__description {
        max-width: 360px;
        margin: 0;
        color: var(--site-links-muted);
        font-size: 14px;
        line-height: 1.6;
    }

    .site-links__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
        gap: 10px;
    }

    .site-links__item {
        display: flex;
        min-width: 0;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 11px 14px;
        border: 1px solid var(--site-links-border);
        border-radius: 12px;
        background: rgba(255, 255, 255, .045);
        color: #e5e7eb;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.35;
        text-decoration: none;
        overflow-wrap: anywhere;
        transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
    }

    .site-links__item::after {
        flex: 0 0 auto;
        color: #818cf8;
        content: "\2197";
        font-size: 14px;
        opacity: .75;
        transition: transform .18s ease, opacity .18s ease;
    }

    .site-links__item:hover,
    .site-links__item:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(165, 180, 252, .55);
        background: rgba(99, 102, 241, .16);
        color: #fff;
        outline: none;
    }

    .site-links__item:hover::after,
    .site-links__item:focus-visible::after {
        transform: translate(2px, -2px);
        opacity: 1;
    }

    .site-links__bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px 20px;
        margin-top: 24px;
        padding-top: 18px;
        border-top: 1px solid var(--site-links-border);
        color: var(--site-links-muted);
        font-size: 12px;
        line-height: 1.5;
    }

    .site-links__bottom p {
        margin: 0;
    }

    @media (max-width: 480px) {
        .site-links__header {
            align-items: flex-start;
            flex-direction: column;
        }

        .site-links__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
        }

        .site-links__item {
            min-height: 46px;
            padding: 10px;
            font-size: 12px;
        }
    }

    @media (max-width: 340px) {
        .site-links__grid {
            grid-template-columns: 1fr;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .site-links *,
        .site-links *::before,
        .site-links *::after {
            scroll-behavior: auto !important;
            transition-duration: .01ms !important;
        }
    }

.theme-options{display:none}
.download-app-button{vertical-align:middle}
.footer-about{color:green}
.footer-about-bold{font-weight:bold}
