/*
 * Theme Name: MPAC by Politikit
 * Description: Developed for MPAC by Politikit.
 * Author: Politikit
*/


/* CSS Overrides */
:host,
html {
    font-family: "tt-commons-pro", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "tt-commons-pro", sans-serif !important;
    font-weight: 800 !important;
}

h1 {
	font-size:2.25rem !important
}
h2 {
	font-size:2rem !important
}
h3 {
	font-size:1.5rem !important
}
h4 {
	font-size:1.125rem !important
}
h5 {
	font-size:1rem
}
h6 {
	font-size:875rem !important
}
@media(max-width:767px) {
	h1 {
		font-size:2rem !important
	}
	h2 {
		font-size:1.5rem !important
	}
	h3 {
		font-size:1.125rem !important
	}
	h4 {
		font-size:1rem
	}
	h5 {
		font-size:875rem !important
	}
	h6 {
		font-size:75rem !important
	}
}

h1.text-xl {
  font-size: 1.25rem !important;
}

.font-serif {
    font-family: "tt-commons-pro", sans-serif;
}



.btn {
	font-weight:800;
	padding-top:.6rem;
	padding-bottom: .4rem;
}


.grid_gap_20 {
	gap:20px;
}
.grid_gap_20 + .grid_gap_20 {
	margin-top:20px;
}
.grid_images.wp-block-columns {
	gap: 4%;
}
.grid_images.wp-block-columns figure {
	margin-top: 0;
	margin-bottom: 3.6%;
}

.narrow_copy p,
.narrow_copy figure {
	margin-bottom:30px;
}

.btn_default_group {
    display: inline-flex;
    gap: 15px;
}
.btn_default_group.btn-right {
    justify-content: right;
}
.btn_default {
    border:2px solid #075E79;
    background: #075E79;
    color:#fff;
    font: bold 14px/1 "tt-commons-pro", sans-serif;
    padding: 16px 16px 14px;
}
.btn_default.trans {
    background: transparent;
    color:#075E79;
}

.btn_readmore {
    color:#008dd2;
    border-color:#008dd2;
}

.label_cat,
.label_tag {
    line-height: 1;
    font-weight: 400;
    padding: 6px 8px 4px;
}


@media (min-width: 768px) {
	.md\:text-lg {
		font-size: 1rem;
	}

	.narrow_copy {
		padding-left:60px;
		padding-right:60px;
	}
	.narrow_copy .wide_image {
		margin-left:-60px;
		margin-right:-60px;
	}
	.narrow_copy .wide_image img {
		width:100%;
	}
}
@media (min-width: 1024px) {
	.lg\:prose-xl p {
		font-size: 1rem;
	}
}

@media (max-width: 767px) {
	:host, html {
		font-size: .875rem;
	}
}