/*
Theme Name: Aspien
Theme URI: http://www.crossfarmdigital.com
Description: Aspien suite of Invoicing – Accounts Receivable – Debt Recovery solutions. - 2023 theme
Author: Dan Hurrell
Author URI: http://www.crossfarmdigital.com
Version: 1.0
*/
/*
TYPOGRAPHY
============
*/
body {
	font-family: 'Niramit', sans-serif;
	font-weight: 600;
	color: #ffffff;
}
h1, h2, h3, h4, h5, h6, p, li {
	font-family: 'Niramit', sans-serif;
	
}
h1 {
	font-size: 2rem;
	line-height: 110%;
	font-weight: 300;
	margin-bottom: 2rem;
	color: #339999;
	padding-bottom: 1rem;
	border-bottom: 1px dashed #339999;
}
h2 {
	font-size: 2.5rem;
	font-weight: 600;
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
h3 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #3e3e3e;
}
h4 {
}
h5 {
}
p,li {
	font-size: 1.125rem;
	color: #ffffff;
	line-height: 170%;
	
}
dl, ol, ul {
    list-style-position: inside;
}
/*
LINKS
============
*/
a {
	color: #339999;
}
a:hover {
	color: #000000;
}
/*
HEADER
============
*/
#site-header,
#site-header .grid-x {
	height: 200px;
}
.home #site-header,
.home #site-header .grid-x {
	height: 500px;
}

#site-header {
	
	color: #ffffff;
	font-weight: 600;
}
#site-header a {
	color: #ffffff;
}
#site-header a:hover {
	color: #339999;
}
.site-title {
	font-size: 3.5rem;
	margin: 1rem;
	line-height: 100%;
}
.strapline {
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
}
.header-contact{
	border-top: 1px dashed #ffffff;
	padding-top: 1rem;
	margin-top: 2rem;
	display: inline-block;	
}
.hero-box {
	padding: 2rem;
	background-color: rgba(0,0,0,0.68)
}
/*
SECTION - PAGE
============
*/
.accordion {
	margin-bottom: 0!important;
}
.accordion-content {
    display: none;
    padding: 0;
    border: 0;
    border-bottom: 0;
    background-color: #000000;
    color:#ffffff;
}
.services,
.accordion{
	background-color: #E6E6E6;
}
.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 0;
	border-top: 1px solid #ffffff;
    font-size: .75rem;
    line-height: 1;
    color:#000000;
}
.accordion-title:focus, .accordion-title:hover {
    background-color: #000000;
	color: #ffffff;
}
.is-active .accordion-title {
	background-color: #000000;
	color: #ffffff;
}
.accordion-content .cell {
	padding: 1rem;
}
#section-main {
	padding: 0 0 3rem 0;
}
/*
DEMO + HELP: CONTACT FORM
=========================
*/
/*
CONTACT: MAP
=========================
*/
/*
CONTACT: DETAILS
=========================
*/
#section-contact-details {
	padding: 2rem 0;
	background: rgba(234,234,234,1);
	color: #333333;
	font-size: 1.125rem;
	font-weight: 700;
}
p.cd {
	margin-top: 1rem;
	margin-bottom: 0;
	transition: none;
}
#section-contact-details a,
#section-contact-details a p {
	color: #333333;
}
#section-contact-details a:hover,
#section-contact-details a:hover p {
	color: #339999 !important;
}
/*
FOOTER
============
*/
#site-footer {
	padding: 2.5rem 0;
	background-color: #E41B23;
	color: #ffffff;
}
#site-footer p {
	color: #ffffff;
	font-weight: 700;
	font-size: 0.875rem;
}
#site-footer p a {
	color: #ffffff;
}
#site-footer p a:hover {
	color: #000000;
}
.button {
	background-color: #000000;
}
.button:focus, .button:hover {
	background-color: #ffffff;
}
/*
TRANSITIONS
============
*/
#site-header,
.site-logo {
	-webkit-transition: all 0.30s ease;
    -moz-transition: all 0.30s ease;
    -ms-transition: all 0.30s ease;
    -o-transition: all 0.30s ease;
}
/*
MEDIA QUERIES
============
*/
/* Small only */
@media screen and (max-width: 39.9375em) {
	.home #site-header,
.home #site-header .grid-x {
	height: 500px;
}
.site-title {
	font-size: 1.5rem;
}
.home .site-title {
	font-size: 2.5rem;
}

}
/* Medium and up */
@media screen and (min-width: 40em) {
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}
/* Large and up */
@media screen and (min-width: 64em) {
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* VERTICAL MENU QUERIES */
@media screen and (max-height: 600px)  {
}