/* 
Theme Name: SellYourStock
Theme URI: http://sellyourstock.co.uk
Author: Janine Bucknor Design
Author URI: http://janinebucknor.co.uk
Description: Customised theme for ACT GLOBAL Trading Limited
Version: 1.0.0
Template: hello-elementor
*/

/* Add your custom styles here */

html {
	font-size: 100%;
	--dark-grey: #1f1f1f;
	--body-grey: #777777;
	--orange: #e8903d;
	--orange-hover: #c5782f;
	--blue: #64acde;
	--green: #aecc54;
	--red: #cd433f;
	
}

body {
	font-family: 'Source Sans 3', sans-serif;
	line-height: 1.7;
	color: var(--body-grey);
}

/*-- HEADINGS --*/
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
	font-family: 'Rokkitt', sans-serif; 
	margin: 0 0 10px 0;
	line-height: 1.1; 
	font-weight: bold; 
	color: var(--dark-grey);
	text-transform: uppercase;
}

h1, .h1 { font-size: 3.00rem; }
h2, .h2 { font-size: 2.50rem; }
h3, .h3 { font-size: 2.00rem; }
h4, .h4 { font-size: 1.50rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1.00rem; }

/* header.page-header */
.page-header {
	background: var(--orange);
	color: #fff;
	padding: 30px 0 20px 0;
}

h1.entry-title {
	font-size: 2.50rem;
	color: #fff;
}

.site-header .site-navigation ul.menu li a {
	color: var(--dark-grey);
	font-size: 0.9375rem;
	font-weight: bold;
}

.site-header .site-navigation ul.menu li:hover a,
.site-header .site-navigation ul.menu li.current-menu-item a {
	color: var(--orange);
}

/*
.site-header .site-navigation ul.menu li.current-menu-item a {
	border-bottom: 3px #ddd solid;
}
*/

.site-navigation-toggle-holder .site-navigation-toggle {
	background: var(--orange);
	color: #fff;
}

footer .site-navigation ul.menu a {
	color: var(--body-grey);
	font-size: 0.9375rem;
	text-transform: uppercase;
}

footer .site-navigation ul.menu a:hover {
	color: var(--orange);
}

.comments-area a, .page-content a {
	text-decoration: none;
	font-weight: bold;
	color: var(--orange);
}

.comments-area a:hover, .page-content a:hover {
	color: var(--orange-hover);
}

a.elementor-button,
[type=button], 
[type=submit], 
button {
	background: var(--dark-grey);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	border: none;
}

a.elementor-button:hover,
[type=button]:hover, 
[type=submit]:hover, 
button:hover {
	background: var(--orange-hover);
	color: #fff;
}

/*--- INVERT ----*/
.invert,
.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 { color: #fff; }

.invert a.elementor-button {
	background: #fff;
	color: var(--dark-grey);
}
.invert a.elementor-button:hover {
	background: var(--orange-hover);
}
@media (max-width: 767px) {
    .invert { text-align: center; }
}