/*
 Theme Name: legally spicy
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Brands and Brawn
 Author URI: https://www.brandsandbrawn.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*necessary to load Inter font */
:root {
  	font-family: Inter, sans-serif;
  	font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */  
  	--black: #000;
  	--white: #fff;
  	--light-gray: #edede8;
  	--navy: #002e44;
  	--pink: #ec008c;
  	--orange: #fb5807;
	--yellow: #f7941d;
	--green: #7b9d41;
	--brown: #603620;
	--bold: 800;
	--semibold: 700;
	--medium: 600;
	--regular: 500;
	--light: 400;
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}
/* sets Inter as the default font for the page */
body {
    margin: 0;
    box-sizing: border-box;
	color: var(--black);
    font-family: Inter, sans-serif !important;
	font-size: 100% !important;
    font-weight: var(--regular) !important;
	line-height: 1.3em !important;
}
#main-content { 	background-color: var(--light-gray) !important; }
/* sets the spacing for the first section on the page - 
  sets spacing below menu
*/
.first-section:first-child { margin-top: 4rem;}
/*color styles */
.black, .black * { color: var(--black) !important; }
.white, .white * { color: var(--white) !important; }
.navy, .navy * { color: var(--navy) !important; }
.pink, .pink * { color: var(--pink) !important; }
.orange, .orange * { color: var(--orange) !important; }
.gold, .gold * { color: var(--gold) !important; }
.green, .green * { color: var(--green) !important; }
.brown, .brown * { color: var(--brown) !important; }
/* font-weight styles */
.bold, .bold * {font-weight: var(--bold);}
.semibold, .semibold * {font-weight: var(--semibold);}
.medium, .medium * {font-weight: var(--medium);}
.regular, .regular * {font-weight: regular;}
.light, .light * {font-weight: light;}
/* heading styles */
h1, h2, h3 { color: var(--orange); font-family: Inter, sans-serif !important; font-weight: var(--medium) !important; }
h4, h5, h6 { color: var(--orange); font-family: Inter, sans-serif !important; font-weight: var(--medium) !important; } 
h1 { font-size: 5rem; }
.et_pb_text_inner h2, h2, .h2, .h2 h2 { font-size: 3.125rem; line-height: 1em;	letter-spacing: -.05em; }
.et_pb_text_inner h3, h3, .h3, .h3 h3 { font-size: 2rem; line-height: 1em;	letter-spacing: -.05em; }
.et_pb_text_inner h4, h4, .h4, .h4 h4 { font-size: 1.5rem; line-height: 1em;	letter-spacing: -.025em; }
.et_pb_text_inner h5, h5, .h5, .h5 h5 { font-size: 1.25rem; line-height: 1em;	letter-spacing: -.025em; }
.et_pb_text_inner h6, h6, .h6, .h6 h6 { font-size: 1.15rem;  line-height: 1em;	letter-spacing: -.025em;}
.preheading, .preheading p {
    margin-bottom: .05rem;
	padding: 0;
	font-size: 1rem;
	font-weight: var(--light);
	line-height: 1.25em;
}
.large-text { font-size: 1.5rem; line-height: 2.1rem;}
.small-text, .small-text * { font-size: .85rem; }
.extra-small-text, .extra-small-text * { font-size: .75rem; }
.tiny-text, .tiny-text * { font-size: .625rem; }
#copyright a:hover { color: var(--orange);}

/*blog styles */
.single-post a { color: var(--orange); }
.single-post a:hover {text-decoration: underline;}
.single-post li::marker {color: var(--orange);}
.single-post li {padding-bottom: .5rem;}
.single-post .h2,
.single-post .h3,
.single-post .h4,
.single-post .h5,
.single-post .h6
{ padding-top: 1rem; }
.single-post img {border-radius: 10px;}
.toc { background-color: var(--light-gray); margin: 2rem 0; padding: 2rem 4rem 4rem; border-radius: 10px;}
.toc a { color: var(--orange); }
.three-columns { background-color: var(--light-gray); margin: 2rem 0; padding: 2rem 0; justify-content: space-around;}

@media (max-width: 980px) {
	h1 {
		font-size: 3rem;
		line-height: 2.7rem;
	}
	h2, .h2, .h2 h2 {
		font-size: 2.5rem;
		line-height: 2.4rem;
	}

		.first-section:first-child { margin-top: 5rem; }
	.et_pb_columm {
		margin-bottom: 0 !important;
	}
	.flip-cols-on-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
       -webkit-flex-wrap: wrap; /* Safari 6.1+ */
       flex-wrap: wrap;
	}
	.first-on-mobile {
	   -webkit-order: 1;
	   order: 1;
	}
	.second-on-mobile {
	   -webkit-order: 2;
	   order: 2;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; }

}
@media (max-width: 767px) {
	.first-section:first-child { margin-top: 8rem; }
}