/* WP App Maker Stylesheet */

/* Fonts */
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-ExtraLight.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-Light.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-Regular.ttf") format("truetype"); font-weight: 500; font-style: italic; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-Medium.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wpappmaker/fonts/Outfit-ExtraBold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

/* Core */
html, body { font-size: 17px; font-family:'Outfit', sans-serif; background-color: #fff; font-weight: 400;}

img { pointer-events: none;}
.content { min-height: 80vh;}
.uk-container h1:first-of-type { margin-top: 0px; }
h1, h2, h3, h4, h5 ,h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5 { font-family:'Outfit', sans-serif; font-weight: 600; }
b, strong { font-weight:  600; }
h1, .uk-h1 { font-size: 2.4rem; }
h2, .uk-h2 { font-size: 2.2rem; }
h3, .uk-h3 { font-size: 1.8rem; }
h4, .uk-h4 { font-size: 1.6rem; }
h5, .uk-h5 { font-size: 1.2rem; }
.uk-button { border-radius: 10px; }
.uk-button-primary { background-color: #ffac30; color: #222; border: 1px solid #ffac30; }
.uk-button-primary:hover,
.uk-button-primary:focus { background-color: #222; color: #fff; border-color: #222; }
.uk-button-large { font-size: 1.2rem; }
.uk-container { max-width: 1200px;}
.uk-text-red { color: #940000; }
.uk-container.uk-container-medium { max-width: 1000px; }
.uk-container.uk-container-small { max-width: 800px; }
pre, code { font-size: 0.8rem; font-family:'Outfit', sans-serif;}

.uk-button-secondary { background-color: #222; color: #fff; border: 1px solid #222; }
.uk-button-secondary:hover,
.uk-button-secondary:focus { background-color: #3b3737; color: #fff; }

.uk-button-default { background-color: #eaeaea; color: #222; border: 1px solid #eaeaea; }
.uk-button-default:hover,
.uk-button-default:focus { background-color: #d3d3d3; color: #222; border-color: #d3d3d3; }
.uk-button-default span { width: 175px; display: inline-block; }

.uk-input { font-size: 1rem; background-color: #f8f8f8; border-radius: 10px; }
.uk-input:focus { border-color: #ffac30; background-color: #f8f8f8; }
.uk-input:disabled { background-color: #e4e4e4;}
.uk-input:disabled:hover { cursor: not-allowed;}

.uk-select { font-size: 1rem; background-color: #f8f8f8; border-radius: 10px; color: #999999; }
.uk-select:focus { border-color: #ffac30; background-color: #f8f8f8; }
.uk-select:disabled { background-color: #e4e4e4;}
.uk-select:disabled:hover { cursor: not-allowed;}

.uk-textarea { font-size: 1rem; background-color: #f8f8f8; border-radius: 10px; width: 100%; min-width: 100%; min-height: 200px; }
.uk-textarea:focus { border-color: #ffac30; background-color: #f8f8f8; }
.uk-textarea:disabled { background-color: #e4e4e4;}
.uk-textarea:disabled:hover { cursor: not-allowed;}

.uk-tab > .uk-active > a { border-color: #ffac30;}
.required { color: #940000; }

.uk-inline .uk-form-icon { height: 40px; }
.uk-inline .uk-form-icon:hover { cursor: pointer; }
.uk-form-icon:not(a):not(button):not(input) { pointer-events: unset; }
.uk-colour-red,
.uk-colour-red:hover,
.uk-colour-red:focus { color: #c20000; }

.uk-notification { width: 440px; max-width: 90%; margin-left: -220px; }
.uk-notification-message { border-radius: 12px; padding: 16px 20px; font-size: 15px; font-weight: 500; background: #1f1f1f; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.uk-notification-message-success { background: linear-gradient(135deg, #34d399, #059669); }
.uk-notification-message-warning { background: linear-gradient(135deg, #fbbf24, #d97706); }
.uk-notification-message-danger { background: linear-gradient(135deg, #f87171, #b91c1c); }
.uk-notification-close { color: #fff !important; }

.spt-form input { margin-bottom: 20px !important; }

.uk-modal-title { font-size: 1.5rem; }

.uk-card-body { padding: 25px; }
.uk-card { border-radius: 10px; border: 1px solid #f1f1f1; }

.uk-modal-small { width: 400px; }

.uk-card-icon-link { display: flex; align-items: center; min-height: 200px; width: 100%; background-color: #f1f1f1; border: 1px solid #e5e5e5; color: #151515; padding: 20px; }
.uk-card-icon-link i { font-size: 40px;}
.uk-card-icon-link:hover,
.uk-card-icon-link:focus { background-color: #ffac30; color: #151515; text-decoration: none; }

.uk-section-primary { background: linear-gradient( to bottom,rgba(241, 241, 241, 0.526), rgba(212, 212, 212, 0.2) ); }

/* Header */
header .logo { width: 170px; }
header .logo img { width: 100%;}
nav.uk-navbar-container { transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; background-color: transparent; box-shadow: none; }
nav.uk-navbar-container:not(.uk-navbar-transparent) { background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); }
.uk-navbar-nav > li > a { text-transform: unset; font-family:'Outfit', sans-serif; }
.uk-navbar-nav > li > a.uk-button-primary { min-height: unset; padding: 0px 20px; color: #000; }
.uk-navbar-nav > li > a.uk-button-primary:hover,
.uk-navbar-nav > li > a.uk-button-primary:focus { color: #fff;}
.uk-navbar-nav .uk-navbar-dropdown { top: 80px !important; padding: 15px; }
.uk-navbar-nav > li > a > .profile-picture,
.uk-navbar-nav > li > a > .website-favicon { width: 30px; height: 30px; border-radius: 25px; margin-right: 5px; border: 1px solid #f1f1f1; }
.uk-navbar-nav > li > a > .fa-caret-down { font-size: 12px; margin-top: 1px; }

.uk-navbar-nav .uk-navbar-dropdown.websites-dropdown { min-width: 250px; max-height: 250px; overflow-y: auto; padding: 0px; }
.uk-navbar-nav .uk-navbar-dropdown.websites-dropdown ul.uk-navbar-dropdown-nav img.website-favicon { width: 25px; height: 25px; border-radius: 15px; border: 1px solid #f1f1f1; margin-right: 5px; }
.uk-navbar-nav .uk-navbar-dropdown.websites-dropdown .website-dropdown-add { display: flex; justify-content: center; background-color: #f1f1f1; padding: 0px; }
.uk-navbar-nav .uk-navbar-dropdown.websites-dropdown .website-dropdown-add a { width: 100%; display: flex; justify-content: center; font-size: 0.8rem; padding: 8px 0px; }
.uk-navbar-nav .uk-navbar-dropdown.websites-dropdown ul li { padding: 5px 10px; }
.uk-navbar-nav .header-menu-websites { min-width: 250px;}