/**
 * Theme Name: eStar child theme
 * Template: estar
 * Description: Child theme for eStar
 */

.container {
	max-width: 1300px !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", Arial, Tahoma, sans-serif !important;
	font-weight: 300 !important;
	color: #0861a7 !important;
}

body {
	color: #1b212a !important;
}

.colored-background {
    padding: 10px;
	margin: 0 0 20px;
	background-color: #7ec5be24;

}

.join {
	column-count: 2;
}

details {
	display: flex !important;
	flex-direction: row;
}

summary {
	padding: 10px 0;
	width: 60%;
	background-color: rgb(245 245 245);
	margin: 0 20px 20px 0;
	cursor: pointer;
	border-radius: 10px;
}

summary::marker {
	color: #a7a2a2;
}

details[open] summary {
	width: 100%;
	max-width: 200px;
}

@media (min-width: 1024px) {
	.footer-widgets .container {
		grid-template-columns: 300px 300px !important;
	}
}

@media (min-width: 320px) and (max-width: 700px) {
	details {
    flex-direction: column;
}
	summary {
    width: 100%;
}
	.join {
    column-count: auto;
}
}