/*
Theme Name: MHS
Theme URI: https://mharis.info
Description: A simple and clean WordPress theme for my personal portfolio. Designed & Developed at <a href="https://kasbstudio.com" target="_blank">Kasb Studio</a>.
Author: Muhammad Haris
Author URI: https://mharis.info
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 8.1
Template: hello-elementor
Version: 2.0.0
Text Domain: mhs
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, responsive-layout, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, translation-ready
*/

/* Add your custom styles here */

body{
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.625em;
  color:#767676;
}
.text-primary { color: #D4F21B; }
.text-secondary { color: #1b001d; }
.btn {
    font-family: 'Karla', sans-serif;
    position: relative;
    display: inline-block;
    border: 0.2em solid #D4F21B;
    border-radius: 0;
    padding: 1em 2.4em 1em;
    font-size: 0.875em;
    color: #000;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #D4F21B;
    font-weight: 700;
    border-width: 1px;
    -webkit-transition: all .3s ease-out!important;
    transition: all .3s ease-out!important;
}
.btn:hover, .btn:focus, .btn:active {
    color: #000;
    background-color: #ecff73;
    border-color: #ecff73;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
}


div.elementor-element.tcomp.elementor-widget.elementor-widget-image-box > div > div > figure > a > img {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: var(--e-global-color-secondary);
    border-radius: 10px;
    transition-duration: 0.3s;
}