/* theme.css */

:root {
    --primary: #0057ff;
    --primary-dark: #003dcc;

    --secondary: #ff6b00;
    --secondary-dark: #d95a00;

    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;

    --white: #ffffff;
    --light: #f8f9fa;
    --grey: #6c757d;
    --dark: #212529;

    --text-colour: #333333;
    --background-colour: red;
}





body {
	font-family: Open Sans, sans-serif; 
	font-weight: 300; 
	font-size: 0.9rem;
	color: var(--text-colour);
    background-color: var(--background-colour);
	}

p {font-family: open-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.25rem; margin-bottom: 1rem; line-height: 1.5; color: #3e4c58;}

/*istec colors*/
.istec-yellow {color: rgb(227, 190, 0); }
.istec-blue {color: rgb(62, 76, 88);}
.istec-white {color: rgb(255, 255, 255);}


h1, h2, h3, h4, h5 {
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
}

.display-1 {font-size: 3.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;} 
.display-2 {font-size: 3rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.display-3 {font-size: 2.2rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.display-4 {font-size: 1.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}

/*.header-banner .display-1 {font-size: 3.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-2 {font-size: 3rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-3 {font-size: 2.2rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-4 {font-size: 1.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}*/








.elementor-button {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin rgb(62, 76, 88);
	color:rgb(62, 76, 88);
}

.elementor-button .elementor-button-text {
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:rgb(62, 76, 88);
}

.elementor-button:hover {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin rgb(62, 76, 88);
	color:rgb(62, 76, 88);
}
.elementor-button .elementor-button-icon {
	fill:rgb(62, 76, 88);
}
.elementor-button:hover .elementor-button-text{
	color:rgb(62, 76, 88);
}
.elementor-button:hover .elementor-button-icon {
	fill:rgb(227, 190, 0);;
}








.header-banner .elementor-button {
	background-color: rgba(255, 255, 255,0)!important;
	border:solid thin #fff;
	color:#fff;
}

.header-banner .elementor-button .elementor-button-text {
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:#fff;
}
.header-banner .elementor-button .elementor-button-icon {
	fill:#fff;
}
.header-banner .elementor-button:hover {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin #fff;
	color:rgb(62, 76, 88);
}

.header-banner .elementor-button:hover .elementor-button-text{
	color:rgb(62, 76, 88);
}
.header-banner .elementor-button:hover .elementor-button-icon {
	fill:rgb(62, 76, 88);
}
