/*
Theme Name: Citizens for a Loring Park Community
Description: A child theme built from the Fundrize theme from ThemeForest
Author: Minnesota Tech LLC
Author URI: www.mntech.co
Template: fundrize
version: 1.0
*/

@import url("../fundrize/style.css");

/* Global */
p {
    color: #060606;
}

.rev_slider .wprt-button.has-icon.slider-button {
    background-color: #ffffff;
    color:#6b6b6b;
    font-weight: 600;
    transition: 0.25s;
}

.rev_slider .wprt-button.has-icon.slider-button:hover {
    background-color: #6b6b6b;
    color: #ffffff;
}

.wprt-image-box .item .inner .title a:hover {
    color: #444444;
    text-decoration: underline;
}

.clpc-subheading-text {
    text-align: center;
}

.clpc-subheading-text p {
    color: #060606;
    margin: 0 auto;
    margin-bottom: 1.5rem;
    max-width: 800px;
}

#main-content .wprt-container {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.clpc-under-construction-row {
    display: flex;
}

.clpc-under-construction-text,
.clpc-under-construction-img {
    margin: auto;
}

.clpc-attribution {
    color: #060606;
    font-size: 10px;
}

.clpc-attribution a{
    color: #060606;
    text-decoration: underline;
}

/* Slider */
.slider-header, .slider-description {
    text-shadow: 1px 1px #000000;
}

.rev_slider .wprt-button.has-icon.slider-button {
    padding: 1rem;
    text-align: center;
}

.tp-bgimg {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}

/* Top Bar */
#top-bar {
    display: flex;
    justify-content: flex-end;
}

#top-bar .top-bar-content .content.welcome:before { 
    content: unset; 
}

#top-bar #top-bar-inner {
    margin: 0;
}

#top-bar .top-bar-inner-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 0 4rem;
    width: unset;
}

#top-bar .top-bar-content {
    align-items: center;
    display: flex;
    text-align: unset;
    width: inherit;
}

#top-bar .community-partner-link,
#top-bar .community-partner-link a {
    color: black;
}

#top-bar .top-bar-socials {
    display: none;
}

/* Header */
#site-header .wprt-container {
    width: 100%;
}

#site-header .wrap-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#site-logo {
    display: flex;
    float: none;
}

#child-site-logo-text-wrapper {
    flex-shrink: 2;
    padding: 2rem;
}

.child-logo-text-community {
    display: flex;
}

#site-header .wprt-info .info-i {
    display: none;
}

.info-i i::before {
    content: unset;
}

#site-header .wprt-info .inner > div {
    border: 1px solid #777FA1;
    padding: 2rem;
}

#site-header #header-aside {
    display: flex;
}

#site-header #header-aside > * {
    float: none;
}

#site-header .header-aside-btn {
    background-image: url('./assets/icons/fb-grey.svg');
    background-repeat: no-repeat;
}

#site-header .header-aside-btn a > span {
    display: none;
}

#site-header #header-aside .header-aside-btn a {
    border: none;
    height: 100%;
    margin: 0;
    width: 100%;
}

.header-link {
    color: #777;
    text-transform: uppercase;
}

/* Primary Navigation */
#site-header .site-navigation-wrap {
    background-color: #139146;
}

#main-nav.main-nav {
    align-items: center;
    display: flex;
    height: 6.6rem;
}

#main-nav .sub-menu {
	background-color: rgba(255,255,255,0.8);
}

#main-nav .sub-menu li a,
.clpc-events-calendar-header a{
	color: #060606;
	font-weight: 700;
}

#main-nav .sub-menu li a:hover,
.clpc-events-calendar-header a:hover{
	color: #060606;
	text-decoration: underline;
}

.clpc-events-calendar-header a {
	margin-right: 40px;
}

#main-nav ul {
    align-items: center;
    display: flex;
}

#main-nav > ul > li {
    float: none;
    padding: 0;
}

#site-header .site-navigation-wrap #main-nav > ul > li:first-child {
    border-left: 2px solid #fff;
}

#site-header .site-navigation-wrap #main-nav > ul > li {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

#site-header .site-navigation-wrap #main-nav > ul > li,
#site-header #header-search {
    display: flex;
    height: 4rem;
}

#site-header .site-navigation-wrap #main-nav > ul > li.current-menu-item:after {
    content: none;
}

#site-header .site-navigation-wrap #main-nav > ul > li > a {
    align-self: center;
}

#main-nav > ul > li.menu-item-has-children > a {
    padding: 0;
}

#site-header .site-navigation-wrap #main-nav > ul > li > a::after {
    content: none;
}

#main-nav .sub-menu {
    display: block;
}

#site-header .site-navigation-wrap .inner {
    align-items: center;
    display: flex;
}

#site-header #header-search {
    align-items: center;
    border: 2px solid #fff;
}

#site-header .site-navigation-wrap .header-search-icon {
    align-items: center;
    border: none;
    display: flex;
    font-size: 14px;
    height: inherit;
    justify-content: center;
}

#site-header .site-navigation-wrap .header-search-form {
    top: -2px;
}

#site-header .site-navigation-wrap .header-search-form input {
    height: 4rem;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- Home Page ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Events */
.wprt-image-box .item .text-wrap,
.description-event-home {
    background-color: #ffffff;
}

#row-events-home img {
    border-bottom: 1px solid lightgrey;
}

.description-event-home {
    color: #232323;
    padding: 20px 30px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ About ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.clpc-circle-img img,
.clpc-current-project img {
    border-radius: 50%;
}

.clpc-read-more {
    padding: 0 0 2rem 0;
    text-align: center;
}

.clpc-read-more a,
.clpc-read-more a,
.clpc-master-plan-link a {
    color: #444444;
    text-decoration: underline;
}

#clpc-about-our {
    display: flex;
}

.clpc-project-row {
    display: flex;
    justify-content: center;
}

.clpc-about-us-right p {
	margin: 10px;
}

.clpc-about-us-right a {
	color: #060606;
}

.clpc-about-us-right a:hover {
	color: #060606;
	text-decoration: underline;
}

.clpc-board-list p {
	font-size: 16px;
	font-weight: 600;
}

.clpc-minutes-link a,
.clpc-board-contact-message a{
	color: #444444;
}

.clpc-minutes-link a:hover,
.clpc-board-contact-message a:hover {
	color: #444444;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Projects ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.clpc-width-33 {
    width: 33%;
}

.clpc-project-left .sep {
    width: 75% !important;
}

.clpc-multi-line,
.clpc-project-paragraph {
    margin-bottom: 0;
}

.clpc-master-plan-link {
    font-size: 12px;
    font-weight: 600;
    margin: 0 auto;
    padding: 1.5rem 0 0 0;
    width: 150px;
}

.clpc-current-project .item .text-wrap .desc {
    margin: 0 auto;
    max-width: 350px;
}

.clpc-master-plan-list ul,
.clpc-master-plan-list p {
    line-height: 1.25;
}

.clpc-master-plan-list p {
    margin: 0;
}

.clpc-master-plan-list .wprt-info-list .title, 
.clpc-master-plan-list .wprt-info-list .text {
    display: block;
}

.clpc-master-plan-list .wprt-info-list .title {
    max-width: 300px;
}

.clpc-master-plan-list .wprt-info-list .text a {
    color: #060606;
    text-decoration: underline;
}

.clpc-master-plan-list .wprt-info-list .text li {
    padding-left: 2rem;
}

.clpc-master-plan-list .wprt-info-list .text a:hover {
    color: #060606;
}

.clpc-master-plan-list:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Development ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clpc-development-item {
    display: flex;
    margin-bottom: 5rem;
}

.clpc-development-img img {
    border-radius: 50%;
}

.clpc-development-text {
    margin: auto 4rem;
}

.clpc-development-text p {
    margin: 0 0 12px;
}

.clpc-development-text a {
    color: #6b6b6b;
    font-weight: 700;
    text-decoration: underline;
}

.clpc-sidebar-development h3 {
    background: #444444;
    padding: 3rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Sidebar ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clpc-sidebar h2 {
    border-bottom: 1px #cccccc solid;
    padding: 1.5rem 0;
    width: 75%;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Calendar ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.em-calendar.fullcalendar thead {
    background-color: #666666;
}

.em-calendar.fullcalendar thead td,
.em-calendar.fullcalendar .em-calnav {
    border: none;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

.clpc-calendar table.em-calendar td.eventful-today a {
    color: #ffffff;
}

.clpc-calendar table.em-calendar td.eventful li a, 
.clpc-calendar table.em-calendar td.eventful-today  li a {
    color: #4781AC;
}

.clpc-calendar .fullcalendar ul {
    list-style: none;
	margin: 0;
}

.clpc-calendar table.em-calendar td.eventful li, 
.clpc-calendar table.em-calendar td.eventful-today li {
    color: #4781AC;
}

.em-calendar.fullcalendar .eventful,
.em-calendar.fullcalendar .eventful-pre,
.em-calendar.fullcalendar .eventful-post {
    padding: 0;
}

table.em-calendar td.eventful-pre a, 
table.em-calendar td.eventful-post a {
    text-decoration: none;
}

table.em-calendar td.eventful-post > a,
table.em-calendar td.eventful-pre > a, 
table.em-calendar td.eventful > a {
    color: #ffffff;
    display: flex;
    font-weight: 700;
    line-height: 2.5;
    padding-left: 5px;
}

table.em-calendar td.eventful > a,
table.em-calendar td.eventless {
    background-color: #b2b2b2;
}

table.em-calendar td.eventful-post > a,
table.em-calendar td.eventful-pre > a,
table.em-calendar td.eventless-pre,
table.em-calendar td.eventless-post {
    background-color: #DEDEDE;
}

table.em-calendar td.eventless,
table.em-calendar td.eventless-pre,
table.em-calendar td.eventless-post {
    background-clip: content-box;
    color: #ffffff;
    font-weight: 700;
    line-height: 2.5;
    padding: 0;
}

.clpc-calendar table.em-calendar td.eventful li, 
.clpc-calendar table.em-calendar td.eventful-today li,
.clpc-calendar table.em-calendar td.eventful-pre li, 
.clpc-calendar table.em-calendar td.eventful-post li,
.clpc-calendar .eventless {
	margin: 5px 1rem;
}

.clpc-calendar table.em-calendar td.eventful li a, 
.clpc-calendar table.em-calendar td.eventful-today li a,
.clpc-calendar table.em-calendar td.eventful-pre li a, 
.clpc-calendar table.em-calendar td.eventful-post li a {
    border-bottom: 1px #cccccc solid;
}

.clpc-calendar .clpc-event-hover-details {
	display: none;
}

.clpc-calendar .clpc-event-details {
	position: relative;
}

.clpc-calendar table.em-calendar td.eventful .clpc-event-details:hover .clpc-event-hover-details, 
.clpc-calendar table.em-calendar td.eventful-today .clpc-event-details:hover .clpc-event-hover-details,
.clpc-calendar table.em-calendar td.eventful-pre .clpc-event-details:hover .clpc-event-hover-details, 
.clpc-calendar table.em-calendar td.eventful-post .clpc-event-details:hover .clpc-event-hover-details {
	background-color: #ffffff;
	border: 1px solid lightslategrey;
	bottom: 25px;
	box-shadow: 2px 2px 6px lightslategrey;
	display: block;
	left: 5px;
	position: absolute;
}

.clpc-calendar .clpc-event-hover-details {
	color: #444444;
	font-weight: 700;	
}


.clpc-calendar .clpc-event-hover-details .clpc-event-name {
	color: #6b6b6b;
	font-size: 16px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Single Event Page ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
article.event {
    padding: 0 100px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ CLPC Events ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clpc-clpc-events-left .btn {
    border: 1px solid #cccccc;
    text-align: center;
}

.clpc-clpc-events-left .btn a {
    margin: 0;
    padding: 2rem;
    width: 100%;
}

.clpc-clpc-events-header {
    margin-bottom: 2rem;
}

.clpc-clpc-events-header p {
    margin: 0;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Resources --------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clpc-resource-link a {
    color: #060606;
    text-decoration: underline;
}

/* Safety */
.clpc-safety-resource-grid a {
    color: #060606;
}

.wprt-image-box .item .simple-link:after {
    background-color: #060606 !important;
}

.clpc-contact .wprt-headings .sep {
    background-color: #139146;
}

.clpc-saftey-numbers strong {
	color: black;
	font-size: 20px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer-widgets.wprt-container {
    width: inherit;
}

#footer-widgets .wprt-row {
    display: flex;
}

#footer-widgets .wprt-row .widget-title span::after {
    content: unset;
}

#footer-widgets .wprt-row .fa-angle-right::before {
    content: unset;
}

.span_1_of_6.col {
    line-height: 1.5;
    width: 16.7%;
}

.span_1_of_6.col * {
    color: #16131D;
}

#footer-widgets .widget .widget-title{
    margin: 0;
}

#footer-widgets .wprt-row .widget-title span {
    text-decoration: underline;
}

#footer-widgets .widget.widget_links ul li a {
    padding: 0;
}

.span_1_of_6.col a:hover,
.span_1_of_6.col a:focus {
    text-decoration: underline;
}

#media_image-1.widget_media_image{
    width: 72.5px;
    position: absolute;
    right: 5px;
}

.gutter-30 :first-child {
    position: relative;
}

/* --------------- Media Queries ------------------ */
@media only screen and (max-width: 1230px) {
    .top-bar-menu {
        display: inline-block;
    }

    @media only screen and (max-width: 1072px) {
        #site-header .wrap-inner {
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
    }

    .top-bar-menu, #site-header .header-aside-btn {
        display: block;
    }

    #site-header .wprt-info .inner > div:last-child {
        margin-right: 36px;
    }
}

@media only screen and (max-width: 982px) {
	#site-header .site-navigation-wrap #main-nav > ul > li > a {
        font-size: 12px
    }
}

@media only screen and (max-width: 959px) {
    #top-bar {
        justify-content: flex-start;
    }

    #top-bar .top-bar-content {
        font-size: 12px;
    }

    #site-header .wrap-inner {
        display: block;
    }

    .mobile-button {
        top: 20px;
    }

    #site-header .mobile-button { 
        display: none;
    }

	#main-nav,
	#site-header #header-search,
	.nav-top-cart-wrapper,
	.site-navigation-wrap,
	#header-aside,
	#sidebar { 
        display: block; 
    }

    #site-logo {
        max-width: 100%;
    }

    .clpc-under-construction-row {
        flex-direction: column;
    }
}

@media only screen and (max-width: 896px) {
    #top-bar .top-bar-content {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 873px) {
	#site-header .site-navigation-wrap #main-nav > ul > li {
		padding: 1.31rem;
	}
}

@media only screen and (max-width: 850px) {
	.clpc-calendar a {
		font-size: 12px;
	}
}

@media only screen and (max-width: 767px) {
    #footer-widgets .wprt-row {
        flex-direction: column;
    }

    #media_image-1.widget_media_image {
        margin: auto;
        position: relative;
    }

    .wprt-row.gutter-30 > .col {
        text-align: center;
    }

    #clpc-about-our {
        flex-direction: column;
    }

    .clpc-read-more,
    .clpc-read-more {
        padding-bottom: 5rem;
    }

    .clpc-project-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .clpc-width-33 {
        width: 100%;
    }
}

@media only screen and (max-width: 754px) {
    #main-nav,
    #site-header #header-search,
    .nav-top-cart-wrapper,
    .site-navigation-wrap,
    #header-aside,
    #sidebar { 
        display: none; 
    }

    #site-header .mobile-button { 
        display: block;
    }

    .menu-has-search.menu-has-cart #main-nav-mobi .search-form {
        margin: 15px 20px;
    }
}

@media only screen and (max-width: 715px) {
	.clpc-calendar .days-names,
	.clpc-calendar .eventful-pre {
		display: none;
	}
	
	.clpc-calendar tr {
		display: flex;
		flex-direction: column;
	}
	
	.clpc-calendar thead tr {
		flex-direction: row;
		justify-content: space-between;
	}
}


@media only screen and (max-width: 649px) {
    .child-site-logo-text {
        font-size: 2em;
    }
}

@media only screen and (max-width: 587px) {
    .child-site-logo-text {
        font-size: 1.56em;
    }

    #site-header #header-aside {
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 504px) {
    .top-bar-menu li:before {
        content: unset;
    }
}

@media only screen and (max-width: 425px) {
    #site-header #header-aside {
        display: block;
        float: none;
    }

    #site-header #header-aside .inner > * {
        width: 100%;
    }

    #site-header #header-aside .inner .info-c {
        text-align: center;
    }

    #site-header #header-aside .inner .info-two {
        margin-top: 2rem;
    }

    #site-header .header-aside-btn {
        display: none;
    }
}

@media only screen and (max-width: 330px) {
    #top-bar .top-bar-content {
        font-size: 11px;
    }
}