/*
Theme Name: Custom Theme
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Custom Powerindo Visual Theme.
Version: 1.0
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecommerce, blog, company profile, landing page
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

@font-face {
    font-family: "flaticon";
    src: url("assets/fonts/flaticon.ttf?cc72040e18a942c153a1639dcda53430") format("truetype"), url("assets/fonts/flaticon.woff?cc72040e18a942c153a1639dcda53430") format("woff"), url("assets/fonts/flaticon.woff2?cc72040e18a942c153a1639dcda53430") format("woff2"), url("assets/fonts/flaticon.eot?cc72040e18a942c153a1639dcda53430#iefix") format("embedded-opentype"), url("assets/fonts/flaticon.svg?cc72040e18a942c153a1639dcda53430#flaticon") format("svg");
}

i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-donation:before {
    content: "\f101";
}

.flaticon-phone:before {
    content: "\f102";
}

.flaticon-star:before {
    content: "\f103";
}

.flaticon-fruit:before {
    content: "\f104";
}

.flaticon-medicine:before {
    content: "\f105";
}

.flaticon-education:before {
    content: "\f106";
}

.flaticon-house:before {
    content: "\f107";
}

.flaticon-quote:before {
    content: "\f108";
}

.flaticon-charity:before {
    content: "\f109";
}

.flaticon-volunteer:before {
    content: "\f10a";
}

.flaticon-debit-card:before {
    content: "\f10b";
}

.flaticon-solidarity:before {
    content: "\f10c";
}

.flaticon-nature:before {
    content: "\f10d";
}

.flaticon-agronomy:before {
    content: "\f10e";
}

.flaticon-wind-energy:before {
    content: "\f10f";
}

.flaticon-recycling:before {
    content: "\f110";
}

.flaticon-container:before {
    content: "\f111";
}

.flaticon-ocean:before {
    content: "\f112";
}

.flaticon-forest:before {
    content: "\f113";
}

.flaticon-polar-bear:before {
    content: "\f114";
}

.flaticon-anchor:before {
    content: "\f115";
}

.flaticon-planet-earth:before {
    content: "\f116";
}

.flaticon-environment:before {
    content: "\f117";
}

.flaticon-ecological:before {
    content: "\f118";
}

.flaticon-forest-1:before {
    content: "\f119";
}

.flaticon-quotes:before {
    content: "\f11a";
}

.flaticon-quote-1:before {
    content: "\f11b";
}

.flaticon-question:before {
    content: "\f11c";
}

.flaticon-solidarity-1:before {
    content: "\f11d";
}

.flaticon-help:before {
    content: "\f11e";
}

.flaticon-map:before {
    content: "\f11f";
}

.flaticon-envelope:before {
    content: "\f120";
}

.wpcf7-form-control input[type="text"],
.wpcf7-form-control input[type="email"] {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

.wpcf7-form-control textarea {
    padding: 1rem 0.75rem;
    height: 100px;
}

.blog-posts .post-category-h5 {
    font-size: 20px;
    color: color-mix(in srgb, var(--default-color), transparent 70%);
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
# Whatsapp Button
--------------------------------------------------------------*/

.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 70px;
    right: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* font-size: 30px; */
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}

.float i {
    font-size: 20px;
    color: var(--contrast-color);
    line-height: 0;
}

.my-float {
    margin-top: 16px;
}