/*
	Theme Name:			Skelementor
	Description:		Ultra-minimal theme designed specifically for Elementor Page Builder and to be as lightweight as possible.
	Theme URI:			https://mousebuilt.com.au/skelementor-theme/
	Author:				Mousebuilt (Konker)
	Author URI:			https://mousebuilt.com.au/
	Version:			1.1.4
	Requires at least:	4.9
	Requires PHP:		7.0
	Tested up to:		5.7.1
	License:			GNU General Public License v3 or later.
	License URI:		https://www.gnu.org/licenses/gpl-3.0.html
	Tags:				custom-logo, one-column, two-columns, translation-ready
	Text Domain: 		skelementor
*/

/*! minimal reset based on simplified normalise.css | github.com/necolas/normalize.css */




:root {
	
	/*General style*/
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 
                 "Noto Sans", "Liberation Sans", sans-serif, "Ubuntu", Cantarell, "Droid Sans", 
                 "Helvetica", sans-serif;
  --rounded: 8px;

	/*Color palette*/
  --red: #ff5d73;
  --blue: #2a4494;
  --white: #ffffff;
	
  --faded-white: #f9f9f9;
  --steel-white: #99a1af;	
  --deep-blue: #040916;
  --dark-blue: #02040a;
}



/* GENERAL */

body {
	font-family: var(--font);
	margin: 0;
	padding: 0;
}

.atmenet {
	background: -webkit-gradient(linear, left top, right top, from(var(--blue)), color-stop(50%, var(--red)), to(var(--red)));
	background: -webkit-linear-gradient(left, var(--blue) 0%, var(--red) 50%, var(--red) 100%);
	background: linear-gradient(to right, var(--blue), var(--red), var(--red));
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-sizing: ;
}



/* HEADINGS AND PARAGRAPHS */

h1, h2, h3, h4, h5, h6 {
     font-optical-sizing: auto;
     font-style: normal;
     line-height: 1.3em !important;
     font-weight: 900;
	 letter-spacing: -.025em;
}

h1 {
    font-size: clamp(1.8rem, 0.5rem + 3.5vw, 4rem) !important;
	text-transform: uppercase;
}

h2 {
    font-size: clamp(1.875rem, 1.25rem + 1.667vw, 2.75rem);
	text-transform: uppercase;
}

h3 {
    font-size: clamp(1.313rem, 0.821rem + 1.31vw, 2rem);
}

h4, h5 {
    font-size: clamp(0.875rem, 0.563rem + 0.833vw, 1.313rem);
}

h6 {
    font-size: clamp(1rem, 0.75rem + 0.833vw, 1.313rem);
}

p {
    font-size: clamp(1.1rem, 0.757rem + 0.381vw, 2rem);
}


p a, ul a, ol a {
    text-decoration: underline !important;
	color: var(--red);
	text-transform: italic;
}

p, a, li, label {
    margin: 0;
    padding: 0;
    font-weight: 400;
    word-spacing: 2px;
    letter-spacing: .7px;
    line-height: 1.9em;
	font-optical-sizing: auto;
}

/* ELEMENTORs */

.elementor img {
    border-radius: var(--rounded) !important;
}

/* Elementor btn - animation */

.elementor-button .elementor-button-icon {
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: width 0.5s ease, opacity 0.8s ease, transform  0.5s ease;
    position: relative;
    left: 0;
}

.elementor-button:hover .elementor-button-icon {
    width: 30px;
    opacity: 1;
    transform: scale(1.3);
}

.elementor-button span {
    margin-left: 5px;
}

/* Elementor btn - colors */

.elementor-button {
    font-size: 1.1rem !important;
    border-radius: 25px !important;
    color: #e5e5e5 !important;
    background: -webkit-gradient(linear, left top, right top, from(#2a4494), color-stop(50%, #4f6cbf), to(#4f6cbf)) !important;
    background: -webkit-linear-gradient(left, #2a4494 0%, #4f6cbf 50%, #4f6cbf 100%) !important;
    background: linear-gradient(to right, #2a4494, #4f6cbf, #4f6cbf) !important;
    transition: none !important;
    padding: 8px 24px !important;
}

.elementor-button:hover {
	color: #ffffff !important;
	background: #2a4494 !important;  
}

.red a {
	background: -webkit-gradient(linear, left top, right top, from(#ff5d73), color-stop(50%, #cc4a62), to(#cc4a62)) !important;
	background: -webkit-linear-gradient(left, #ff5d73 0%, #cc4a62 50%, #cc4a62 100%) !important;
	background: linear-gradient(to right, #ff5d73, #cc4a62, #cc4a62) !important;
}

.red a:hover {
	background: #ff5d73 !important;  
	color: #ffffff !important;
}


/*BLURRY BG*/

.blur-me {
    backdrop-filter: blur(20px);
}



/*WP FRONT END FIX*/

* {box-sizing: border-box;}

body {overflow-x:hidden;}

ul {padding: 0 18px;}