/*
 Theme Name:     iGaming Review
 Theme URI:      https://www.tommyfalk.com
 Description:    Divi Child Theme for iGaming Review, Created & Maintained by Tommy Falk 2020 - Contact me +46 707 50 35 17 or hello@tommyfalk.com
 Author:         Tommy Falk
 Author URI:     https://www.tommyfalk.com
 Template:       Divi
 Version:        1.0.0
*/

/*************************************************** Font Styles ***/

/*** Root-variabler ***/
:root {
	--color-red: #E6362C;
	--color-blue: #2e3192;
	--color-gray: #5e6262;

	--body-normal: clamp(0.75rem, 0.7rem + 0.22vw, 0.88rem);
}

/*** Rubriker ***/
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

h1 {
	font-size: clamp(1.6rem, 0.05rem + 4vw, 3.25rem);
	color: var(--color-red);
	margin-bottom: 0.5em;
}

h2 {
	font-size: clamp(1.4rem, 0.42rem + 2.44vw, 2.38rem);
	color: var(--color-blue);
	line-height: 1.3em;
}

h3 {
	font-size: clamp(1.25rem, 1.09rem + 0.67vw, 1.63rem);
	color: var(--color-blue);
	line-height: 1.3em;
}

/*** Brödtext ***/
p {
	font-size: var(--body-normal);
}

p a {
	text-decoration: underline;
	transition: color 0.3s ease-in-out;
}

p a:hover {
	text-decoration: underline;
	color: var(--color-red);
}

p.white {
	color: #ffffff;
}

p.sub-headline {
	color: #ffffff;
	font-weight: 700;
	font-size: 18px;
}

p.intro {
	color: var(--color-gray);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4em;
}

/*** Utvald text ***/
p.featured {
	color: var(--color-red);
	font-size: var(--body-normal);
	text-transform: uppercase;
	font-weight: 600;
}

p.caption {
	font-size: clamp(0.7rem, 1vw, 12px);
}

p.ft-articles a {
	color: #ffffff;
	font-size: clamp(0.7rem, 1vw, 14px);
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s ease-in-out;
}

p.ft-articles a:hover {
	text-transform: uppercase;
	text-decoration: underline;
}

.hr-short {
	width: 80px;
	border: none;
	border-top: 3px solid var(--color-red);
	margin: 8px 0px;
}

.hr-short-center {
	width: 80px;
	border: none;
	border-top: 3px solid var(--color-red);
	margin: 8px auto;
}


/*************************************************** Responsive Styles ***/


/*** Responsive Styles Extra Large Desktop And Above ***/
@media all and (min-width: 1405px) {
	/***YOUR CSS HERE ***/
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	/***YOUR CSS HERE ***/
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	/***YOUR CSS HERE ***/
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	/***YOUR CSS HERE ***/
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	/***YOUR CSS HERE ***/
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	/***YOUR CSS HERE ***/
}

/*************************************************** List Styles ***/

/* ul li {
	font-size: 16px;
	margin-bottom: 2px;
}

ol li {
	font-size: 16px;
	margin-bottom: 10px;
	list-style-position: inside;
	padding: 5px;
} */