/*
 * 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;
}
body {
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "tt-commons-pro", sans-serif !important;
	font-weight: 800 !important;
	line-height:1;
	margin-bottom:15px;
}
h3, h4, h5, h6 {
	font-weight: 700 !important;
	line-height:1.2;
}

h1:not([style*="size"]) {
	font-size:56px !important;
	line-height:1;
}
h2:not([style*="size"]) {
	font-size:32px !important
}
h3:not([style*="size"]) {
	font-size:24px !important
}
h4:not([style*="size"]) {
	font-size:18px !important
}
h5:not([style*="size"]) {
	font-size:16px !important
}
h6:not([style*="size"]) {
	font-size:14px !important;
}
@media(max-width:1024px) {
	h1,
	h1:not([style*="size"]) {
		font-size:40px !important
	}
}

@media(max-width:480px) {
	h1:not([style*="size"]) {
		font-size:28px !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;
}

.mx_auto {
	margin-left:auto !important;
	margin-right:auto !important;
}
.leading_15 {
	line-height:1.5;
}
.mb_0 {
	margin-bottom:0;
}
.mx_0 {
	margin-left:0 !important;
	margin-right:0 !important;
}
.my_0 {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
figure.my_0 img {
	margin-top:0;
	margin-bottom:0;
}

figure.mx_0 img {
	margin-top:0;
	margin-bottom:0;
}

hr.is-style-wide {
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}


.slick-slider {
	padding-left:20px;
	padding-right:20px;
}
.slick-slider .slick-arrow {
	position:absolute;
	top:50%;
	font-size:0;
}
.slick-slider .slick-arrow::before {
	content: "";
	position: absolute;
	border-top: 2px solid;
	border-left: 2px solid;
	width: 15px;
	height: 15px;
}
.slick-slider .slick-prev {
	left:0;
	transform: rotate(-45deg);
}
.slick-slider .slick-next {
	right:0;
	transform: rotate(135deg);
}
.slick-slider figure {
	vertical-align:top;
}


.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;
	align-items:flex-start;
}
.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;
}


.wp-block-group.fullwidth {
	left: 50%;
	position: relative;
	margin-left: -50vw;
	width: 100vw;
	padding-top:1px;
	padding-bottom:1px;
}
.wp-block-group.fullwidth > .wp-block-group__inner-container {
	width:1280px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
}
.wp-block-group.fullwidth h2,
.wp-block-group.fullwidth h3,
.wp-block-group.fullwidth h4 {
	margin-top:0
}

.wp-block-group.sec_westand {
	padding:80px 0 30px;
}
.westand_item figure {
	margin:0;
}

.wp-block-group.sec_wecall {
	padding:40px 0 10px;
}

.wp-block-group.sec_billboard {
	padding:80px 0 30px;
}
.sec_billboard .billboard_stats {
	padding:0;
	gap:0;
}
.billboard_stats .stats_info {
	padding:40px;
}

.billboard_gallery {
	gap:0;
}

.images_slider_lightbox {
	display:block;
	margin:0 !important;
}
.images_slider_lightbox .slick-slide {
	padding:0 10px;
}
.images_slider_lightbox .slick-slide img {
	margin:0;
}
.slide_slider_lightbox {
	padding:20px 40px;
}

.mpac_lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}
.mpac_lightbox_in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 100%;
	width:1015px;
}
.mpac_lightbox img {
	width: 100%;
	height: auto;
}
.mpac_lightbox_close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 45px;
	color: #fff;
	cursor: pointer;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	line-height: .5;
	padding: 7px 0 0;
}
.mpac_lightbox_prev,
.mpac_lightbox_next {
    position: absolute;
    top: 50%;
    font-size: 25px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    line-height: 1;
    padding: 10px 12px 5px 10px;
	margin-top:-20px;
}
.mpac_lightbox_prev {
    left: 0;
}
.mpac_lightbox_next {
    right: 0;
}


.wp-block-group.sec_toolkit {
	padding:80px 0;
}
.sec_toolkit .recource_guide {
/* 	padding: 40px 50px; */
	display:block;
}
.recource_guide ul.two_cols {
	columns:2;
}
.recource_guide ul {
	margin-bottom:30px;
}
.recource_guide ul li {
	margin: 0 0 15px;
	line-height: 1.2;
}

.nospace {
	margin-bottom:-65px !important;
}

.galleryvid_preview, 
.galleryvid_preview iframe {
	height:100%;
	width:100%;
	min-height: 300px;
}
.galleryvid_items {
	position: relative
}
.galleryvid_items figure {
	margin:0;
	position:relative;
	width: 100%;
	overflow:hidden;
}
.galleryvid_items figure a {
	position:absolute;
	left:0;
	top:0;
	width:190px;
	height:100%;
}
.galleryvid_items figure a:before {
	content:"";
	width:35px;
	height:35px;
	position:absolute;
	left:10px;
	bottom:10px;
	background: url(/wp-content/uploads/vidplay.svg) no-repeat left top / 35px 35px;
}
.galleryvid_items figure a:after {
    content: "";
    position: absolute;
    inset: 0;
    right: -230%;
}
.galleryvid_items figure img {
	height:100%;
	width:100%;
	object-fit:cover;
	margin:0;
}
.galleryvid_items figure figcaption {
	padding:15px 25px 15px 220px;
	margin:0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	background:#f3f4f6;
	min-height:106px;
	line-height: 1.3;
}

.galleryvid_preview figure {
	margin:0;
	position:relative;
	width:100%;
	height:100%;
}
.galleryvid_preview figure img {
	margin:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.galleryvid_preview figure a {
	vertical-align:top;
	display:block;
	width:100%;
	height:100%;
}
.galleryvid_preview figure figcaption {
	background: rgba(7, 48, 74, 0.8) url(/wp-content/uploads/vidplay.svg) no-repeat 20px center;
	padding:16px 16px 16px 90px;
	line-height:1.2;
	font-size:18px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	margin:0;
	min-height: 75px;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.galleryvid_preview figure figcaption * {
	color:#fff;
}

.grid.event_list {
	display:block
}
.event_list .event_item {
	padding:10px 10px 10px 100px;
	position:relative;
	background:none !important;
	margin-bottom:35px;
	min-height:80px;
}
.event_list .event_item  .edate {
	display:flex !important;
	flex-flow:wrap;
	background:#4B5563;
	color:#fff;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	width:70px;
	justify-content: center;
	align-content: center;
}
.event_list .event_item > * {
	margin-top:0 !important;
}
.event_list .event_item h1 {
	font-weight:700 !important;
	margin-bottom:10px !important;
	color:rgb(2 22 29) !important;
}

.event_list .event_item .edate b {
	display: block;
    width: 100%;
    font-size: 32px;
    height: 28px;
    font-weight: 900;
    line-height: 1;
}
.event_list .event_item .ecats {
/* 	display:block !important */
}
.event_list .event_item .ecats a {
	color:#4B5563;
	background:#f3f4f6;
	font-size:12px;
	padding:5px 8px 2px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:500;
}
.event_list .event_item .ecats a:first-child {
	background:#e0f2fe;
}

.event_list .event_item .eread {
	display:none !important
}
.event_list .event_item .edloc {
	color:#4B5563 !important;
}
.event_list .event_item .edloc span {
	display:none !important
}


.custom_search  form {
	max-width: 895px;
  margin: 0 auto 40px !important;
}
.custom_search  form > input {
	background:#fff;
	padding: 15px 20px 15px 50px;
	border:1px solid rgb(197, 209, 213);
	border-radius:5px;
}
.custom_search  form button {
	margin:10px;
	color:rgba(0, 141, 210, 1);
}


aside article h4 {
	margin-top:5px;
}


@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;
	}
	
	.lg_pt_72 {
		padding-top:72px;
	}
	.lg_pb_72 {
		padding-top:72px;
	}
	
	h1.smaller-h1 {
		font-size:42px !important;
	}
}


@media(max-width:1024px) {
	.slide_slider_lightbox {
		padding: 20px 10px;
	}
}
@media(max-width:991px) {
	.sm_justify_center,
	.wp-block-buttons.sm_justify_center {
		justify-content:center;
		text-align:center;
	}
	.sm_justify_left,
	.wp-block-buttons.sm_justify_left {
		justify-content:flex-start;
		text-align:left;
	}
	
	.btn_default_group.btn-right {
		text-align:left;
		justify-content:flex-start;
	}
}

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


@media (max-width: 640px) {
	.galleryvid_items figure a {
		width: 130px;
	}
	.galleryvid_items figure figcaption {
		padding-left:150px;
	}
}

@media (max-width: 480px) {
	.pagination > div:nth-child(2){
		display:none !important
	}
}

/* Blake Edit */
@media (max-width: 768px) {
	.text-3xl {
		font-size: 1.875rem;
		line-height: 2.75rem;
	}
}


/* Blog post detail */
.wp-block-list li {margin-bottom:5px;}
ul.wp-block-list{list-style:disc;margin-left:30px;margin-bottom:20px}
ol.wp-block-list{list-style: decimal;  margin: 0 0 20px 30px;}
.wp-block-pullquote{padding:15px 0}
.wp-block-pullquote blockquote,.wp-block-quote{padding:40px 0 0 38px;border-left:10px solid #0a8eb8;position:relative;font-size:18px;font-style:italic}
.wp-block-pullquote blockquote:before,.wp-block-quote:before{content:"";background:url(https://www.mpac.org/wp-content/uploads/icon-chat-q.svg)no-repeat;position:absolute;width:24px;height:24px;top:0}
.wp-block-pullquote blockquote p,.wp-block-quote p{font-style:italic}
.wp-block-quote .wp-block-quote{padding:0;background:none;border:0}
.wp-block-quote .wp-block-quote:before{display:none}
.wp-block-pullquote blockquote cite,.wp-block-quote .cite{font-style:normal;font-weight:400;font-size:14px;display:block}
.wp-block-pullquote blockquote cite img,.wp-block-quote .cite img{width:48px;height:48px;object-fit:cover;border-radius:50px;float:left;margin-right:8px}

.post_header{padding:130px 15px 45px}
.post_header h1{margin-bottom:20px}
.post_meta{display:flex;gap:10px}
.post_meta svg{display:inline-block}
.post_meta span{color:#fff}

.post_stick_copy{display:flex;position:relative;flex-flow:wrap;padding:60px 0 0}
.post_stick_copy .social_sticky{position:sticky;top:170px;width:60px;padding:0 13px 0 0;height:200px}
.post_stick_copy .post_copy{width:calc(100% - 60px);padding:0 60px 40px 0}
.post_stick_copy .post_copy figure{margin:0 0 40px}
.post_stick_copy .post_copy figure.alignleft {margin: 0 15px 0 0; max-width:50%;}
.post_stick_copy .post_copy article{max-width:680px;margin:0 auto}
.post_stick_copy .post_copy p{margin:0 0 15px}
.post_copy .wp-block-buttons {margin-bottom:15px;}
.post_copy figure figcaption {margin-top:10px; font-size:14px;}
.post_tagcat{text-align:center;padding:40px 0;color:#6B7280}
.post_tagcat a{display:inline-block;margin:0 5px;padding:5px;line-height:1;color:#6B7280;border-bottom:1px solid #6B7280}
.social_sticky .share_icons{display:flex;flex-direction:column;align-items:center;gap:10px}
.social_sticky .share_icons span{font-size:10px;text-transform:uppercase;letter-spacing:1px}

@media(max-width:1024px) {
	.post_stick_copy .post_copy{padding:0 15px 40px 0}
	.post_stick_copy .social_sticky{padding:0 8px}
}
@media(max-width:767px) {
	.post_header{padding:40px 15px}
	.post_stick_copy{padding-top:40px}
	.post_copy article > :last-child{margin-bottom:0!important;padding-bottom:0!important}
	.post_stick_copy .social_sticky{top:80px}
}

/* end blog detail */


/* new footer */
.footnav {display: flex;gap: 3%;flex-flow: wrap;}
.footnav > div:nth-child(1) {width: 11%;}
.footnav > div:nth-child(2) {width: 11%;}
.footnav > div:nth-child(3) {width: 17%; padding-right: 20px;}
.footnav > div:nth-child(4) {width: 16%;}
.footnav > div:nth-child(5) {width: 16%;}
.footnav > div:nth-child(6) {width: 13%;}
.footnav > div > a {font-size:15px;font-weight:700;}
.footnav ul {margin-bottom:20px;}
.footnav ul li {margin: 15px 0;}
.footnav ul li a {position:relative;padding-left:20px;font-size:13px;display:inline-block;}
.footnav ul li a:before {content:"";position:absolute;	width:12px;	border-top:1px solid #008DD2; top:8px; left:0;}

.footcopy {padding: 40px 0 0;  border-top: 1px solid #008DD2;}
.footcopy .locs {width:62%; font-size:13px;}
.footcopy .locs > div {width: 50%; display:block;}
.footcopy .locs .text-base {font-size:14px; font-weight:900; margin-bottom:12px;}
.footcopy .addr {max-width:190px;}
.footcopy .footph {margin: -42px 0 0 auto !important; width: 40%; color: #fff;}
.footcopy .footph b {color:#B9E7FE;}
.footcopy .copyr {padding-right:30px;}
.footcopy .copyr p {font-size:13px}
@media(min-width:768px) and (max-width:1100px) {
	.footcopy .footph {margin:0 !important; width:auto;}
}

@media (max-width:1100px) {
	.footnav > div {width:calc(33% - 3%) !important;}
}
@media (max-width:767px) {
	.footcopy .locs { width: 100%;flex-flow:wrap;}
	.footcopy .locs > div {width:100%; margin:0 0 20px !important;}
	.footcopy .copyr {max-width:none; padding:50px 0 0; text-align:center; order: 2;}
	.footcopy .copyr img {max-width: 300px;  margin: 0 auto 10px;}
}
@media (max-width:640px) {
	.footnav > div {width:calc(50% - 3%) !important;}
}