
/* Pre 2020 */
.content-area,.site-header{width:90vw;margin:0 auto}

.single-candidate .contact-info,
.single-profile .contact-info{margin-left:0;padding-left:0}

.single-candidate .contact-info li,
.single-profile .contact-info li{list-decoration:none;display:inline-block;margin-right:1rem}

.blog .byline{display:none}
.blog h2.entry-title a{font-size:1.875rem;font-weight:bold}
.blog .widget-area ul{margin:0}.page-numbers{width:2em;height:2em;padding-top:0.1em;border:1px solid #2F772F;border-radius:50%;display:inline-block;text-align:center;margin-right:0.5em;margin-top:0.5em;margin-bottom:1em}

.page-numbers.current,.page-numbers:hover{background-color:#2F772F;color:#ffffff}
.page-numbers.dots,.page-numbers.next,.page-numbers.prev{width:auto;border:none;background-color:transparent!important;border-radius:0;color:#2F772F!important}
.blog .site-content{margin-top:2rem!important}
.blog article.post{margin-bottom:5rem}
.blog-sidebar h2{font-weight:600;margin:0.5em 0}
.blog-sidebar section{margin-bottom:3rem}
section.recent-posts-widget-with-thumbnails ul,section.TagWidget ul{margin:0;padding:0;list-style:none}
section.recent-posts-widget-with-thumbnails ul li,section.TagWidget ul li{margin-bottom:1em}
section.recent-posts-widget-with-thumbnails a,section.TagWidget a{color:#404040;font-weight:600}
section.recent-posts-widget-with-thumbnails img,section.TagWidget img{width:100%!important;height:auto!important;margin:0!important}
section#text-2{background-color:#2F772F;padding:0.5rem 1rem 1rem;display:none}section#text-2 h2{background-color:#FEFC09;display:inline-block;color:#2F772F;line-height:1em;width:100%;text-align:center}
section#text-2 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,section#text-2 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,section#text-2 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,section#text-2 .mdl-textfield__label{color:#FFFFFF}
section#text-2 .mdl-textfield__label:after{display:none}section#text-2 .mdl-textfield__input{border-color:#FFFFFF}section#text-2 button{color:#2F772F;background-color:#ffffff}.widget-area{margin:0 5vw}
.mdl-textfield__label { white-space: normal !important; }

.updated:not(.published){display:none}
.featured-container{margin-bottom:1rem}
.entry-meta{margin-bottom:1rem}

.social-button{height:36px;width:36px;border-radius:50%;display:inline-block;text-align:center;font-size:1em;color:#ffffff!important;margin-right:5px}
.social-button i{line-height:36px}
.twitter{background-color:#1DA1F2}
.facebook{background-color:#3B5998}
.instagram{background-color:#8a3ab9}
.youtube{background-color:#FF0000}
.email{background-color:#EA4335}
.web{background-color:#4285F4}

.single-post h1.entry-title{font-size:1.875rem}
.single-post .byline{display:none}
.single-post .posted-on{font-style:italic}
.single-post article.post{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.social-share-news{margin-bottom:1em}


@media (max-width:766px){.site-content{margin-top:-8px}body.page-template-vision-page .vc_parallax .vc_parallax-inner{top:0!important;height:100%!important;width:100%!important}body.page-template-vision-page .hero,body.page-template-vision-page .hero-l,body.page-template-vision-page .hero-m,body.page-template-vision-page .hero-s,body.page-template-vision-page .hero-t{font-size:1.5em}body.page-template-vision-page .hero-l h1,body.page-template-vision-page .hero-m h1,body.page-template-vision-page .hero-s h1,body.page-template-vision-page .hero-t h1,body.page-template-vision-page .hero h1{font-size:2em}}.popup-container-container{display:none}.popup-container{position:fixed;top:0;left:0;z-index:500;background:rgba(0, 0, 0, 0.8);width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.popup-body{width:100%;height:100%;background-color:white;margin:0 auto;position:relative;background-position:center;background-size:cover;padding:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:flex;font-size:1.2em}.popup-body .popup-close-button{position:absolute;top:0.5em;right:0.5em;line-height:1em;z-index:800;font-size:30px;cursor:pointer}.popup-body .popup-close-button i{background:white;border-radius:50%;height:24px;width:24px;line-height:25px}.site-header:after,.site-header:before{display:none}.twelve-days-header{background-image:url("https://gpo.ca/uploads/2018/12/12daysbackground.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1em}.twelve-days-header .twelve-days-title{max-width:80vw}.cart-contents{font-size:1.5em;text-align:center;float:right;margin:1em;color:#2a6f2a}.cart-contents:before{font-family:fontawesome;content:"\f07a";font-style:normal;font-weight:400;color:#2a6f2a}.cart-contents:hover{text-decoration:none}.cart-contents-count{color:#2a6f2a}body.woocommerce{overflow-x:hidden}.woocommerce #secondary,.woocommerce-breadcrumb,.woocommerce-products-header__title,.woocommerce-result-count{display:none}.woocommerce .product_meta .posted_in{display:none}.woocommerce-ordering{display:none}#billing_company_field{display:none}.hidden-gift{margin-bottom:1em}.twelve-days-marker{position:absolute;width:60px;height:60px;left:-10px;top:-10px;font-size:2em;background-color:#0085AE;line-height:60px;border-radius:50%;color:#FFFFFF;text-align:center}li.product{position:relative;text-align:center}.woocommerce section.related{display:none}.page{padding-top:4px}.entry-content{margin-top:0}

@media (min-width:767px){.popup-body{width:66vw;height:37.125vw;font-size:1.6vw;display:-webkit-box;display:-ms-flexbox;display:flex}.popup-body .popup-close-button{top:-12.5px;right:-12.5px}.donate-button button{font-size:16px;padding:0 2rem;height:2.5rem}.widget-area{margin:0}section#text-2{display:block}.block-section .vc_column_container .vc_column-inner{padding:0 3rem;border:solid #ffffff;border-width:2px 1px 0px}.block-section .vc_column_container:first-child .vc_column-inner{padding-left:5vw;border-width:2px 1px 0px 0px}.block-section .vc_column_container:last-child .vc_column-inner{padding-right:5vw;border-width:2px 0px 0px 1px}.hero-t{min-height:150px}.hero-s{min-height:300px}.hero,.hero-m{min-height:500px}.hero-l{min-height:600px}.single-candidate div.candidate-videos .video-container{-ms-flex-preferred-size:calc(50% - 0.5rem);flex-basis:calc(50% - 0.5rem);width:calc(50% - 0.5rem)}body.page-template-find-riding-page .candidate-container .candidate{-ms-flex-preferred-size:24%;flex-basis:24%}body.page-template-find-riding-page .candidate-container:after{-ms-flex-preferred-size:24%;flex-basis:24%;display:block;content:" ";height:0}body.page-template-find-riding-page .candidate-container .four-fixer{-ms-flex-preferred-size:24%;flex-basis:24%;display:block;height:0}.shadow-cabinet-member-container .shadow-cabinet-member{-ms-flex-preferred-size:30%;flex-basis:30%}.shadow-cabinet-member-container:after{-ms-flex-preferred-size:30%;flex-basis:30%;display:block;content:" ";height:0}.action-campaigns-container .action-campaign{-ms-flex-preferred-size:31%;flex-basis:31%}.action-campaigns-container:after{-ms-flex-preferred-size:31%;flex-basis:31%;display:block;content:" ";height:0}.news-box-container .news-box{-ms-flex-preferred-size:32%;flex-basis:32%}.news-box-container:after{-ms-flex-preferred-size:32%;flex-basis:32%;display:block;content:" ";height:0}.upcoming-events-container .upcoming-event{-ms-flex-preferred-size:30%;flex-basis:30%}.upcoming-events-container:after{-ms-flex-preferred-size:30%;flex-basis:30%;display:block;content:" ";height:0}.single-candidate header.entry-header,.single-profile header.entry-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.single-candidate article.candidate,.single-profile article.candidate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:0}.single-candidate article.candidate div.entry-content,.single-profile article.candidate div.entry-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:1.5rem}.single-candidate article.candidate div.entry-content.has-events,.single-profile article.candidate div.entry-content.has-events{width:calc(100% - 400px)}.single-candidate article.candidate div.candidate-events,.single-profile article.candidate div.candidate-events{width:400px;background-color:#EEEEEE;position:relative;left:5vw;padding:1.5rem 5vw 0 2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.single-post article.post{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.single-post article.post header.entry-header{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:35%}.single-post article.post div.entry-content{width:65%}.single-post article.post aside.blog-sidebar{width:30%}.blog .site-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:90vw;margin:0 auto}.blog .site-content div.content-area{width:65%;margin:0}.blog .site-content aside.widget-area{width:30%}.footer-menus{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2rem 3rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.footer-menus>div{-ms-flex-preferred-size:20%;flex-basis:20%}.footer-blocks{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.footer-blocks .newsletter-block,.footer-blocks .sign-block{-ms-flex-preferred-size:50%;flex-basis:50%;padding-right:5vw;padding-left:3rem}.footer-blocks .donate-block{-ms-flex-preferred-size:50%;flex-basis:50%;padding-left:5vw;padding-right:3rem}#simple-menu{display:none}.site-branding a.custom-logo-link{width:250px}.main-navigation ul.sub-menu{background:#ffffff;text-align:left;padding:0.5rem 1rem 1rem;margin-left:-1rem;min-width:250px}.main-navigation ul.sub-menu>li{margin-right:0!important;display:block!important;margin-bottom:0.2em}.main-navigation ul.sub-menu>li a{width:inherit}body{margin-top:105px}.site-header{position:fixed;top:0;z-index:500;background:#ffffff;width:100%;padding:1rem 5vw;margin:0;-webkit-transition:-webkit-box-shadow 0.4s ease-in-out;transition:-webkit-box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out}.site-header .donate-button{margin-right:1rem}.site-header .search-button{display:block}.scrolled{-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5)}body.admin-bar .site-header{top:32px}.site-header .main-navigation{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.site-header .main-navigation #primary-menu{text-transform:uppercase;text-align:right}.site-header .main-navigation #primary-menu li{margin-right:2rem;font-size:16px;float:none;display:inline-block}.site-header .main-navigation #primary-menu li a{color:#222222}}


/* 2020+ */
.page-template-page-2020{font-size:1rem}
.page-template-page-2020 .content-area{width:100%}
.page-template-page-2020 article.hentry{margin-bottom:0}
.page-template-page-2020 h1{font-size:2.5em;line-height:normal}
.page-template-page-2020 h2{font-size:2.5em;font-weight:600;line-height:normal}
.page-template-page-2020 h3{font-size:1.8em;font-weight:600;line-height:normal}
.page-template-page-2020 .wp-block-button{font-weight:600}

@media (min-width:769px){
	.page-template-page-2020{}
	.page-template-page-2020 .overlay-angle-10>.fl-col-content:after,.page-template-page-2020 .overlay-angle-10>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 10% 0, 0% 100%, 0% 100%);clip-path:polygon(0 0, 10% 0, 0% 100%, 0% 100%)}
	.page-template-page-2020 .overlay-angle-20>.fl-col-content:after,.page-template-page-2020 .overlay-angle-20>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 20% 0, 10% 100%, 0% 100%);clip-path:polygon(0 0, 20% 0, 10% 100%, 0% 100%)}.page-template-page-2020 .overlay-angle-30>.fl-col-content:after,.page-template-page-2020 .overlay-angle-30>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 30% 0, 20% 100%, 0% 100%);clip-path:polygon(0 0, 30% 0, 20% 100%, 0% 100%)}.page-template-page-2020 .overlay-angle-40>.fl-col-content:after,.page-template-page-2020 .overlay-angle-40>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 40% 0, 30% 100%, 0% 100%);clip-path:polygon(0 0, 40% 0, 30% 100%, 0% 100%)}
	.page-template-page-2020 .overlay-angle-50>.fl-col-content:after,.page-template-page-2020 .overlay-angle-50>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 50% 0, 40% 100%, 0% 100%);clip-path:polygon(0 0, 50% 0, 40% 100%, 0% 100%)}
	.page-template-page-2020 .overlay-angle-60>.fl-col-content:after,.page-template-page-2020 .overlay-angle-60>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 60% 0, 50% 100%, 0% 100%);clip-path:polygon(0 0, 60% 0, 50% 100%, 0% 100%)}
	.page-template-page-2020 .overlay-angle-60 .fl-cta-inline .fl-cta-text{width:50%}
	.page-template-page-2020 .overlay-angle-60 .fl-cta-inline .fl-cta-button{width:50%}
	.page-template-page-2020 .overlay-angle-60 .fl-rich-text{width:55%}
	.page-template-page-2020 .overlay-angle-60 .fl-button-wrap{display:inline-block}
	.page-template-page-2020 .overlay-angle-70>.fl-col-content:after,.page-template-page-2020 .overlay-angle-70>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 70% 0, 60% 100%, 0% 100%);clip-path:polygon(0 0, 70% 0, 60% 100%, 0% 100%)}.page-template-page-2020 .overlay-angle-70 .fl-cta-inline .fl-cta-text{width:60%}.page-template-page-2020 .overlay-angle-70 .fl-cta-inline .fl-cta-button{width:40%}
	.page-template-page-2020 .overlay-angle-70 .fl-rich-text{width:65%}.page-template-page-2020 .overlay-angle-70 .fl-button-wrap{display:inline-block}.page-template-page-2020 .overlay-angle-80>.fl-col-content:after,.page-template-page-2020 .overlay-angle-80>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 80% 0, 70% 100%, 0% 100%);clip-path:polygon(0 0, 80% 0, 70% 100%, 0% 100%)}
	.page-template-page-2020 .overlay-angle-80 .fl-cta-inline .fl-cta-text{width:70%}.page-template-page-2020 .overlay-angle-80 .fl-cta-inline .fl-cta-button{width:30%}
	.page-template-page-2020 .overlay-angle-80 .fl-rich-text{width:75%}.page-template-page-2020 .overlay-angle-80 .fl-button-wrap{display:inline-block}.page-template-page-2020 .overlay-angle-90>.fl-col-content:after,.page-template-page-2020 .overlay-angle-90>.fl-row-content-wrap:after{-webkit-clip-path:polygon(0 0, 90% 0, 80% 100%, 0% 100%);clip-path:polygon(0 0, 90% 0, 80% 100%, 0% 100%)}
	.page-template-page-2020 .fl-cta-inline .fl-cta-button{text-align:right}.page-template-page-2020 .cta-button-bottom .fl-cta-inline .fl-cta-button{vertical-align:bottom}
}





/**************** NEW DESIGN **********************/
.page-template-homepage, .single 	{ font-size:1rem; color:#202020; }
.page-template-homepage h1, .single h1 	{ font-size:2.5em; line-height:normal; }
.page-template-homepage h2, .single h2 	{ font-size:2.5em; font-weight:600; line-height:normal; }
.page-template-homepage h3, .single h3 	{ font-size:1.8em; font-weight:600; line-height:normal; }

.page-template-homepage .content-area	{ width:100%; }
.page-template-homepage article.hentry 	{ margin-bottom:0; }
.page-template-homepage .fl-module-content,
.page-template-page-2020 .fl-module-content{ margin-top: 0; }

.page-template-homepage .green-bg,
.page-template-page-2020 .green-bg,
.single-candidate .green-bg,
.single-riding .green-bg {
	background-color: #2F772F;
    background: linear-gradient( 65deg, rgba(47, 119, 47, 1) 0%, rgba(117, 174, 85, 1) 100%);
    color: #fff; }

.page-template-homepage .darkblue-bg,
.page-template-page-2020 .darkblue-bg,
.single-candidate .darkblue-bg,
.single-riding .darkblue-bg {
	background-color: #0085AE;
    background: linear-gradient( 65deg, rgba(0, 133, 174, 1) 0%, rgba(82, 193, 219, 1) 100%);
    color: #202020; }    

.page-template-homepage .black-bg,
.page-template-page-2020 .black-bg,
.single-candidate .black-bg,
.single-riding .black-bg { background-color: #000000; color: #fff; border-bottom:5px solid #52C1DB; }
.page-template-homepage .lightgrey-bg,
.page-template-page-2020 .lightgrey-bg,
.single-candidate .lightgrey-bg,
.single-riding .lightgrey-bg { background-color: #efefef; background-color: rgba(245, 245, 239, 0);
    background-image: linear-gradient( 90deg, rgba(245, 245, 239, 1) 0%, rgba(238, 238, 238, 0) 100%) !important;
    color: #202020;  }

.page-template-homepage .blue-bg,
.page-template-page-2020 .blue-bg,
.single-candidate .blue-bg,
.single-riding .blue-bg { background-color: #52C1DB; color: #fff; }
.page-template-homepage .yellow-bg,
.page-template-page-2020 .yellow-bg,
.single-candidate .yellow-bg,
.single-riding .yellow-bg { background-color: #F7E16D; color: #202020; }


.black-bg.grad-left-45.fl-row-bg-overlay .fl-row-content-wrap:after {
    background-color: rgba(0,0,0,0);
    background-image: linear-gradient( 45deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 45%) 50%, rgba(0,0,0,0) 100%);
}



.page-template-homepage .fl-col-content p:last-of-type {margin:0;}

.fl-rich-text a { text-decoration: underline; }

/**************** BUTTONS **********************/
button, .button, 
.featured-block .fl-post-feed-more, .news-block a.fl-button, .event-pricing-block a.fl-button, .bb_boot_card_link_button,
input[type=submit], input[type=button] {
    background: transparent; border: none; border-radius: 2px; color: #000; position: relative; height: 36px; margin: 0; min-width: 64px; padding: 0 16px; display: inline-block; font-family: "AvenirNext LT Pro","Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; margin-bottom: 0.5em; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}


.button, button, .gform_button.button, 
.bb_boot_card_link_button, .bb_boot_card_link_button:visited,
input[type=button], input[type=button]:visited,
.button:visited, button:visited { background-color:#2f772f; color: #fff; text-decoration: none !important; }

.button.yellow,
.featured .bb_boot_card_link_button, .featured .bb_boot_card_link_button:visited { border: 1px #fff solid; background-color: #f7e16d; color: #202020; font-weight: bold; }

.button:hover, button:hover, .button:focus, button:active,
.gform_button.button:hover, .gform_button.button:focus, .gform_button.button:active,
.bb_boot_card_link_button:hover, .bb_boot_card_link_button:focus, .bb_boot_card_link_button:active,
.featured .bb_boot_card_link_button:hover, .featured .bb_boot_card_link_button:focus, .featured .bb_boot_card_link_button:active,
input[type=button]:hover, input[type=button]:focus, input[type=button]:active 
{ background-color: #0085ae; color:#fff; }

.button:disabled, button:disabled 	{ background-color: #e7e7e7; color:#000; box-shadow: inset 0 0 2px rgba(0,0,0,0.12);
}

.green-bg .button, .green-bg button { background-color: #f7e16d; color: #202020; }
.green-bg .white-bg .button, .green-bg .white-bg button { background-color: #2f772f; color: #fff; }
.green-bg .button:hover, .green-bg .button:active, .green-bg .button:focus,
.green-bg button:hover, .green-bg button:active, .green-bg button:focus { background-color: #202020; color: #fff;}

.button.donate, .button.donate:visited { background-color: #0085ae; color:#fff; }
.button.donate:hover, .button.donate:active, .button.donate:focus 	{ background-color: #202020; color:#fff; }

.button.icon { text-transform: none; font-size: 1em; display: flex; flex-flow: column wrap; justify-content: space-between; height: auto; text-align: left; max-height: 80px; max-width: 210px; line-height: normal; padding-top: 8px; padding-bottom: 8px; text-decoration: none }
.button.icon i { font-size: 2em; text-align: right; order: 10; padding-top: 4px; }

.button.button-calendar,
.button.button-video,
.button.button-arrow { color: #000; background: none; box-shadow: none; padding-left: 2.2em; font-weight: bold; }
.button.button-calendar:before,
.button.button-video:before,
.button.button-arrow:before  { content: " "; font-size: 1.8em; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: block; position: absolute; left: 0; top: 0; width: auto; height: auto; text-align: center;  }
.button.button-calendar:hover, .button.button-calendar:focus, .button.button-calendar:active,
.button.button-video:hover, .button.button-video:focus, .button.button-video:active,
.button.button-arrow:hover, .button.button-arrow:focus, .button.button-arrow:active { color: #75AE55; }

.button.button-calendar:before { content: "\f736"; }
.button.button-video:before { content: "\f144"; }
.button.button-arrow:before { content: "\f0a9"; }

.black-bg .button.button-video, .green-bg .button.button-video, .darkblue-bg .button.button-video,
.black-bg .button.button-calendar, .green-bg .button.button-calendar, .darkblue-bg .button.button-calendar,
.black-bg .button.button-arrow, .green-bg .button.button-arrow, .darkblue-bg .button.button-arrow {
    color: #fff;
}

.button-outline {
	border: 2px solid #fff; padding-top: .75rem; padding-bottom: .75rem; line-height: 1.2; height: auto;
}

.green-bg .button-outline:hover,
.green-bg .button-outline:focus,
.green-bg .button-outline:active { background: none; border-color: #f7e16d; color: #f7e16d !important;  }

.button.button-calendar.button-outline,
.button.button-video.button-outline,
.button.button-arrow.button-outline { padding-left: 3em; }

.button.button-calendar.button-outline:before,
.button.button-video.button-outline:before,
.button.button-arrow.button-outline:before { line-height: 40px; left: .5rem; }


.button.button-more, 
.card.content-card .bb_boot_card_link_button, 
.card.content-card .fl-button,
.card.content-card a.fl-post-grid-more {
    background: transparent;
    box-shadow: unset;
    border: none;
    color: #202020;
    text-decoration: underline;
    padding: .25em 0 .25em 1em;
    text-align: left;
    font-size: .9em;
    position: relative;
}


.button.button-more:before, 
.card.content-card .bb_boot_card_link_button:before, 
.card.content-card .fl-button:before,
.card.content-card a.fl-post-grid-more:before  {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-right: 0.25rem;
  color: inherit;
  position: absolute;
  left: 0;
  width: 1em;
}

.button.button-more:hover, .card.content-card .bb_boot_card_link_button:hover, .card.content-card .fl-button:hover, .card.content-card a.fl-post-grid-more:hover,
.button.button-more:active, .card.content-card .bb_boot_card_link_button:active, .card.content-card .fl-button:active, .card.content-card a.fl-post-grid-more:active,
.button.button-more:focus, .card.content-card .bb_boot_card_link_button:focus, .card.content-card .fl-button:focus, .card.content-card a.fl-post-grid-more:focus {
  color: #999999;
}


.button.button-share { 
    text-transform: none; 
    font-size: 1em;
    height: auto; text-align: left; max-height: 80px;
    max-width: 350px; 
    width: 250px; 
    line-height: normal; 
    padding-top: 8px; padding-bottom: 8px; 
    text-decoration: none;
    display: flex; flex-flow: column wrap; justify-content: space-between; 
}

.button.button-share:after  { 
    content: " "; 
    font-size: 2em; text-align: right; order: 10; padding-top: 4px;
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 400; 
    display: block; 
    width: auto; height: auto; text-align: center;  
    align-self: flex-end;
}

.button.button-share.facebook,
.button.button-share.twitter { width:180px; }

.button.button-share.facebook { background-color: #3B5998; }
.button.button-share.facebook:after { content: "\f39e"; font-family: "Font Awesome 5 Brands";  }

.button.button-share.twitter { background-color: #1DA1F2; }
.button.button-share.twitter:after { content: "\f099"; font-family: "Font Awesome 5 Brands";  }

.button.button-share.donate { background-color:#202020;  }
.button.button-share.donate:after { content: "\f4b9"; }

.button-more.button-share {
    width: auto !important;
    display: inline-block;
    flex-flow: unset;
    background-color: unset !important;
    text-decoration: underline !important;
}
.button-more.button-share:before {
	padding-top: .125em;
}
.button-more.button-share:after {
    font-size: inherit;
    padding: 0;
    padding-left: .5em;
    display: inline-block;
}
.button-more.button-share.facebook:after { color: #3B5998; }
.button-more.button-share.twitter:after { color: #1DA1F2; }




.buttons-list { list-style: none; margin: 20px 0 20px; padding: 0; }
.buttons-list li { display:inline-block; margin-right: 10px; }

.featured-block .fl-post-feed-more,
.featured-block .fl-post-feed-more:visited{
    background-color:#fff; color: #000; font-weight: bold; 
}

.featured-block .fl-post-feed-more:hover,
.featured-block .fl-post-feed-more:active,
.featured-block .fl-post-feed-more:focus {
    background-color:#202020; color: #fff;
}

.bb_boot_card_link_button { padding: 0 16px !important; }
.bb_boot_card_link_button span { display:block !important; padding: 0 !important; font-size: inherit !important; color: inherit !important; line-height: inherit !important; }

.news-block a.fl-button *,
.news-block a.fl-button:visited *,
.event-pricing-block a.fl-button *, 
.event-pricing-block a.fl-button:visited *,
.event-item a.fl-button *,
.event-item a.fl-button:visited *,
.bb_boot_card_link_button *,
.bb_boot_card_link_button:visited *,
.bb_boot_card_link_button:hover *,
.bb_boot_card_link_button:focus *,
.bb_boot_card_link_button:active *
{ color:inherit; }

.news-block a.fl-button,
.news-block a.fl-button:visited,
.event-pricing-block a.fl-button,
.event-pricing-block a.fl-button:visited{
    background:#2f772f; color: #fff; border: none;
}

.news-block a.fl-button:hover,
.news-block a.fl-button:active,
.news-block a.fl-button:focus,
.event-pricing-block a.fl-button:hover,
.event-pricing-block a.fl-button:active,
.event-pricing-block a.fl-button:focus,
.event-item a.fl-button:hover,
.event-item a.fl-button:active,
.event-item a.fl-button:focus {
    background-color:#0085ae; color: #fff;
}

.page-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
		background-image: linear-gradient(250deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%);
	}
.page-header-block h1 { display: inline; color:#fff; background-color:#0085ae; box-shadow: 5px 0 0 #0085ae, -5px 0 0 #0085ae; margin-bottom: 20px; }
.page-header-block h1 + p { margin-top: 20px; color: #000; max-width: 350px; text-shadow: 1px 1px 1px #fff;}

.page-header-block > .fl-row-content-wrap:after {

}

/**************** SuBSCRIBE FORM **********************/

label.hide,
.subscribe-form label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px !important; }

.subscribe-form ul li,
.action-form.subscribe-form ul li { order: initial !important; margin: 0 0 10px !important; position: relative; }

.subscribe-form ul li input,
.action-form.subscribe-form ul li input { background: rgba(255, 255, 255, 0.3); border: none; border-bottom: 1px solid #FFFFFF; padding: 12px; margin: 0; height: 48px; line-height: 24px; width: 100%; color: #ffffff; }
.subscribe-form input::placeholder {color: #fff;}
.subscribe-form input:focus,
.subscribe-form input:active { border:none; outline: none; background: rgba(255, 255, 255, 0.2); }

.subscribe-form button { white-space: nowrap; background-color: #F7E16D; color: #000; font-size: 0.9em; height: 48px; line-height: 48px; font-weight: bold; margin: 0 }
.subscribe-form button:focus,
.subscribe-form button:active,
.subscribe-form button:hover { background-color: #202020; color: #fff }

.subscribe-form ul li.full { flex:1 1 100%; }
.subscribe-form ul li.small { max-width: 110px }
.subscribe-form ul li:last-of-type { flex:none; }

.home-header-intro .subscribe-form ul { justify-content: space-between; }

/**************** PRICING TABLE ***********************/

.event-pricing-block .fl-pricing-table-title { padding-bottom: 20px !important; }
.event-pricing-block .fl-pricing-table-features  { margin-bottom: 5px !important;  }
.event-pricing-block .fl-pricing-table-features li { text-align: center; font-size: 90%; }


.event-pricing-block a.fl-button span { color: inherit }

.fl-builder-content .event-pricing-block .fl-pricing-table-column a.fl-button,
.fl-builder-content .event-pricing-block .fl-pricing-table-column a.fl-button:visited{
    background-color:#2f772f !important; 
    color: #fff !important; 
    border: none !important;
}

.fl-builder-content .event-pricing-block .fl-pricing-table-column a.fl-button:hover,
.fl-builder-content .event-pricing-block .fl-pricing-table-column a.fl-button:active,
.fl-builder-content .event-pricing-block .fl-pricing-table-column a.fl-button:focus {
    background-color:#0085ae  !important; 
    color: #fff;
}

.fl-builder-content .event-pricing-block .fl-pricing-table-col-3:nth-of-type(2) .fl-pricing-table-inner-wrap {
background: #EBF5E5;
}

.fl-builder-content .event-pricing-block .fl-pricing-table-col-3 .fl-pricing-table-inner-wrap {
background: rgba(240,240,240, 1);
}

.fl-builder-content .event-pricing-block .fl-pricing-table-col-3:nth-of-type(3) .fl-pricing-table-title {
color: #666666;
}


.policy-proposal-form .ginput_container {
    margin-top: 5px  !important;
}

.policy-proposal-form .gfield_description {
    margin: 0;
    padding: 0  !important;
}

.policy-proposal-form .name_first label,
.policy-proposal-form .name_last label {
	font-weight: 700;
    font-size: 1.2em;
 }

.policy-proposal-form #field_81_2 {     width: 30%;
    min-width: 150px;
    display: inline-block;
    margin-right: 20px; }
.policy-proposal-form #field_81_2 {     width: 66%;
    min-width: 300px;
    display: inline-block; }

@media (max-width: 520px) {
	.policy-proposal-form #field_81_2,
	.policy-proposal-form #field_81_3 { width: 100%; };
}

.policy-proposal-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.policy-proposal-form select {
	   border: none;
    border: 1px solid rgba(0,0,0,0.2);
    display: block;
    font-size: 16px;
    font-family: "AvenirNext LT Pro","Helvetica","Arial",sans-serif;
    margin: 0;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    text-align: left;
    color: inherit;
	margin-top: 5px;
}

.policy-proposal-form ul.gfield_checkbox li,
.policy-proposal-form ul.gfield_radio li { margin-bottom: 8px  !important;  }
.policy-proposal-form ul.gfield_checkbox li input,
.policy-proposal-form ul.gfield_radio li input { margin-top: 0  !important; }

/**************** SuBSCRIBE FORM **********************/
.header-block-form { text-align: center; }


.find-candidate-form ul { list-style: none; margin: 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: center; }
.find-candidate-form ul li { margin-bottom: 10px; width: auto; }

.find-candidate-form ul li:first-of-type { min-width: 230px; max-width: 250px; flex: 1 1 auto }
.find-candidate-form ul li:last-of-type { margin-left: 20px; }


.find-candidate-form input {
border: none;
border-bottom: 1px solid rgba(0,0,0, 0.12);
display: block;
font-size: 16px;
font-family: "AvenirNext LT Pro","Helvetica","Arial",sans-serif;
margin: 0 ;
padding: .35em 0;
width: 100%;
background: none;
text-align: left;
color: inherit;
text-indent: .5em;
}

@media (max-width: 450px) {
	.find-candidate-form input {
		text-indent: .0;
		text-align: center;
	}

}

.find-candidate-form input:focus { outline: none; border-color: #2F772F; border-width:2px  }

/**************** CONTENT BLOCK **********************/

.column-2 { column-count: 2; }

.column-3 { column-count: 1; flex: 1; }
@media (min-width:  500px) {
	.column-3 { column-count: 2; }
}
@media (min-width:  768px) {
	.column-3 { column-count: 3; }
}
.content-block .fl-col-content { padding-top: 10px; }

.content-block .breaker {
	-webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
}

.content-block .block-title {
	max-width: 450px; 
}

.block-wrapper { padding: 20px 40px; }
.content-block { line-height: normal; }
.content-block .content-block-title h1 { padding: 0; margin: 20px 0 0; }
.content-block .content-block-title h2 { color: #0085ae }

.content-block h2 { color:#75AE55; margin-top: 0; font-weight: bold;  }
.content-block h3 { color:#202020; margin-bottom: 6px; }
.content-block h3 em { color:#0085ae; font-style: normal; }
.content-block h3 strong { color:#0085ae; font-style: normal; }

.content-block h2 + p > strong { font-size:1.2em; line-height: normal;}


.content-block .block-title {
	max-width: 450px; 
	line-height: 1;
}

.content-block nav ul { list-style: none; margin: 0; padding: 0; }
.content-block nav ul li { display: inline-block; min-width: 220px; }


/* Style #3 */
.content-block-3 { position:relative; }
.content-block-3 { font-size:1.2em; }

.content-block-3 h2 { color:#404040 !important; line-height:1 !important; }
.content-block-3 h2 strong { position:relative; }
.content-block-3 h2 strong:before { content:""; 
width:95%; height:0.4em; background: #eee; display: block;
position:absolute; bottom:3px; left:3%; z-index:-1; }

.content-block-3 h2.block-title { max-width:640px; }
.content-block-3 h2.block-center { text-align:center; margin:0 auto; }

.content-block-3 h3 { color:#404040; line-height:1 !important; font-size:1.5rem !important; }
.content-block-3 h3 strong { color:#75AE55; }

.content-block-3 h3 + p { padding-top: 20px }

.content-block-3.notsowhite-bg,
.content-block-3.notsowhite-bg h2,
.content-block-3.notsowhite-bg h3 { color:#202020 !important;}
.content-block-3.notsowhite-bg.overlay .fl-row-content-wrap:after {
    background-color: rgba(245, 245, 239, 0);
    background-image: linear-gradient( 90deg, rgba(245, 245, 239, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;

}

.content-block-3 h2 strong:before { background-color: #bddfaa; }
.content-block-3 h3 strong { color: #75AE55; }
.content-block-3.yellow-highlight h2 strong:before { background-color: #F7E16D; }
.content-block-3.blue-highlight h2 strong:before { background-color: #52C1DB; }
.content-block-3.blue-highlight h3 strong { color: #0085AE; }


.content-block.green-bg .fl-rich-text p, 
.content-block.green-bg .fl-rich-text a,
.content-block.green-bg .fl-rich-text h2, 
.content-block.green-bg .fl-rich-text h3, 
.content-block.green-bg .fl-rich-text h4 { color:#fff !important;}

.content-block-3.green-bg .fl-rich-text p, 
.content-block-3.green-bg .fl-rich-text a,
.content-block-3.green-bg .fl-rich-text h2, 
.content-block-3.green-bg .fl-rich-text h3, 
.content-block-3.green-bg .fl-rich-text h4 { color:#fff !important;}

.content-block.green-bg .fl-rich-text a:hover,
.content-block.green-bg .fl-rich-text a:focus,
.content-block.green-bg .fl-rich-text a:active,
.content-block-3.green-bg .fl-rich-text a:hover,
.content-block-3.green-bg .fl-rich-text a:focus,
.content-block-3.green-bg .fl-rich-text a:active { text-decoration: none;}


.content-block-3.donate-block {
	font-size: 1rem;
}
.content-block-3.donate-block p {
	font-size: 1.1rem;
}
.content-block-3.donate-block .fl-row-content-wrap {
	padding-top: 20px;
	padding-bottom: 0;	
}






@media (max-width: 768px) {
    .illu img { max-width: 200px; width: 80%; order:1; margin:0 auto;  }
    .content-block-3 .fl-col-group { display: flex; flex-flow: row wrap; }
    .content-block-3 .fl-col:not(.fl-col-small) { order:2 }
    .content-block-3 .fl-photo { text-align: center; }    
}
@media (min-width: 768px) {
    .content-block-3 .fl-row-content-wrap { padding: 40px; align-items: center; }
       
    .illu-flag { height:100%;  }
    .illu-flag img { position: absolute; max-width: 500px; top: 0;  }
    
    
    .illu-uplifting {}    
    .illu-uplifting img { position: absolute; max-width: 400px; left:-250px; bottom: -270px }

    .valign-bottom .fl-col-group { display:flex; }
    .valign-bottom .fl-col-small .fl-col-content,
    .valign-bottom .fl-col-small .fl-module,
    .valign-bottom .fl-col-small .fl-module-content,
    .valign-bottom .fl-col-small .fl-photo,
    .valign-bottom .fl-col-small .fl-photo-content { height:100%; }
    
    .illu-megaphone img { position: absolute; max-width: 350px; left:-50px; bottom:-40px;  }
    .illu-earth img { position:absolute; max-width: 300px; left:50px; bottom:30px; }
    
}
@media (min-width: 1024px) {
    .content-block-3 .fl-row-content-wrap { padding: 40px 10%; }
}
@media (min-width: 1250px) {
    .content-block-3 .fl-row-content-wrap { padding: 40px 20%; }
}

/* Files List */
ul.files-list { margin:15px 0; padding:0; }
ul.files-list li { display:block; width:100%; margin-bottom:15px; font-size:0.8em; padding-left: 30px; position: relative; }
ul.files-list li a { font-size: 1.3em; }
ul.files-list li:before {  display: block; content: "\f15c"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 24px;}



/* Block with Photo or Video */
.content-block .fl-photo-caption { white-space: normal; }
.fl-module-video .fl-module-content { padding:0; margin:0; }

@media (max-width: 768px) {
    .content-block .header-photo .fl-module-content {
        margin:0;
    }
    .content-block.with-header-photo .fl-row-content-wrap {
        padding-top:0;
    }
    .content-block.with-header-photo .fl-col-content {
        padding-top:0;
    }
}



@media (max-width: 768px) {
    .content-block.content-block-photo .fl-col-content { 
        padding:0; 
    }
    .content-block.content-block-photo .fl-module-photo .fl-module-content {
        margin: 0;
    }    
    .content-block.content-block-photo .fl-module:not(.fl-module-photo) { 
        padding-top:20px; 
    }
    .content-block.content-block-photo .fl-row-content-wrap { 
        padding-top:0;
        padding-bottom:0; 
    }
    .campaign-form-block.content-block-photo .fl-col:last-of-type { display:initial !important; }
}

.content-block.with-photo { margin-top:30px;}
.content-block.with-photo .fl-col-content { display: flex; flex-flow: row wrap; justify-content: space-between; }
.content-block.with-photo .fl-module { width:65%; }
.content-block-photo { order:10; max-width: 100%;  }
.content-block-photo.floating { max-width: 350px; position: absolute; right:0; top: -80px; }

.numbers-block .fl-col-content { display: flex; flex-flow: row wrap; justify-content:space-around; } 
.numbers-block .fl-module-heading { width: 100%; text-align: center; }
.numbers-block h2 { color: #545454; }
.numbers-item {max-width: 200px;}
.numbers-item .fl-number-string { font-size: 1.4em; font-weight: bold; color: #0085ae; line-height:  normal;}

.footnote {font-size: 0.7em; margin: 0; text-align: left; width: 100%;}
.footnote .fl-node-content,
.footnote .fl-node-content p { margin-bottom: 0; }
.site-info .footnote { text-align: center; }
.site-info p { text-align: center; margin: 0; }


.content-block-article-photo { text-align: right; }
.content-block-article-photo .fl-photo { max-width: 500px;}
.content-block-article-photo .fl-photo img { max-height: 315px; width: auto; max-width: 100%;}
.content-block-article-header { font-size:1.3rem; }
.content-block-article-header h1 { color:#404040; margin-bottom: 10px; margin-top: 0;}
.content-block-article-header h2 { color:#404040; margin-top: 0; font-size: 2rem }


.content-block-article { max-width: 850px; padding-bottom: 30px; }

.content-block-article-header { counter-reset: sectioncounter; }
.content-block-article-num-section .fl-module-content { padding-left: 70px; position: relative; padding-top: 30px;}
.content-block-article-num-section .fl-module-content h2 { margin-bottom: 10px; font-size: 1.8rem }
.content-block-article-num-section .fl-module-content:before {
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    position: absolute;
    z-index: 2;
    min-width: 32px;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-size: 50px;
    color: #0085ae;
    letter-spacing: -4px;
	left:0;
	top:30px;
	background: rgb(255,255,255, 0);
background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
}


/**************** HEADER BLOCK **********************/


.candidate-header-block { padding: 0 70px 0 0; display: flex; justify-content: flex-start; align-items:center; }
.candidate-header-block h1 { color: #0085ae; font-size: 2.1rem; font-weight: bold; padding: 10px 0 0; margin: 0; line-height: 0.9; }
.candidate-header-block h2 { color: #404040; font-size: 1.6rem; font-weight: bold; padding: 0; margin: 0 0 0.5em 0; line-height: 1.5; }
.candidate-header-block p { font-size: 1.1rem; line-height: 1.1 }

.candidate-header-block-bio { max-width: 600px; flex-grow: 1;  order:2 }
.candidate-header-block-photo { padding: 0; margin-right: 40px; order:1 }
.candidate-header-block-photo figure { padding: 0; margin: 0; }
.candidate-header-block-photo img { 
	display: block;
	max-height: 500px;
object-fit: cover;
width: 500px;
height: 500px; }

.candidate-social-links ul { list-style:none; margin: 0; padding: 0; }
.content-block .candidate-social-links ul li { min-width: 0; }
.single-candidate h3 { color: #404040; font-size: 1.6rem; font-weight: bold; padding: 0; margin: 0 0 0.5em 0; }


.riding-header.candidate-header-block { margin: 0; }


@media (min-width: 768px) {
.leader-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
    background-color: rgba(255,255,255,0);
    background-image: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7) 45%, rgba(255,255,255,0.8) 100%);
    background-image: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.7) 65%, rgba(0,0,0,0.8) 100%);
}
}

.leader-header-block .campaign-header-intro {
    max-width: 450px;
}

.leader-header-block .campaign-header-intro h1 { color: #fff; font-size: 3rem !important; font-weight: bold; padding: 10px 0 0; margin: 0; line-height: 0.9; }
.leader-header-block .campaign-header-intro h2 { color: #bddfaa; font-size: 2rem !important; font-weight: bold padding: 0; margin: 0 0 0.5em 0; line-height: 1.5;}
.leader-header-block .campaign-header-intro h3 { font-size:1.3rem; margin-bottom: 10px; }
.riding-action-links ul li a:after { content:none; }


/* Campaign: Any */
.campaign-header-block.yellow-bg.overlay .fl-row-content-wrap:after {
    background-color: rgba(247, 225, 109, 0);
    background-image: linear-gradient( 180deg, 
        rgba(245, 245, 239, 0) 20%, 
        rgba(245, 245, 239, 0.8) 50%, 
        rgba(247, 225, 109, 1) 100%) !important;
}
.campaign-header-block.yellow-bg.overlay .campaign-header-intro h1,
.campaign-header-block.yellow-bg.overlay .campaign-header-intro h2,
.campaign-header-block.yellow-bg.overlay .campaign-header-intro h2 + p {
    text-shadow: 2px 2px 2px #fff;
}

/* Campaign: Take the Lead */
.takethelead-header-block .campaign-header-intro { max-width: 465px; }
.takethelead-header-block .campaign-header-intro h1 { text-transform: uppercase; color:#404040; font-size: 3.5rem !important;
    font-weight: bold; padding: 10px 0 15px; margin: 0; line-height: 0.9;
 }
.takethelead-header-block .campaign-header-intro h2 { font-weight: bold !important; color:#75AE55; font-size: 2.8rem !important;
    padding: 0; margin: 0 0 0.8em 0; line-height: 0.2; text-indent:0.3em; }

.takethelead-header-block .campaign-header-intro p { font-size:1.1em}

@media (max-width: 990px) {
    .takethelead-header-block .campaign-header-intro h1 { font-size:2.6em !important; }
    .takethelead-header-block .campaign-header-intro h2 { font-size:2.3em !important; line-height: 0.2;  paddin-bottom:10px}
    .takethelead-header-block .campaign-header-intro p { font-size:1em !important;}
    .takethelead-header-block .campaign-header-intro { min-width:60%; }
}
@media (max-width: 768px) {
    .takethelead-header-block .campaign-header-intro p:last-of-type { margin-bottom:0 !important; }   
}
@media (min-width: 768px) {
    .campaign-header-block.yellow-bg.overlay .fl-row-content-wrap:after {
        background-color: rgba(247, 225, 109, 0);
        background-image: linear-gradient( 110deg, 
            rgba(245, 245, 239, 0) 25%, 
            rgba(245, 245, 239, 0.8) 45%, 
            rgba(247, 225, 109, 1) 100%) !important;
    }
}

/* Campaign: Housing */
.housing-header-block h1 { 
    display: flex; flex-flow: column nowrap; align-items: flex-start; 
    text-indent:10px; 
}
.housing-header-block h1 strong {    
    font-size: 3rem; background-color: #fff; color: #0085AE !important; padding-right:10px;
}
.housing-header-block p { 
    font-size: 1.1rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); 
}



/**************** DONATE BLOCK **********************/
.donate-block .fl-col-content { display: flex; flex-flow: row wrap; justify-content: space-between; align-items:center; }
.donate-block .fl-module { width: 50%; display: inline-block; }
 
.donate-block h2 { font-size: 1.8em; font-weight: bold; }

.donate-links ul.menu,
.donate-links .fl-menu .menu { list-style: none; margin: 0; padding: 0; display: flex !important; flex-flow: row wrap; justify-content:flex-end; } /* Note: Needed extra class query as Beaver Builder overwrites */
.donate-links ul li 	{ display: inline-block; font-size: 1.2rem }
.donate-links ul li a 	{ display: block; min-width: 50px; text-transform: uppercase; background-color: rgba(255,255,255,0.30); text-align: center; color: #fff; line-height: 24px; border:1px solid #fff; padding: 14px; }
.donate-links ul li:last-of-type a { background-color: #ffd500; color:#000; font-weight: bold; margin-bottom: 0; font-size: 1rem }
.donate-links ul li:not(:last-of-type) a { font-size: 1.5rem }
.donate-links ul li:not(:first-of-type) { margin-left: 20px; }
.donate-links ul li a:hover,
.donate-links ul li a:active,
.donate-links ul li a:focus { background-color: #0085ae; color:#fff;}


.donate-block { display: flex; flex-flow: row wrap; justify-content: space-between; align-items:center; }
.donate-block > .donate-block-header,
.donate-block > .donate-links { width: 50%; display: inline-block; padding: 0 40px; }

/* Need minor edits for buttons when on light grey background */
.lightgrey-bg .donate-links ul li:not(:last-of-type) a { border-color:#ccc; background-color:rgba(238, 238, 238, 0.5); color:#404040}
.lightgrey-bg .donate-links ul li a:hover,
.lightgrey-bg .donate-links ul li a:active,
.lightgrey-bg .donate-links ul li a:focus { background-color: #fff }
.lightgrey-bg .donate-links ul li:last-of-type a { background-color:#2f772f; color: #fff; }
.lightgrey-bg .donate-links ul li:last-of-type a:hover,
.lightgrey-bg .donate-links ul li:last-of-type a:active,
.lightgrey-bg .donate-links ul li:last-of-type a:focus { background-color: #0085AE; color:#fff; }


/**************** ACTION BLOCK **********************/
.action-block .fl-row-content-wrap { padding: 0; }
.action-block .fl-module-content { margin: 0; }

.action-links ul.menu,
.action-links .fl-menu .menu:before, .action-links .fl-menu .menu:after { display: none; content: none; }
.action-links ul.menu,
.action-links .fl-menu .menu { 
    list-style:none; margin:0; padding:0; width:100%; 
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
}

.action-links ul li a {
    font-size: 1.2em; font-weight: bold; width: 180px; height: 68px; color: #fff;
    display:table-cell; vertical-align:middle;
    position: relative; 
}

.action-links ul li a:hover,
.action-links ul li a:active,
.action-links ul li a:focus { background-color: #0085ae; color:#fff;}

.action-links ul li a {
    font-size: 1.2em; font-weight: bold;
    width: 180px; height: 88px;
    display:table-cell; vertical-align:middle;
    position: relative;
}
.action-links ul li a:after {
    background-size: 48px; width: 48px; height: 48px; max-width: 48px; min-width: 48px; 
    display: inline-block; content:"";
    position: absolute; right:14px; top: 20px;
    background-position: right;
} 




.action-links ul li:nth-of-type(1) a:after {
    background-image: url('/uploads/2020/03/homepage_logo.png');
} 
.action-links ul li:nth-of-type(2) a:after {
    background-image: url('/uploads/2020/03/volunteer_300.png');
} 
.action-links ul li:nth-of-type(3) a:after {
    background-image: url('/uploads/2020/03/donate_300-2.png');
} 
.action-links ul li:nth-of-type(4) a:after {
    background-image: url('/uploads/2020/03/homepage_logo.png');
}

.riding-action-links ul.menu { justify-content: center; padding: 0 !important }
.riding-action-links ul li { flex-grow: 1; width: 33%; min-width: 33%; }
.action-links.riding-action-links ul.menu li a { width: auto !important; 
	padding: 0 20px !important; 
	margin: 0; display: flex; flex-wrap: row nowrap; align-items: center; justify-content: space-between; }
.riding-action-links ul li a span { display: block; margin-right: 20px; }

.riding-action-links ul li a:after { position: relative; top: 0; right: 0; margin-left: 20px; }
.action-links ul li.lawnsign a:after {
    background-image: url('/uploads/2020/12/gpo-icon-lawnsign-300-white.png') !important;
}  
.action-links ul li.member a:after {
    background-image: url('/uploads/2020/12/gpo-icon-member-300-white.png') !important;
}  
.action-links ul li.volunteer a:after {
    background-image: url('/uploads/2020/12/gpo-icon-volunteer-300-white.png') !important;
}  
.action-links ul li.donate a:after {
    background-image: url('/uploads/2020/12/gpo-icon-donate-300-white.png') !important;
}

.action-block.green-bg ul li:nth-of-type(1) a { background-color: rgba(255, 255, 255, 0.15) }
.action-block.green-bg ul li:nth-of-type(2) a { background-color: rgba(255, 255, 255, 0.1) }
.action-block.green-bg ul li:nth-of-type(3) a { background-color: rgba(255, 255, 255, 0.05) }

.action-block.green-bg ul li a:hover,
.action-block.green-bg ul li a:active,
.action-block.green-bg ul li a:focus { background-color: #0085ae; color:#fff;}


@media (max-width: 768px;) {
	.riding-action-links ul li { width: 33%; min-width: 33%; }
}

@media (max-width:500px) {
	.action-links.riding-action-links ul li { width: 100%; min-width: 100%; font-size: 1.2em !important }
}

/**************** FEATURED BLOCK **********************/

.fl-row-full-height .fl-row-content-wrap, 
.fl-row-custom-height .fl-row-content-wrap {
	min-height: calc(100vh - 50px);
}

@media (min-width: 428px) {

	.fl-row-full-height .fl-row-content-wrap, 
	.fl-row-custom-height .fl-row-content-wrap {
		min-height: calc(100vh - 75px);
	}
}

@media (min-width: 768px) {

	.fl-row-full-height .fl-row-content-wrap, 
	.fl-row-custom-height .fl-row-content-wrap {
		min-height: calc(100vh - 90px);
	}
}


.featured-block .fl-row-content-wrap 	{ padding: 0; width: 100%; }
.featured-block .fl-module-content 		{ margin: 0; }
.featured-block .fl-post-feed 			{ display: flex; flex-flow: column wrap; border-bottom: 2px solid #fff; }
.featured-block-action .fl-post-feed 	{ flex-flow: row wrap;  }

.featured-block-item 					{ margin: 0; padding: 0; width: 100%; height: 150px; position: relative; background: none; color: #fff; border-bottom: 2px solid #fff; }
.featured-block .featured-block-action-item:first-of-type { border-right:2px solid #fff !important; border-bottom: none; }
.featured-block-item .fl-post-feed-header,
.featured-block-item .fl-post-feed-text { max-width: 50%; margin: 0 20px !important; }
.featured-block-item .fl-post-feed-more { position: absolute; right: 20px; bottom: 20px; }
.featured-block-item .fl-post-feed-header { margin-bottom: 0 !important;}
.featured-block-item .fl-post-feed-text { margin-top: 0 !important; }
.featured-block .featured-block-item h2 { font-size: 1.5em; font-weight: 600; padding-top: 20px; }
.featured-block .featured-block-action-item h2 { font-size: 1.8em; padding-top: 30px }
.featured-block .featured-block-action-item .fl-post-feed-more { bottom: 50px }

@media (max-width: 980px) {
	.featured-block .featured-block-action-item .fl-post-feed-header { margin-left: 20px !important; }
	.featured-block .featured-block-action-item h2 { font-size: 1.6em; }
}

@media (max-width: 768px) {
	.featured-block .featured-block-action-item h2 { font-size: 1.3em; }
}

.featured-block-item h2,
.featured-block-item h2 a { color:#fff; font-weight: inherit}

.featured-block-item .fl-post-feed-image:after {
	display: block; content: ''; position: absolute; top:0; left: 0; z-index: 0; width: 100%; height: 100%;
	background-color: rgba(47,119,47,0.8);
	-webkit-clip-path:polygon(0 0, 70% 0, 50% 100%, 0% 100%);
	clip-path:polygon(0 0, 70% 0, 55% 100%, 0% 100%)
}

.featured-block-item { max-width: 100% !important; }
.featured-block-item .fl-post-feed-image { position: absolute; top:0; right:0; z-index: -1; width: 100%; height: 100%;  float: none; object-fit: cover; }

.featured-block-item.page-climate .fl-post-feed-image:after,
.featured-block-item.page-convention2021 .fl-post-feed-image:after,
.featured-block-item.page-leaders-tour .fl-post-feed-image:after {
	background-color: rgba(0,133,174,0.8);
}
.featured-block-item.page-take-the-lead .fl-post-feed-image:after {
	background-color: rgba(246,221,100,0.8);
}
.featured-block-item.page-green-recovery .fl-post-feed-image:after {
	background-color:rgba(117,174,85,0.8);
}
.featured-block-item.page-education .fl-post-feed-image:after {
    background-color: rgba(0,133,174,0.8);
}

.featured-block-item.page-take-the-lead, 
.featured-block-item.page-take-the-lead h2, 
.featured-block-item.page-take-the-lead h2 a { color: #000; }


.featured-block .featured-block-action-item .fl-post-feed-image:before {
	content: ''; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; display: block;
}
.featured-block-item.action_campaign-care-for-our-seniors .fl-post-feed-image:after {
	background-color: rgba(0,133,174,0.8);
}
.featured-block .action_campaign-care-for-our-seniors .fl-post-feed-image:before {
	background-image: url('/uploads/2020/05/gpo-header-care-for-seniors.jpg');
}
.featured-block .action_campaign-emergency-basic-income-now .fl-post-feed-image:before {
	background-image: url('/uploads/2020/04/gpo-header-basic-income.jpg');
}
.featured-block .action_campaign-prevent-floods .fl-post-feed-image:before {
	background-image: url('/uploads/2020/11/gpo-header-flood-prevention.jpg');
}
.featured-block .action_campaign-carbon-zero .fl-post-feed-image:before {
	background-image: url('/uploads/2020/11/gpo-header-flood-prevention.jpg');
}
.featured-block .action_campaign-carbon-zero .fl-post-feed-image:before {
	background-image: url('/uploads/2021/11/gpo-header-climate-leadership.jpg');
}
.featured-block .action_campaign-justice-for-grassy-narrows .fl-post-feed-image:before {
	background-image: url('/uploads/2021/11/gpo-header-grassy-narrows.jpg');
}


/**************** NEWS BLOCK **********************/
.news-block { padding-top: 20px;  }
.news-block .news-block-item,
.news-block .fl-post-carousel-post { border: none; }
.news-block .news-block-item .fl-post-grid-text,
.news-block .fl-post-carousel-post .fl-post-carousel-text{ padding: 20px 0 0; }
.news-block .fl-post-carousel-post .fl-post-carousel-title { font-size: 20px; line-height: 26px; }


/**************** HEADER BLOCK **********************/
.header-block .fl-row-content-wrap {margin:0; padding: 0; }
.header-block .fl-col-content { display: flex; flex-flow: column nowrap; min-height: 350px; }
.header-block .fl-module {  }
.header-block .home-header-intro { max-width: 600px; margin-left: 0; flex:1 0 auto; }
.header-block .home-header-intro .subscribe-form { max-width: 280px; }
.header-block .home-header-intro h2 { line-height: 1.1 }
.header-block .home-header-intro .form-errors { max-width: 400px; }
.header-block .home-header-intro .form-errors ul li { flex: 0 0 auto; }

.header-block.centered .header-intro { margin: 0 auto; max-width: 500px; }
.header-block.centered .header-intro > .fl-module-content { margin: 0 auto; }

.header-block.centered .header-intro * {
    text-align:center;	
}
.header-block.centered .header-intro *:not(.button) {
    line-height: 1.2;
}

.header-block.centered .header-intro h1 { font-size:2.8rem; }
.header-block.centered .header-intro p {font-size:1.3rem;}

.header-block.centered .header-intro ul.rotating-text { height: 70px; }
.header-block.centered .header-intro ul.rotating-text li { font-size: 1.5rem !important; font-weight: bold;  }
.header-block.centered .header-intro ul.rotating-text li em { color: #F7E16D; }


ul.rotating-text { position: relative; width: 100%; list-style: none; margin: 0; padding: 0; }
ul.rotating-text li  { 
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

ul.rotating-text li:nth-of-type(1) { animation: rotate-text-up 2.5s .5s; }
ul.rotating-text li:nth-of-type(2) { animation: rotate-text-up 2.5s 2.25s; }
ul.rotating-text li:nth-of-type(3) { animation: fade-text-in 1.5s 4.5s forwards; }

/* Animations */

@keyframes rotate-text-first { 
  0% {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
  }
  
  50%, 100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotate-text-up { 
  0% {
    transform: translate3d(0, 80px, 0);
    opacity: 0;
  }
  
  30%, 70% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  
  100% {
    transform: translate3d(0, -40px, 0);
    opacity: 0;
  }
}
@keyframes fade-text-in { 
  0% {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
  }
  
  50%, 100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}




.header-block.green-bg.overlay-full .header-intro *:not(.button),
.header-block.green-bg.overlay-full .header-intro *:not(.button) {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.header-block.green-bg .header-intro a,
.header-block.green-bg .header-intro a {
	color: #fff;
}

.header-block.green-bg .header-intro a:hover,
.header-block.green-bg .header-intro a:focus,
.header-block.green-bg .header-intro a:active {
	color: #F7E16D;
}


.header-block.green-bg { background: none; }
.header-block.green-bg.overlay-full .fl-row-content-wrap:after {
    background-color: rgba(47, 119, 47, 0.8);
    background-image: none;
    background: linear-gradient( 65deg, rgba(47, 119, 47, .8) 0%, rgba(117, 174, 85, .9) 100%);

}
.header-block.black-bg.overlay-full .fl-row-content-wrap:after {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: none;
}

.header-block .header-block-photo {order: 3;
position: absolute;
top: 0;
height: 100%;
width: 100%;
right: 0;
overflow: hidden;
z-index: -1;}
.header-block .header-block-photo .fl-module-content {margin:0; padding: 0; }

.header-block .header-block-photo:after {
	display: block; content: ''; position: absolute; top:0; left: 0; z-index: 0; width: 100%; height: 100%;
	background-color: rgba(47,119,47,0.8);
	-webkit-clip-path:polygon(0 0, 70% 0, 55% 100%, 0% 100%);
	clip-path:polygon(0 0, 70% 0, 55% 100%, 0% 100%)
}
.header-block .header-block-photo img { position: absolute; top:-100%; left:0; right: 0; bottom:-100%; margin: auto;}
.header-block .header-block-photo .fl-module-content,
.header-block .fl-photo-content,
.header-block .fl-photo { width: 100%;height: 100%; }

.header-block .fl-photo-caption { position: relative;
bottom: 15%;
right: -30%;
margin: 0;
padding: 2px 5px;
text-align: right;
max-width: 200px;
font-weight: bold;
color: #000;
line-height: 1.8em;
display: inline;
white-space: pre-wrap;
border-width: 0.25em 0; font-size: 0.9em; }

.header-block .fl-photo-caption,
    .header-block .fl-photo-caption:after{
        background-color:rgba(255,255,255,0.5);
    }



.header-block-photo-leader .fl-row-content-wrap {
    min-height:500px;
    position:relative;
}

.header-block-photo-leader .fl-node-content {
    font-size:1rem;
    line-height:normal;
    text-align: right;
    align-self: flex-end;
} 

.header-block-photo-leader .fl-node-content h1 {
    font-size: 1.8rem; 
    padding:0; margin:0;
}

.header-block-photo-leader .fl-node-content h2 {
    font-size: 1.2rem; 
    font-weight: normal;
    padding:0; margin:0;
}

@media (max-width:768px) {
    .header-block-photo-leader .fl-row-content-wrap {
        height: 400px !important;
        min-height: auto !important;
    }
    
}
@media (max-width:992px) {
    .header-block-photo-leader .fl-row-content-wrap {
        height: 300px;
        min-height: auto;
    }
    
}


/**************** FIND CANDIDATE **********************/
.find-candidate-results { display: flex; flex-flow: row wrap; justify-content: space-between; }

.find-candidate-results-item { width: 33%; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-bottom: 20px; }
.find-candidate-results-item.item-candidate { min-width: 50%; };


.find-candidate-results-item .candidate-photo { min-width: 150px; width: 150px; }
.find-candidate-results-item .candidate-photo img { min-width: 150px; width: 150px; }
.find-candidate-results-item .candidate-info { flex-grow: 2; padding: 0 20px; }

.find-candidate-results-item h2 { margin: 0; padding: 0; line-height: normal; font-size: 1.8rem; }
.find-candidate-results-item h3 { margin: 0; padding: 0 0 10px; font-size: 1.2rem; font-weight: bold; line-height: normal; }
.find-candidate-results-item p:first-of-type { font-size: 0.9rem; margin-bottom: 0.5em }


@media (max-width:768px) {
	.find-candidate-results-item { width: 50%; }
	.find-candidate-results-item.item-candidate { min-width: 100%; };
}

@media (max-width:420px) {
	.find-candidate-results-item { width: 100%; }
}

/**************** YOUNG GREENS **********************/
.ygo-header-block .fl-row-content-wrap { padding: 0; }

.fl-row-bg-overlay.white-bg .fl-row-content-wrap:after {
	background-color: rgba(238,238,238,0.85);	
}

.ygo-header-block .fl-col-group,
.ygo-header-block .content-block-2 { padding: 0 40px;}
.ygo-header-block .fl-col-group:first-of-type { padding-top: 20px; }

.ygo-header-block h1 { font-size: 1.8rem !important; margin: 0 0 15px; line-height: 1.1; color: #52C1DB; }
.ygo-header-block h1 strong { color:#75AE55; }
.ygo-header-block h2 { font-size: 1.3rem !important; }
.ygo-header-block p { line-height: 1.2rem; }

.ygo-header-block .campaign-header-intro { max-width: 360px; }
.ygo-header-block .fl-module-photo { max-width: inherit; }

.meet-ygo .fl-col:nth-of-type(-n+2) { max-width: 50% !important; margin: 0; float: left; clear: none; }

@media (max-width: 768px) { 
	.ygo-header-block .fl-col:first-of-type { height: 0; }
	.ygo-header-block .fl-module-photo img { position:absolute; right: 0; top: -5px; width: 30%; } 
	.ygo-header-block .fl-module-photo { max-width: none; }
}
@media (max-width: 600px) { .ygo-header-block .fl-module-photo img { width: 20%; } }
@media (max-width: 360px) { .ygo-header-block .fl-module-photo img { display: none; }}

.ygo-social-block .fl-row-content-wrap { padding: 10px 0 20px; }
.ygo-social-block .fl-module-content { margin: 0 !important; }
.ygo-social-block h3 { margin: 0; font-size: 1.1rem !important; font-weight: normal !important; line-height: 32px !important; font-style: italic; text-align: center;
    padding-bottom: 10px; }
.ygo-social-block .social-links ul.menu { justify-content: center; padding-left: 5px; }
.ygo-social-block .social-links ul li a { width: 32px; height: 32px; line-height: 32px; font-size: 1.1em; }

@media (min-width: 768px) { 
	.ygo-social-block .fl-row-content-wrap { padding: 20px 0 10px; }
	.ygo-social-block .social-links ul.menu { justify-content: flex-start;	 }
	.ygo-social-block h3 { text-align: right; padding-right: 10px; }
}


.ygo-social-block.blue-bg .social-links ul li a { color: #52C1DB; }

.content-block blockquote { margin: 0 20px; max-width: 650px; }
.content-block blockquote p { font-size: 1.0rem; border-left: 5px solid #52C1DB; padding-left: 20px; }

.content-block-centered { text-align: center !important; max-width: 700px; margin: 0 auto; }
.content-block-centered p:last-of-type { margin-bottom: 0; }


/**************** TAKE ACTION FORMS **********************/

.form-block + .form-success {display: none; background: rgba(189,223,170, 0.5); margin: 0 20px;}

.form-block + .form-success {
    background-color: rgba(238,238,238, 0.7) !important;
    max-width: 600px;
    border-radius: 20px;
    margin: 0 auto !important;
    color: #000 !important;
}
.campaign-form-block .form-success { 
    background:none !important; 
    border-radius:none !important; 
    margin: 0 !important;
    max-width: none;
}

.action-form ul { list-style:none; margin: 0; padding: 0; display: flex; flex-flow:row wrap; align-content: space-between; justify-content:flex-start }
.action-form ul li { margin-bottom: 20px; width: auto; flex: 1 1 180px; position: relative; }


.action-form ul li.small { width:135px; flex:none; }
.action-form ul li.wide { min-width: 240px;}
.action-form ul li.full { flex-basis:100%; }

/* Margins */
.action-form ul li.group + li:not(.full) { margin-left: 20px; } 
.action-form ul li:not(.group) { margin-left: 20px; }
.action-form ul li:last-of-type { margin-left: 0 !important; }

@media (max-width: 590px) {
	.action-form ul li.group.wide + li.small + li.small { margin-left: 0; } 
}
@media (max-width: 460px) {
	.action-form ul li.group.wide { flex-basis: 100%; }
	.action-form ul li, 
	.action-form ul li.group.wide + li.small { margin-left: 0; }
	.action-form ul li.group.wide + li.small + li.small { margin-left: 20px; } 
}
@media (max-width: 420px) {
	.action-form ul li.group + li:not(.full) { margin-left: 0; }
}
@media (max-width: 330px) {
	.action-form ul li.small { margin-left: 0 !important; flex-basis: 100%; width: 100%;  }
}
@media (min-width: 768px) and (max-width: 1010px) {
	.action-form ul li.group.wide + li.small + li.small { margin-left: 0; } 
}


.action-form ul li label { width: 100%; font-size: 1rem; color: #545454; font-weight: bold; margin-bottom: 5px; }
.action-form ul li.required label:after { content:" *"; color:red; }

.action-form ul li input,
.action-form ul li textarea,
.action-form ul li select { 
	border: none; border: 1px solid rgba(0,0,0,0.2); background: #fff; color: inherit;
    text-align: left; font-size: 16px; font-family: "AvenirNext LT Pro","Helvetica","Arial",sans-serif;
    display: block; margin: 5px 0 0; padding: 6px 10px; width: 100%;
}

.action-form ul li.checkbox { display: flex; flex:1 1 100%; }
.action-form ul li.checkbox input[type='checkbox'] { width: auto; margin-right: 1rem; }
.action-form ul li.checkbox label { font-weight: normal; }
 
.action-form ul li input:focus,
.action-form ul li textarea:focus,
.action-form ul li select:focus { outline: none; border-color:rgba(0,0,0,0.4); }
.action-form ul li input:active,
.action-form ul li textarea:active
.action-form ul li select:active { outline: none; }

/* Line breaks */
.action-form ul::before, .volunteer-form ul::after { content: ''; width: 100%; order: 1; }
.action-form ul li:nth-child(n + 3) { order: 1; }



/**************** GREEN RECOVERY **********************/

.campaign-header-block .fl-row-content-wrap { padding: 0; }
.campaign-header-block,
.campaign-header-block.black-bg { border-bottom-color: #75ae55; }

.campaign-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
	background-color: rgba(0,0,0,0.7);	
}
.campaign-header-block .fl-col-group,
.campaign-header-block .content-block-2 { padding: 0 40px;}
.campaign-header-block .fl-col-group:first-of-type { padding-top: 20px; }

.campaign-header-block h1 { font-size: 1.8rem !important; margin: 0 0 15px; line-height: 0.9 }
.campaign-header-block h1 strong { color:#bddfaa; }
.campaign-header-block h2 { font-size: 1.3rem !important; margin-bottom: 5px; }
.campaign-header-block p { line-height: 1.2rem; }

.campaign-header-intro { max-width: 400px; }

.campaign-header-block .fl-col-group:nth-of-type(2n) {
	background: rgba(0, 0 ,0 , 0.6);
	font-size: 0.9rem;
}
.campaign-header-block-item .fl-module-content { margin: 10px 20px;}
.campaign-header-block-item h3 { display:none; }

.campaign-principles-block .fl-col-group:first-of-type { padding-bottom: 30px; }

.campaign-pillars-block h2,
.campaign-principles-block h2 { color:#545454; line-height: 0.9; max-width: 450px }

ul.campaign-pillars {  display: flex; flex-flow: row wrap; justify-content:space-around; list-style: none; margin: 0; padding: 0; }
ul.campaign-pillars li { margin: 0 0 30px; padding: 0;}
.campaign-pillars-item h3 { font-size: 1.3rem; color: #545454; text-align: center; margin: 0;  }
.campaign-pillars img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.campaign-pillars li:hover img:after { content:""; }
	ul.campaign-pillars li { max-width:200px; }

.campaign-pillars-block .fl-col-group:last-of-type { display: flex; flex-flow:row wrap; align-content: space-around; }
.campaign-pillars-block .fl-col-group:last-of-type .fl-col { max-width:210px; margin: 0 auto; }

.campaign-form-success { display:none; }
.campaign-form-success .share-button { width: auto !important; display: block; margin: 10px 20px; }
.campaign-form-success .share-button:first-of-type { margin-top: 0;}
.campaign-form-success .share-button .fl-module-content { width: 100%; margin: 0 !important; padding: 0 !important; }
.campaign-form-success .share-button a { width: 100%; text-align: left !important; }



.campaign-principles-block .item-principle h3 { text-transform: uppercase; font-size: 1.1rem; color:#000;}
.campaign-principles-block .item-principle .fl-icon i { color: #75ae55; background-color:#fff; border:1px solid #75ae55; border-radius:50%; display: block; height: 48px; width: 48px; padding: 2px; float: none; text-align: center; line-height: 40px; font-size: 24px !important }

/* Use with Different Background or Content Block */ 
.campaign-principles-block.lightgrey-bg .item-principle .fl-icon i { background: none; }
.campaign-principles-block.content-block-3 .item-principle { font-size: 1rem; }
.campaign-principles-block.content-block-3 .item-principle h3 { font-size: 1.1rem !important; }


.fl-button-lightbox-wrap .mfp-content { background: none; }
.fl-button-lightbox-wrap .mfp-iframe { border:none; }
.fl-button-lightbox-wrap .mfp-close, .fl-button-lightbox-wrap .mfp-close:hover { color:#fff; }
.button-play,
.button-play:visited { background: none; box-shadow: none; font-weight:bold; padding-right: 0; }
.button-play:hover,
.button-play:focus,
.button-play:active { background: none; color:#bddfaa; }
.button-play:hover i, .button-play:focus i, .button-play:active i {border-color:#bddfaa; background:#bddfaa; color:#202020;  }
.button-play i { margin-right: 5px; border:2px solid #fff; border-radius: 50%; line-height: 28px; font-size: 16px; width: 32px; height: 32px; text-align: center; text-indent: 5px; }

.full-width-photo {max-height: 400px;}
.full-width-photo .fl-photo-content,
.full-width-photo img { width:100%; }

.action-campaign-form .fl-col { max-width: 500px; }

.action-campaign-form ul { list-style:none; margin: 0; padding: 0; display: flex; flex-flow:row wrap; align-content: space-between; justify-content:flex-start }
.action-campaign-form ul li { margin-bottom: 20px; margin-right: 30px; min-width: 320px; }
.action-campaign-form { max-width: 800px; }
/*.action-campaign-form ul li:nth-of-type(3n) { width:350px;}
.action-campaign-form ul li:nth-of-type(4n) { width:150px;}*/
.action-campaign-form ul li label { width: 100%; font-size: 1rem; color: #545454; font-weight: bold; margin-bottom: 5px; }
.action-campaign-form ul li.required label:after { content:" *"; color:red; }


.tell-mpp-form ul li { margin-bottom: 10px; align-self: flex-end; }
.tell-mpp-form ul li .button,
.tell-mpp-form ul li button { margin-bottom: 1px; }

.action-campaign-form ul li input {
    border: none;
    border: 1px solid rgba(0,0,0,0.2);
    display: block;
    font-size: 16px;
    font-family: "AvenirNext LT Pro","Helvetica","Arial",sans-serif;
    margin: 0;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    text-align: left;
    color: inherit;
	margin-top: 5px;
}
 
.action-campaign-form ul li input:focus { outline: none; border-color:rgba(0,0,0,0.4); }
.action-campaign-form ul li input:active { outline: none; }



/**************** PILLARS **********************/


.pillars-block .fl-row-content .fl-col-group {

    align-items: flex-start !important;
}


.pillars-item * {
	text-align: center;
}

.pillars-item .fl-photo-content {
}
.pillars-item .fl-photo-content img {
	max-height: 120px; width:auto;
}


.pillars-item .button.icon {
   color: #999; font-weight: bold; font-size: .9em;
   background: none; box-shadow: none; border-radius: 0;
   padding: 0; margin: 0;
   flex-direction: row-reverse;
   justify-content: center;
   align-items: center;
   width: 100% !important; max-width: 100% !important;
}

.pillars-item .button.icon i {
	padding-right: 1rem;
	font-size: 1.5em;
}


.pillars-item .button:hover,
.pillars-item .button:focus,
.pillars-item .button:active {
   color: #202020;
    
}

/**************** SIMPLE **********************/

.pillars-simple-item * {
	text-align: center;
}

.pillars-simple-item .fl-photo-content img {
	max-height: 80px; width:auto; margin-bottom: 20px;
}

.pillars-simple-item h3, .pillars-simple-item h3 a {
	color: #404040;
    font-weight: bold;
}

.pillars-simple-item a.fl-callout-cta-link {
    color: #999999;
    text-decoration: none;
    font-weight: bold;
}

.pillars-simple-item a.fl-callout-cta-link:hover, 
.pillars-simple-item a.fl-callout-cta-link:focus, 
.pillars-simple-item a.fl-callout-cta-link:active {
	color: #202020;
}
.pillars-simple-item a.fl-callout-cta-link:before {
    content: "\f35a"; 
    font-family: "Font Awesome 5 Pro";
    padding: .125em .5em 0 0;
    color: inherit;
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
}

/**************** HOUSING **********************/

.housing-pillars-block .fl-row-content-wrap {
    padding:0;
}

.housing-pillars-block .fl-row-content .fl-col-group {
    display: flex; flex-flow:row wrap; align-items: flex-end;
}


.housing-pillars-item ul { list-style:none; margin:0; padding:10px 0; }
.housing-pillars-item ul li:before { content: "2022"; display:inline-block; padding-right:10px; }
.housing-pillars-item ul li:before { content: "\2022"; display:inline-block; padding-right:10px; }
.housing-pillars-item h3 { font-size: 1.5rem !important;
    color: #545454; margin-top:20px; }
.housing-pillars-item h3 strong { color: #75AE55; }

.housing-pillars-item.item-life { background: rgba(0,133,174, 0.10); }
.housing-pillars-item.item-life h3 strong { color: #0085AE;}

.housing-pillars-item.item-affordable { background:rgba(247,225,109, 0.10);}
.housing-pillars-item.item-affordable h3 strong { color: #2F772F; }

.housing-pillars-item.item-people { background: rgba(117,174,85, 0.10); }
.housing-pillars-item.item-people h3 strong { color: #75AE55; }


.housing-pillars-item {
    margin-top: 60px;    
}
    
.housing-pillars-item .fl-module-content { 
    overflow:visible; 
    margin:0 40px 20px; 
}
   
.housing-pillars-item * {
    text-align: center;
    line-height: normal;
}
    
.housing-pillars-item h3 { 
    margin: 20px auto 0 !important; 
}
    
.housing-pillars-item .fl-callout-photo {
    max-height: 60px;
    display: flex;
    align-items: flex-end;
    overflow: visible;  
}
    
.housing-pillars-item .fl-photo { 
    margin: 0 auto; 
}

.housing-pillars-item img {
    width:100%;
    max-width:120px;
}

@media (min-width: 768px) {

    .housing-pillars-item {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .housing-pillars-item .fl-callout-photo {
        max-height: 80px;
    }
    
    .housing-pillars-item img {
        width:100%;
        max-width:160px;
    }
    
}

@media (min-width: 992px) {
    
    .housing-pillars-item .fl-callout-text-wrap { 
        margin: 0 auto; 
        max-width:300px; 
    }
    
    .housing-pillars-item h3 strong {  display:block; }
    
    .housing-pillars-item img {
        width:80%;
        max-width:200px;
    }

}


/**************** IMPORTANT INFO BLOCK **********************/
.important-info-block { background-color:#75AE55; color: #fff; }
.important-info-block .fl-row-content-wrap { padding: 0;}
.important-info-block .fl-module-content { margin-bottom: 0; }
.important-info-block a,
.important-info-block a:visited { color: #000; text-decoration: underline; }

.important-info-block a:focus,
.important-info-block a:active,
.important-info-block a:hover { color:#fff; }

/**************** SOCIAL MEDIA BLOCK **********************/
.social-block { background: #2f772f; }
.social-block .fl-module-content 		{ margin: 20px; }

.social-links { margin:0 auto;}
.social-links ul.menu,
.social-links .fl-menu .menu { list-style: none; margin: 0; padding: 0; display: flex !important; flex-flow: row wrap; justify-content:space-around; max-width: 600px; margin: 0 auto; } /* Note: Needed extra class query as Beaver Builder overwrites */

.social-links ul li 	{ display: inline-block; margin: 0 10px; }
.social-links ul li a 	{ display: block; width: 56px; height: 56px; line-height: 56px; font-size: 2em; padding: 0; border-radius: 50%; background-color: #fff; text-align: center; color: #2f772f; border:none; margin: 0; }
.social-links ul li a:hover,
.social-links ul li a:active,
.social-links ul li a:focus { background-color: #F6DD64; color:#2f772f;}

.candidate-social-links ul li a 	{ display: block; width: 36px; height: 36px; line-height: 36px; font-size: 1.1em; }

.footer-menus .social-links ul li 	{ margin: 0 10px 10px 0; background-color: rgba(0,0,0,0); }
.footer-menus .social-links ul:before { content:none; }
.footer-menus .social-links ul.menu, 
.footer-menus .social-links .fl-menu .menu { justify-content: flex-start; }
.footer-menus .social-links {margin:20px 0 0;}
.footer-menus .social-links ul li a {width: 36px; height: 36px; line-height: 36px; font-size: 1em; color: #fff; background-color: #2f772f; }

.footer-menus .social-links ul li.twitter a,
.candidate-social-links ul li.twitter a {background-color:#1DA1F2}
.footer-menus .social-links ul li.facebook a,
.candidate-social-links ul li.facebook a  {background-color:#3B5998}
.footer-menus .social-links ul li.instagram a,
.candidate-social-links ul li.instagram a  {background-color:#8a3ab9}
.footer-menus .social-links ul li.youtube a,
.candidate-social-links ul li.youtube a  {background-color:#FF0000}
.footer-menus .social-links ul li.linkedin a,
.candidate-social-links ul li.linkedin a {background-color:#0077B5}
 

.footer-menus .social-links ul li a:focus,
.footer-menus .social-links ul li a:hover,
.footer-menus .social-links ul li a:active { background-color: #2f772f; }

.candidate-social-links ul li 	{ margin: 0 10px 10px 0; background-color: rgba(0,0,0,0); }
.candidate-social-links ul:before { content:none; }
.candidate-social-links ul { justify-content: flex-start; }
.candidate-social-links {margin:20px 0 0;}
.candidate-social-links ul li a {width: 36px; height: 36px; line-height: 36px; font-size: 1em; color: #fff; background-color: #2f772f; }


.candidate-social-links ul li a:focus,
.candidate-social-links ul li a:hover,
.candidate-social-links ul li a:active { background-color: #2f772f; color: #fff }


/**************** CALENDAR CONTEST **********************/
.calendar-block .gm_header .gm_navi,
.calendar-block .gmedia_itemDateAndAlbumsWrap{ display: none !important; }
.calendar-block .gmedia_itemMenuHolder { position: absolute !important; margin: 0 !important; top: 0; right: 0; z-index: 1; }
.calendar-block .gmedia_itemContent,
.calendar-block .gmedia_PhotoBlog_MasonryThumbPint .gmedia_itemContent { background-color: rgba(0, 0, 0, 0) !important; padding: 0 !important; height:auto; min-height: 36px; }
.calendar-block .gmedia_gmedia_itemTitle { color: inherit !important; padding-right: 72px; padding-top: 5px; line-height: normal; overflow: hidden; }
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul {
    list-style: none;
    flex-flow: row wrap;
    display: flex;
    justify-content: center;
    margin: 0 0 1.5rem;
    padding: 0;
}
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul li {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .8em;
    transition: 0.3s;
    background-color: #BDDFAA;
    cursor: pointer;
    padding: .25rem .75rem;
    margin: 4px;
    transition: 0.3s;
    border-radius: 3px;
    color: #202020;
    font-weight: bold;
    text-transform: uppercase;
}
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul li:hover,
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul li:focus,
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul li:active,
.calendar-block .gmedia_PhotoBlog_CollectionTagsCloud ul li[style="cursor: default;"] {
    background: #F7E16D;
}

.photo-details { font-size: 1rem; padding: 0; margin: 0; }
.photo-details p { font-size: 0.9rem; padding: 0; margin: 2px 0 0; }
.photo-details p.photo-details-exif { font-size: 0.7rem; color: #404040; margin-top: 10px }
.photo-details p.photo-details-counts { margin: 15px 0 0; padding:10px 0 0; font-size: 1rem }
.photo-details .photo-details-counts span { margin-right: 20px; } 

.photo-details p + form .button { margin:10px 0 20px;}

.single-gmedia .fl-row-content-wrap { padding: 0; }

.button .fa-heart, button .fa-heart { color:red; }

/**************** EVENTS **********************/
.button.icon.icon-large { max-width: 350px; width: 250px; }

/* Header */
.platform-header-block h2 { font-weight: normal !important }
.platform-header-block .fl-row-content {padding-top:40px; padding-bottom:40px;}
.platform-header-block.fl-row-bg-overlay .fl-row-content-wrap:after { background-color: rgba(47, 119, 47,0.7);  }
.platform-header-block.prior-covid .fl-row-content:before {
    content:"This picture was taken prior to Covid-19"; 
    position:absolute; left:0px; bottom:0; padding: 0 5px; font-size:0.8rem; font-style:italic; background: rgba(47, 119, 47,0.8);
    }

/* Form */
.form-block fieldset:nth-of-type(2) legend,
.form-block fieldset:nth-of-type(3) label { position:absolute; top:0px; left:-3000px}

/* Form Section BG */
.event-registration-block.fl-row-bg-overlay .fl-row-content-wrap { padding-top:40px; padding-bottom:50px; }
.event-registration-block.fl-row-bg-overlay .fl-row-content-wrap:after {
    background-color: rgba(47, 119, 47,0);
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(47, 119, 47, 0.8) 40%, rgba(47, 119, 47, 0.9) 100%) !important;
}

/* Generic: Forms */
.form-block fieldset { padding:0; border: none;  }
.form-block fieldset legend { font-weight:bold; font-size:1.5rem; margin-bottom:10px; }
.form-block.white-bg h1 { color:#75ae55; margin-top:0; }
.form-block.white-bg { background-color: #ffffff; margin:0 20px; padding: 30px 10px 0; border-radius: 10px; box-shadow: 0 3px 6px 0 rgb(23 25 51 / 8%), 0 16px 32px 0 rgb(23 25 51 / 10%); }
.form-block.white-bg input, 
.form-block.white-bg textarea, 
.form-block.white-bg select { border: 1px solid rgba(0,0,0, 0.05); background-color: rgb(239, 239, 239, 0.4); color: #404040; }

.form-block.white-bg select { 
    width: 100%;
    max-width:400px;
    padding: 10px;}

.form-block .form-success,
.form-success { display:none; }

/* needed to have 3 columns and apply style on row (BB limitation)*/ 
.event-form-block.white-bg { width:auto !important; }
.event-form-block.white-bg .fl-col-content { display:flex; flex-flow:colum wrap; justify-content: space-between; }
.event-form-block.white-bg .fl-module:first-of-type { width:45%; }
.event-form-block.white-bg .fl-module:last-of-type { width:55%; }
.content-block-3 .event-form-block.white-bg .fl-module { width: initial; padding: 0 1rem 1.5rem; }
.event-form-block.white-bg .fl-module .fl-module-content {  }
.event-form-block.white-bg .fl-module h2 { margin-top:0px; line-height:1;  }
.event-form-block.white-bg .fl-module h3 { margin-top:12px; line-height:1; margin-bottom:20px;   }
.event-form-block.white-bg legend:first-of-type { display:none }


/* Event Header */
.event-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
	background-color: rgba(0,0,0,0.7);	
}
@media (max-width: 768px) {
    
    .event-header-block .fl-col-group {
        margin: 40px 0;
    }


}
@media (max-width: 576px) {
    .form-block.white-bg .fl-module .fl-module-content { margin: 0;  }
}
@media (max-width: 470px) {
    .form-block.white-bg .action-form ul li { margin-right: 0 !important;  }
}
@media (min-width: 768px) {
    .event-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
        background-color: rgba(47, 119, 47,0);
        background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.8) 0%, rgba(117, 174, 85, 0.2) 60%) !important;
    }
    .event-header-block.tour-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
        background-color: rgba(0, 0, 0,0);
        background-image: linear-gradient(100deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.8) 90%) !important;
    }
}

.event-header-block .fl-col-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    height: 100%;
}

.event-header-block .event-header-intro { 
    max-width: 500px; 
    font-size:1.3rem !important;
    color: #fff;
    line-height: 1.2;
}

.event-header-block .event-header-intro h1 {
    color: #fff;
    font-size:3.5rem !important;
    white-space: normal;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin: 0;
    line-height: 1;
    margin: 30px 0;
}
.event-header-block .event-header-intro h1 strong {
    display: block;
    color: #bddfaa;
    font-size:2rem !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: .25em;
}

.event-header-block .event-header-intro h2 {
    color: #fff;
    font-size:2rem !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.event-header-block .event-header-intro h4 {
    color: #202020;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    padding: 10px;
    background-color: #F7E16D;
    display: inline-block;
    margin: 0;
}
.event-header-block .event-header-intro h4 + p {
	margin-top: 1em;
}
.event-header-block .event-header-intro a {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.event-header-block .event-header-intro p { margin: 0; padding: 0 }
.event-header-block .event-header-intro p:last-of-type a { margin-top: 1em; }

@media (max-width: 768px) {
    .event-header-block .event-header-intro { text-align: center; }
}
@media (min-width: 850px) {
    .event-header-block .event-header-intro h1 { font-size: 4.5rem !important; }
    .event-header-block .event-header-intro h2 { font-size: 2.5rem !important; }
    .event-header-block .event-header-intro h4 { font-size: 1rem; }
    .event-header-block .event-header-intro h1 strong { font-size: 3rem !important; }
    .event-header-block .event-header-intro {  font-size:1.5rem; }
}

.event-header-block .form-block.white-bg {
    max-width: 450px;
    border-top:5px solid #F7E16D;
    border-radius: 0;
    padding: 0;
    color: #202020;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .event-header-block .form-block.white-bg { margin: 20px auto; }
}

.event-header-block .form-block.white-bg h2 {
    color: #202020;
    margin: 15px 0 5px;
}
.event-header-block .form-block.white-bg ul li {
    margin: 0 0 10px !important;
    padding: 0;
}
.event-header-block .form-block.white-bg fieldset:first-of-type legend,
.event-header-block .form-block.white-bg fieldset:first-of-type label {
    height: 0;
    position: absolute;
    visibility: hidden;
}
.event-header-block .form-block.white-bg fieldset:nth-of-type(2) legend {
    color: #202020;
    display: block;
    position: relative;
    top: initial;
    left: initial;
    line-height: 1;
    font-size: 1.2rem;
    padding-top: 20px;
} 
.event-header-block .form-block.white-bg fieldset:nth-of-type(2) label {
        height: 0;
    font-weight: normal;
    position: absolute;
    visibility: hidden;
}

.event-header-block .form-block.white-bg fieldset:last-of-type {
    margin: 0 0 15px;
 }

.event-header-block .form-block.white-bg p.footnote {
    line-height: 1.2rem;
    float: right;
    width: auto;
    margin-top: 20px;
    font-style: italic;
}

/* Leader's Tour Header */
.tour-header-block .event-header-intro { max-width:600px !important; }

.tour-header-block .event-header-intro h2 { margin-bottom:5px; }
.tour-header-block .event-header-intro h2 strong {
    background-color: #fff;
    color: #0085ae;
    font-size: 1.2rem;
    text-shadow: none;
    padding: 2px 5px;
    margin: 0;
}

.tour-header-block .event-header-intro p {
    line-height: normal; font-size: 1.4rem; max-width: 400px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.tour-header-block .event-header-intro p:first-of-type {
    font-size: 1.7rem; margin: 0; padding: 0; line-height: normal;
}
.tour-header-block .event-header-intro h1 {
    line-height: 0.9 !important;
}


/* Event Items */
.form-block.white-bg .event-item * { text-align:left !important; }
.form-block.event-form-block .event-item h3 { display: inline; font-size: 0.8rem !important; text-transform: uppercase; background-color: rgba(189,223,170, 0.4); padding: 5px 10px; line-height: 1; font-weight: bold; color: #0085ae; }

.event-item .bb_boot_card_container { display: flex; flex-flow: column wrap; position: relative; }
.event-item .bb_boot_card_image { height: 150px; text-align:center; }
.event-item .bb_boot_card_image img { height: 100%; width:auto; z-index: 2; position: relative;  }
.event-item h3 { font-size: 1.2rem; line-height: 1.2; }
.event-item h4 { display: inline; font-size: 0.8rem; text-transform: uppercase; background-color: rgba(189,223,170, 0.4); padding: 5px 10px; line-height: 1; font-weight: bold; color: #0085ae; }
.event-item p { margin: 10px 0; }
.event-item:not(.featured) .bb_boot_card_container { box-shadow:none; padding:0; }
.event-item:not(.featured):not(.upnext) p { margin-top:20px }
.event-item:not(.featured) .bb_boot_card_block { padding: 0; }
.event-item:not(.featured):not(.upnext) .bb_boot_card_image { display:none; }

/* Event Items Button */
.event-item .bb_boot_card_link_button span { padding:0; margin:0; font-size:initial; line-height:initial; }


/* Up next */
.event-item.upnext h3 { width: 60%; min-width:250px; position:absolute; top:0; font-size:1.1rem; }
.event-item.upnext h4 { position:absolute; top:35px; }
.event-item.upnext .bb_boot_card_image { height:80px; text-align: right;  }
.event-item.upnext .bb_boot_card_image:before { right:-300px; }

/* Featured */
.event-item.featured { max-width:600px; margin: 0; }
.event-item.featured h3 { color: #2f772f; font-size:2rem; line-height:1.4; position: absolute; top: 20px; width: 60%; min-width:250px; z-index:10;  }
.event-item.featured h3 span { background-color: #fff; z-index:10;  }
.event-item.featured h4 { position:absolute; top:105px; background-color:#fff; }
.event-item.featured p { margin-bottom: 0; }
.event-item.featured .bb_boot_card_image { height:250px; padding: 20px; text-align: right; border-radius:12px 12px 0 0; }
.event-item.featured .bb_boot_card_image:before { content: ""; display: block; position: absolute; border-radius: 50% 0 0 50%; z-index: 0;
    background-color: #f5f5ef; width: 500px; height: 500px; top: -210px; right: -210px; }
.event-item.featured .bb_boot_card_link_button { position: absolute; top: 190px; left: 20px; z-index:10; }
.event-item.featured .bb_boot_card_link_button { border: 1px #fff solid; background-color: #f7e16d ; color: #202020; font-weight: bold; }
.event-iten.featured .bb_boot_card_link_button span { color: #202020 ; font-weight: bold; }
.event-item.featured .bb_boot_card_block { background: #f5f5ef; border-radius: 0 0 12px 12px; }
.event-item.featured .bb_boot_card_container { border-radius: 12px; }

.event-item.featured .bb_boot_card_image { position: relative; overflow: hidden; background: url(https://gpo.ca/uploads/2021/04/gpo-bg-geometric-simple3-1500.png); background-size:cover; background-position: bottom left; }


/* List */
.event-item.list *, .event-item.event-item-tour.list * { text-align: left !important; }
.event-item.list .bb_boot_card_image { display: none !important; }
.event-item.list h4 { background: none; font-weight: normal; text-transform: none; color: #202020; padding: 0; margin: 0; font-size: 0.9rem; }
.event-item.list h3 { margin: 30px 0 0; }
.event-item.list .bb_boot_card_text { position: absolute; top: 0; margin: 0 !important; padding: 0 !important; }
.event-item.list .bb_boot_card_link_button { color: #999; background: none; box-shadow: none; padding-left: 2.0em !important; font-weight: bold; border-radius: 0; padding: 0; margin: 0; text-align: left; font-size: 0.8rem; }
.event-item.list .bb_boot_card_link_button:hover,
.event-item.list .bb_boot_card_link_button:active,
.event-item.list .bb_boot_card_link_button:focus { color: #202020; }
.event-item.list .bb_boot_card_link_button span {}
.event-item.list .bb_boot_card_link_button:before { content: "\f0a9"; font-size: 1.4em; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: block; position: absolute; left: 0; top: 0; width: auto; height: auto; text-align: center;  }

/* Events List on 2 Columns (Desktop) */
@media (min-width: 768px) {   
	.column-list > .fl-col-content { display:flex; flex-flow: row wrap; }
	.column-list > .fl-col-content > * { flex: 1 1 50%; }  
}  

/* Training Session */
.event-item.event-item-skills.list h3 strong {
    color: #202020;
    font-size: 1rem;
    padding:2px;
    background-color: #F7E16D;   
}



/* Specific Tags */
.event-item.virtual h3:after { content: "Virtual"; font-size: 0.7rem; background: #F7E16D; color: #202020; padding: 0 6px; display: inline-block; margin: 0 0 0 8px; line-height: 1.5; text-transform: uppercase; font-weight: bold; position: relative; top: -2px; }


/* Featured: Leader's Tour */
.event-item.event-item-tour.featured .bb_boot_card_image { position: relative; overflow: hidden; background: none; background-size: cover; background-position: bottom left; padding: 0; height:auto; border-radius: 12px; }
.event-item.event-item-tour.featured .bb_boot_card_block { max-height: 0px; padding: 0 20px; }
.event-item.event-item-tour.featured .bb_boot_card_image img {height:auto !important;}
.event-item.event-item-tour.featured h3 { top: 30px; width:90%; }
.event-item.event-item-tour.featured h3 span { background: none; color: #fff; border: 2px solid #fff; padding: 5px 10px; font-size: 1.8rem; }
.event-item.event-item-tour.featured h4 { top: 60px; z-index: 1000; }
.event-item.event-item-tour.featured .bb_boot_card_link_button { top: 120px; }

/* Checkboxes */
.event-selection-block p { font-style: italic; margin:0; }
.event-selection-block legend { max-width:400px; line-height:1.1}
.event-selection-block ul li { display:block; width:100% !important; flex:none !important; position:relative; margin: 0 0 5px 0 !important; padding:0 !important; }
.event-selection-block ul li input[type=checkbox] { position:absolute; top:0; display:block; width:10px !important; opacity:.0; }
.event-selection-block ul li label { display:block; padding:5px 20px 5px 40px; margin:0 !important; cursor:pointer;  }
.event-selection-block ul li label span { display:block; font-weight:normal; font-size:0.9rem; }
.event-selection-block ul li label:hover,
.event-selection-block ul li input:focus + label,
.event-selection-block ul li input:checked + label { color: #202020; }
.event-selection-block ul li input + label:before { content: "\f0c8"; display: block; position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 24px; padding-top: 5px; opacity:.5 } 
.event-selection-block ul li input:checked + label:before { content: "\f14a"; font-size:24px; opacity: 1; }


/* Loader */
.loading { font-size: 0.8rem; text-align: left; position: relative; font-style: italic; padding-left: 32px; margin: 10px 0 0 20px; line-height: 1;
max-width: 250px; color: #999; display: inline-block; float: right; }
.loading:before { content: ""; position: absolute; top: 0; left: 0;
    border: 3px solid rgba(240,240,240,0.8); border-top: 3px solid #2f772f; border-radius: 50%;
    width: 24px; height: 24px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* Errors */
.form-errors { display: none; scroll-margin-top: 5em;  scroll-snap-margin-top: 5em; }
.form-errors p { margin: 0 0 10px; color: #c90000; }
.form-errors ul.error-list { display:flex; flex-flow:row wrap; padding-left:0; list-style: none; }
.form-errors ul.error-list li { border: 1px #c90000 solid; color: #c90000; display: flex-flow: row wrap; padding: 6px !important; margin: 0 10px 10px 0; border-radius: 5px; flex:1 1 auto; }
.form-errors ul.error-list li a { color: #c90000; text-decoration: underline; }
.green-bg .form-block:not(.white-bg) .form-errors ul.error-list li { border-color: #F7E16D; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7);  }
.action-form li.field-error:before {top: calc(50% - 12px) !important;}
.green-bg .form-block:not(.white-bg) .loading { color: #fff; }

fieldset:not(.field-error) .field-error label { display:flex; position:relative; }
fieldset:not(.field-error) .field-error label:before,
.subscribe-form li.field-error:before,
.event-header-block .action-form li.field-error:before  {
    content:"\f321"; font-family: "Font Awesome 5 Pro"; font-weight: 400; 
    color: #c90000;
    font-size: 1.2em; 
    display: block; position: absolute; right: 10px; top: calc(100% + 10px); width: auto; height: auto; text-align: center; }
fieldset.field-error .field-error input[type=checkbox] + label:before,
fieldset.field-error .field-error input[type=radio] + label:before { color: #c90000; }
fieldset.field-error legend { color: #c90000; }

/* Responsive */
@media (min-width: 768px) {
    .platform-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
        background-color: rgba(47, 119, 47,0);
        background-image: linear-gradient( 90deg, rgba(47, 119, 47, 0.7) 60%, rgba(47, 119, 47, 0.9) 100%) !important;
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 42% 100%);
    }
    
    
    .event-registration-block .form-block { width: 60%; position:relative; }
    
    .event-selection-block { position:absolute; top:0; left:100%; width:calc(60% - 40px); margin:40px 0 40px 40px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); }
    .event-selection-block legend,
    .event-selection-block fieldset,
    .event-selection-block label,
    .event-selection-block p { color:#ffffff !important}
    .event-selection-block ul li { border-bottom:1px solid rgba(255,255,255, 0.3); margin:0 !important; }
    .event-selection-block ul li label { padding:10px 0 10px 60px; }
    .event-selection-block ul li label:hover,
    .event-selection-block ul li input:focus + label { background-color:rgba(255,255,255, 0.1); color:inherit; }
    .event-selection-block ul li input:checked + label { background-color:rgba(255,255,255, 0.2); color:inherit; }
    .event-selection-block ul li input + label:before { left: 20px; top: 15%; line-height:48px; } 
    

    .event-item.upnext h3 { font-size:1.8rem; position: absolute; top: 0; }
    .event-item.upnext h4 { position:absolute; top:60px; }
    .event-item.featured { margin: 0 0 0 auto; }
    .event-item:not(.featured):not(.upnext):not(.list) * { text-align:center; }
    .event-item .bb_boot_card_image { display:block !important; }
    .event-item.upnext .bb_boot_card_image { height:80px; margin-bottom:30px;}
}
@media (min-width: 850px) {
    .event-item.upnext .bb_boot_card_image { height:120px; margin-bottom:0 }
}
  
  
/* Form Fix */
.action-form ul li {
    margin:0 20px 20px 0 !important;  
}
.action-form .event-selection-block ul li {
    margin:0 !important;  
}


/**************** AGENDA **********************/

/* Agenda */
.agenda-block2 { max-width:auto; }
.agenda-block2 .fl-tabs-panels,
.agenda-block2 .fl-tabs-panel {
    border:none;
}
.agenda-block2 .fl-tabs-panel-content {
    padding:0;
}

/* Agenda Tabs */
.agenda-block2 .fl-tabs-labels {
    display: flex;
}
.agenda-block2 .fl-tabs-panel-label {
    display: none;
}
.agenda-block2 .fl-tabs-horizontal .fl-tabs-label {
    border: none;
    background: #eee;
    color: #202020;
    font-weight:bold;
    font-size: 1.2rem;
    line-height: 1.25;
    margin-left: 15px;
    padding: 10px 20px;
    min-width: 150px;
    border-radius: 20px 20px 0 0;
}
.agenda-block2 .fl-tabs-label span {
    display: block;
    font-weight:normal;
    font-size: 0.8rem;
}

.agenda-block2 .fl-tabs-label.fl-tab-active {
    background: #F7E16D;
    background: linear-gradient(45deg, rgba(247,245,109, 0.5) 0%, rgba(247,225,109, 1) 100%);
}

/* Agenda Items */
.agenda-block2 .agenda-item { 
    display:flex;
    flex-flow:column wrap;
    background: #eee;
    background: rgba(238,238,238, 0.3);;
    margin: 0 0 20px 0;
    padding: 20px;
    border-top: 1px solid #bddfaa;
    line-height: 1.2;
    border-radius:20px 20px 0 20px;
}

.agenda-block2 .agenda-item h3 {
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 1.2rem;
}
.agenda-block2 .agenda-item h3 span {
    font-weight: normal;
    font-size: 1rem;
    display: block;
}

.agenda-block2 .agenda-item h4 {
    font-size: 0.9rem;
    color: #999;
    margin: 0 0 10px;
    line-height: 1.1;
}
.agenda-block2 .agenda-item h4 span,
.agenda-block2 .agenda-item h4 strong {
    color: #202020;
    font-weight: normal;
}

.agenda-block2 .agenda-item img {
    width: 50px;
    border-radius: 50%;
    border:2px solid #fff;
}

/**************** SURVEYS **********************/

/* Background */
.survey-block.fl-row-bg-overlay .fl-row-content-wrap:after {
    background-color: rgba(47, 119, 47,0);
    background-image: linear-gradient( 135deg, rgba(238,238,238, 0) 0%, rgba(189,223,170, 0.7) 100%) !important;
}

/* Survey Form */
.survey-form-block { max-width: 740px; margin:0 auto; }
.survey-form-block .gform_wrapper { margin:0 !important; padding:0 !important; }

/* Steps */
.survey-form-block .gform_wrapper .gf_page_steps { text-align:center; border:none; margin-bottom:40px !important; }
.survey-form-block .gform_wrapper .gf_step { position: relative; text-align:left; display:inline-block; width:42px !important; padding:0; margin:0 !important; }
.survey-form-block .gform_wrapper .gf_step:before { content: ""; display: block; width: 50%; height: 2px; background-color: #2f772f; position: absolute; top: 11px; left: 50%; z-index: -1; }
.survey-form-block .gform_wrapper .gf_step_label { display:none; }
.survey-form-block .gform_wrapper .gf_step_last { width:auto !important; }
.survey-form-block .gform_wrapper .gf_step_last:before { content:none; }
.survey-form-block .gform_wrapper .gf_step_number {
    display: block; margin: 0 !important; padding: 0 ; width: 24px; height: 24px; line-height: 20px; text-align: center; 
    background-color: #fff; border:2px solid #2f772f; color: #2f772f; border-radius: 50%; font-size: 0px !important; 
    position: relative;
}
.survey-form-block .gform_wrapper .gf_step_completed,
.survey-form-block .gform_wrapper .gf_step_active { opacity:1 }
.survey-form-block .gform_wrapper .gf_step_completed .gf_step_number { background-color: #2f772f; color: #ffff; }
.survey-form-block .gform_wrapper .gf_step_completed .gf_step_number:after { font-family: "Font Awesome 5 Pro"; font-size: 20px; content: "\f00c"; }
.survey-form-block .gform_wrapper .gform_body,
.survey-form-block .gform_confirmation_wrapper { text-align:center; }
.survey-form-block .gform_wrapper .gform_page_footer { border:none; }


/* Survey Intro */
.survey-form-block .gform_wrapper .survey-block-intro h1,
.survey-form-block .gform_confirmation_wrapper h1 { font-weight:bold; margin:0 0 20px; text-transform:uppercase; }
.survey-form-block .gform_wrapper .survey-block-intro h1 strong,
.survey-form-block .gform_confirmation_wrapper h1 strong { color: #75ae55; }
.survey-form-block .gform_wrapper .survey-block-intro h2,
.survey-form-block .gform_confirmation_wrapper h2 { margin-bottom:0px !important; font-size:1.5rem; font-weight:normal !important; color:#202020; }
.survey-form-block .gform_wrapper .gform_body p,
.survey-form-block .gform_confirmation_wrapper p  { max-width:550px; margin:10px auto;}
.survey-form-block .gform_wrapper .gform_body .privacy,
.survey-form-block .gform_wrapper .gform_body .footnote,
.survey-form-block .gform_wrapper .gform_body .gfield_description { font-size:0.8rem; text-align:center; font-style:italic; }
.survey-form-block .gform_wrapper .gform_body p:first-of-type:not(.privacy),
.survey-form-block .gform_confirmation_wrapper p:first-of-type:not(.privacy) { font-weight:bold; font-size:1.1rem; }
.survey-form-block .gform_wrapper .gfield h2 { font-size:1.5rem !important; line-height:1; font-weight: bold; color: #404040; }
.survey-form-block .gform_wrapper .gform_fields .gfield_html { flex:1 0 100%; }
.survey-form-block .gform_wrapper ul li.gfield { margin:0; padding:0; }
.survey-form-block .gform_wrapper .gform_fields > li { width:100%; flex:none; }
.survey-form-block .gform_wrapper label.gfield_label { 
    font-size:1.5rem !important; line-height:1; font-weight: bold; color: #404040; }

/* Fiedset */
.survey-form-block .gform_wrapper .fieldset-contact-info .gform_fields .gfield label {
    font-weight: bold; font-size: 1.1rem !important; text-align: left; letter-spacing: normal; margin: 0 !important;
}

.survey-form-block .gform_wrapper .fieldset-contact-info .gform_fields { list-style: none; margin: 0; padding: 0;display: flex; flex-flow: row wrap; align-content: space-between; justify-content: flex-start; }
.survey-form-block .gform_wrapper .fieldset-contact-info .gform_fields > li:not(.gfield_html) { width: auto; flex: 1 1 auto;margin: 0 0 20px 0 !important; text-align: left; }
.gform_wrapper .fieldset-contact-info .gform_fields > li input { display: block; margin: 5px 0 0 !important; padding: 6px 10px; width: 100% !important; }

/* Checkboxes / Radio */
.survey-form-block .gform_wrapper .gfield_checkbox,
.survey-form-block .gform_wrapper .gfield_radio,
.survey-form-block .gform_wrapper .gform_fields { position: relative; display:flex; flex-flow: row wrap; justify-content:space-between; }


.survey-form-block .gform_wrapper .gfield_checkbox li, 
.survey-form-block .gform_wrapper .gfield_radio li { padding:0 !important;  margin: 10px 20px; text-align: left; flex: 1 0 100%; 
    height: 56px; border-radius: 10px; border: 1px solid rgba(230, 230, 230, 1); 
    cursor: pointer; display: flex; 
}
.survey-form-block .gform_wrapper .gfield_checkbox li label,
.survey-form-block .gform_wrapper .gfield_radio li label { text-indent:0; line-height:1; font-size:1.1rem !important; padding:0 20px 0 50px; margin: 0;
     max-width: initial; background: rgba(255, 255, 255, 0.2); 
     flex: 1 0 100%; display: flex; flex-flow: column wrap; justify-content:center; }
     
.survey-form-block .gform_wrapper .gfield_checkbox li label span,
.survey-form-block .gform_wrapper .gfield_radio li label span { display:block; font-weight:normal; font-size:1rem;  }

.survey-form-block .gform_wrapper .gfield_checkbox li input, 
.survey-form-block .gform_wrapper .gfield_radio li input { left: 0; width: 10px;
opacity: .0; }

.survey-form-block .gform_wrapper .gfield_checkbox li label:before, 
.survey-form-block .gform_wrapper .gfield_radio li label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 18px; left: 15px; border: 2px solid #ccc; border-radius: 3px; }
.survey-form-block .gform_wrapper .gfield_radio li label:before { border-radius:50%;}

.survey-form-block .gform_wrapper .gfield_checkbox li label:hover,
.survey-form-block .gform_wrapper .gfield_radio li label:hover{ background: rgba(240, 240, 240, 0.3); }

.survey-form-block .gform_wrapper input[type=checkbox]:checked + label,
.survey-form-block .gform_wrapper input[type=radio]:checked + label{ background: rgba(255, 255, 255, 0.5); color:#202020; }
.survey-form-block .gform_wrapper .gfield_checkbox input[type=checkbox]:checked + label:before,
.survey-form-block .gform_wrapper .gfield_radio li input[type=radio]:checked + label:before { border-color:#202020; }
.survey-form-block .gform_wrapper .gfield_checkbox input[type=checkbox]:checked + label:after,
.survey-form-block .gform_wrapper .gfield_radio li input[type=radio]:checked + label:after { 
    content: ""; display: block; position: absolute; top: 15px; left: 24px;
    width: 8px; height: 18px; border: 1px solid #202020; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.survey-form-block .gform_wrapper .gfield + .gfield.other { position: absolute; bottom: 32px; display: flex; max-width: 50%;
    left: 120px;  }
.survey-form-block .gform_wrapper .gfield + .gfield.other label { display:none; }
.survey-form-block .gform_wrapper .gfield + .gfield.other input { margin: 0 !important; background-color: rgba(238,238,238, 0); padding: 0 !important; border: none; color: #202020; border-bottom: 1px solid #404040; }
.survey-form-block .gform_wrapper .gfield + .gfield.other .ginput_container { flex: 1 0 auto; min-width: 200px; margin: 0 !important; }


/* Responsive */
@media (min-width:768px) {
    .survey-form-block .gform_wrapper .gfield + .gfield.other { left:initial; right: -120px; }
}

@media (min-width:640px) {
    .survey-form-block .gform_wrapper .gfield_checkbox li,
    .survey-form-block .gform_wrapper .gfield_radio li { flex: 1 0 40%; }
    .survey-form-block .gform_wrapper .gfield_checkbox li:last-of-type,
    .survey-form-block .gform_wrapper .gfield_radio li:last-of-type { max-width:47%; }
    .survey-form-block .gform_wrapper .gf_step_number {  width: 32px; height: 32px; line-height: 28px; }
    .survey-form-block .gform_wrapper .gf_step { width:56px !important; }
    .survey-form-block .gform_wrapper .gf_step:before { top: 15px; left: 50%;}

}
@media (max-width:400px) {
    .survey-form-block .gform_wrapper .gf_step { width:32px !important; }
}






/**************** EDITs new template **************/

/* Thank you page */
.share-button {
    width: fit-content;
    display: inline-block;
}

.share-button .fl-button {
    text-transform: none !important;
    position: relative;
    padding-right: 60px !important;
}

.share-button .fl-button-icon {
    font-size: 28px !important;
    position: absolute;
    top:50%;
    right: 15px;
    margin-top: -14px;
}

/* Subscribe Form */
.contactBuilder ul { 
    list-style: none; margin:0; padding:0;  
    display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;
}
.contactBuilder ul li input,
.contactBuilder ul li button { width:100%;}
.contactBuilder ul li:nth-of-type(1) 		{ width: 100%; }
.contactBuilder ul li:nth-last-of-type(2) 	{ flex-grow: 2; margin-right: 20px; }

/* Take Action Menu */
#action-nav .fl-menu .menu:before,
#action-nav .fl-menu .menu:after{
    content: none;
}
#action-nav ul { 
    list-style:none; margin:0; padding:0; width:100%; 
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
}

#action-nav ul li a {
    font-size: 1.2em; font-weight: bold;
    width: 180px; height: 68px;
    display:table-cell; vertical-align:middle;
    position: relative;
}

#action-nav ul li a:hover {
	opacity:0.7;
}

#action-nav ul li a:after {
    background-size: 48px; width: 48px; height: 48px;
    display: inline-block; content:"";
    position: absolute; right:10px; top: 10px;
} 

#action-nav ul li:nth-of-type(1) a:after {
    background-image: url('/uploads/2020/03/homepage_logo.png');
} 
#action-nav ul li:nth-of-type(2) a:after {
    background-image: url('/uploads/2020/03/volunteer_300.png');
} 
#action-nav ul li:nth-of-type(3) a:after {
    background-image: url('/uploads/2020/03/donate_300-2.png');
} 

/* Responsive */
@media (min-width: 800px) {
	.action-links ul li:first-of-type a {
		padding-left: 40px !important; width: 210px;
	}
	.action-links ul li:last-of-type a {
		padding-right: 40px !important; width: 210px;
	}
	.action-links ul li:last-of-type a:after {
		right:40px;
	}

}

@media (min-width: 1180px) and (max-width: 1400px) {
	.campaign-form-block .fl-col:first-of-type { width: 65%; }
	.campaign-form-block .fl-col:last-of-type { max-width: 35%; }	
}

@media (max-width: 1180px) {
	.campaign-form-block .fl-col:first-of-type { width: auto; }
	.campaign-form-block .fl-col:last-of-type { display: none; }	
}


@media (min-width: 768px) {

	.donate-links ul li:nth-of-type(-n+3) a { margin-bottom: 20px; }
	
	/* Adjusting the primary featured page item to be larger */
	.featured-block-page-item:nth-of-type(1) { height:300px; order: 3; border-left: 2px solid #fff; border-bottom: none; }
	.featured-block-page-item:nth-of-type(1) .fl-post-feed-image:after { -webkit-clip-path:polygon(0 0, 90% 0, 55% 100%, 0% 100%); clip-path:polygon(0 0, 90% 0, 55% 100%, 0% 100%) }
	.featured-block .featured-block-page-item:nth-of-type(1) .fl-post-feed-more { position: relative; top: 0; left: 0; right: 0; margin-top: 20px; }
	.featured-block-page-item:first-of-type .fl-post-feed-image img { height: 100% !important }
	
	.featured-block .fl-post-feed { max-height: 305px;  }
	.featured-block-3row .fl-post-feed { max-height: 455px; }
	.featured-block-3row .featured-block-page-item:nth-of-type(1) { height:450px; }
	.featured-block-3row .featured-block-page-item:first-of-type .fl-post-feed-image img { height: 100% !important;
width: auto !important;
max-width: none;}
	
	.featured-block-item { width: 50%; }
	.featured-block-item .fl-post-feed-header,
	.featured-block-item .fl-post-feed-text { margin: 0 40px !important; }
	.featured-block .fl-post-feed-more { right: 40px; }
	.featured-block .featured-block-page-item h2 { font-size: 1.3em; }
	.featured-block .featured-block-item .fl-post-feed-text { line-height: 1.1em }
	
	.featured-block .featured-block-page-item:first-of-type h2 { font-size: 1.5em; margin-top: 30px; }
	.featured-block .featured-block-page-item:first-of-type p { font-size: 1.1em; line-height: normal }
	
	.header-block .fl-module-rich-text .fl-module-content { margin-left: 40px; }
	.header-block .fl-module-html .fl-module-content { margin-left: 40px; }
	
	.campaign-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
		background-color: rgba(0,0,0,0);	
		background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 100%);
	}
}

@media (max-width: 955px) {
    .share-button {
        width:100%;
    }
    .share-button .fl-button {
        width:100% !important;
    }
    
    .page-template-page-2020 h1, .page-template-homepage h1, .single h1 {
        font-size: 2.2em;
	}
    .page-template-page-2020 h2, .page-template-homepage h2, .single h2 {
        font-size: 1.8em;
	}
    .page-template-page-2020 h3, .page-template-homepage h3, .single h3 {
        font-size: 1.5em;
	}
	.contactBuilder ul li:nth-last-of-type(2) { margin-right: 0; }
	.featured-block-item .fl-post-feed-text br 		{ display: none; }
	.header-block .fl-col-content { height: auto; }
	.featured-block .fl-post-feed-more { right: 20px; }
	
	.content-block-article-header h2 { font-size: 1.8rem }

	.single-gmedia .content-block-article-header .fl-col-content { padding-top: 0; }
	.single-gmedia .content-block-article-photo .fl-module-content { margin:0; }
	.single-gmedia .content-block-article-photo .fl-photo { max-width: none; max-height: 500px; overflow: hidden;}
	.single-gmedia .content-block-article-photo .fl-photo img { max-height: none; width: 100%; max-width: 100%;}

	.campaign-principles-block .fl-module-photo img { height:100%; }
	.campaign-form-block .fl-module-photo img { height:100%; }
	.campaign-pillars-item h3 { font-size: 1.2rem; }
	
	.candidate-header-block { padding: 0 40px 0 0; }

}


@media (max-width:768px) {

	.block-wrapper { padding: 20px; }


	.page-template-page-2020 h1, .page-template-homepage h1, .single h1 {
        font-size: 2em;
	}
    .page-template-page-2020 h2, .page-template-homepage h2, .single h2 {
        font-size: 1.6em;
	}
    .page-template-page-2020 h3, .page-template-homepage h3, .single h3 {
        font-size: 1.3em;
	}
	.donate-block .fl-module { width: 100%; }
	.donate-links ul.menu, .donate-links .fl-menu .menu { justify-content:flex-start; }
	.donate-block > .donate-block-header,
	.donate-block > .donate-links { width: 100%; padding: 0 20px; }	
	.donate-block > .donate-links { padding-bottom: 30px }

	.action-links ul li {
		width: 50%; 
	}
	
	.action-links ul li a {
		width: auto;
		display: flex;
		align-items: center;
	}
	.action-links ul li:nth-of-type(odd) a {
		padding-left: 20px !important;
	}
	.action-links ul li:nth-of-type(even) a:after {
		right: 20px;
	}
	.column-2 {column-count: 1;}
	
	.featured-block .featured-block-page-item h2 { font-size: 1.5em; }
	.featured-block .featured-block-item .fl-post-feed-text { line-height: 1.2em }
	.featured-block-item .fl-post-feed-text br 		{ display: none; }
	
	
	.featured-block .featured-block-action-item:first-of-type { border-bottom:2px solid #fff !important; border-right: none !important; }
	
	.header-block .fl-col-content { height: auto; }
	.subscribe-form ul li input,
	.action-form.subscribe-form ul li input { height: 36px; line-height: 24px;}
	.subscribe-form button { height: 36px; line-height: 36px; font-weight: bold; }
	
	
	.content-block-photo.floating { position:relative; top: 0; left: 0; }
	.content-block.with-photo .fl-module { width:50%; }
	.content-block.with-photo { margin-top: 0; }
	
	.numbers-item {max-width: 200px;}
	
	.content-block-article-header .fl-col-content { padding-top: 0; }
	.content-block-article-photo .fl-module-content { margin:0; }
	.content-block-article-photo .fl-photo { max-width: none; max-height: 350px; overflow: hidden;}
	.content-block-article-photo .fl-photo img { max-height: none; width: 100%; max-width: 100%;}
	
	.content-block-article-header h2 { font-size: 1.6rem }
	.content-block-article-header h1 {  margin-top: 20px;}

	.content-block-article-num-section .fl-module-content { padding-left: 60px; }
	.content-block-article-num-section .fl-module-content:before { font-size: 40px; }
	.content-block-article-num-section .fl-module-content h2 { font-size: 1.6rem }
	
	
	.ygo-header-block .fl-col-group { padding: 0 10px; }
	.campaign-header-block .fl-col-group { padding: 0 10px; }
	ul.campaign-pillars li { max-width:200px; }
	
	.campaign-principles-block .fl-module-photo .fl-module-content { margin:0; }
	.campaign-principles-block .fl-module-photo img { width:100%; }

	.campaign-pillars-block .fl-col-group:last-of-type .fl-col { max-width:180px; }
	.campaign-pillars-item h3 { font-size: 1.1rem; }
	
	.action-campaign-form ul li { min-width: 44%; }

	.campaign-header-block2.fl-row-bg-overlay .fl-row-content-wrap:after { background-image: none;}

	.candidate-header-block { padding: 0 30px 0 0; }
	
	.candidate-header-block-photo img { max-height: 500px; }

}

@media (max-width:420px) {
	.page-template-page-2020 h1, .page-template-homepage h1, .single h1 {
        font-size: 1.5em;
	}
    .page-template-page-2020 h2, .page-template-homepage h2, .single h2 {
        font-size: 1.4em;
	}
    .page-template-page-2020 h3, .page-template-homepage h3, .single h3 {
        font-size: 1em;
	}
	.site-header {
    	margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	#action-nav ul li { width:100% !important; }
	#action-nav ul li a {
		width:100%;
		display: block;
		line-height: 34px;
	}
	
	.action-links ul li a {
		font-size: 0.9em;
	}
	
	.social-links ul li a 	{ width: 48px; height: 48px; line-height: 48px; font-size: 1.6em; }

	.find-candidate-form ul li:last-of-type { margin-left: 0;  }

}

@media (max-width:500px) {
	.donate-links ul.menu, .donate-links .fl-menu .menu { justify-content:space-between; align-content: flex-start; }
	.donate-links .fl-menu .menu:before { display: none; }
	.donate-links ul li:last-of-type { width: 100%; flex-basis:100%; }
	.donate-links ul li a, .donate-links ul li:not(:first-of-type) { margin-left: 0; }	
	.donate-links ul li a { margin-bottom: 20px; }
	
	.featured-block .featured-block-page-item h2 { font-size: 1.3em; }
	.featured-block .featured-block-item .fl-post-feed-text { line-height: 1.1em }
	.featured-block-item 							{ height: auto; }
	.featured-block-item .fl-post-feed-header,
	.featured-block-item .fl-post-feed-text 		{ max-width: 100%; }
	.featured-block-item .fl-post-feed-image:after 	{ -webkit-clip-path:none; clip-path:none; }
	.featured-block-item .fl-post-feed-text br 		{ display: none; }
	.featured-block .fl-post-feed-more 				{ position: relative; right:auto; bottom: auto !important; margin-top: 20px; margin-bottom: 20px; }
	
	.featured-block .featured-block-action-item 	{ height: auto; }
	.featured-block .featured-block-action-item h2 	{ padding-top: 20px; }
	.featured-block .featured-block-action-item .fl-post-feed-more { margin-top: 10px; }
	
	.header-block .subscribe-form { width: auto; max-width: none }
	.header-block .fl-module { width:100%;  }
	.header-block.green-bg:not(.overlay-full) .fl-module { background-color: #2f772f; }
	.header-block .header-block-photo { position: relative; height: 150px; border-bottom: 5px solid #fff; border-top: 5px solid #fff; }
	.header-block .header-block-photo:after {content:none;}
	.header-block .fl-photo-caption { left: 0; bottom: 50%; }
	
	
	.page-header-block.fl-row-bg-overlay .fl-row-content-wrap:after {
		background-image: linear-gradient(200deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9));
	}

	ul.campaign-pillars li { max-width:150px; }
	.campaign-pillars-block .fl-col-group:last-of-type .fl-col { max-width:150px; }

	.candidate-header-block { padding: 0; flex-direction: column; }
	.candidate-header-block-photo {margin: 0; width: 100%; }
	.candidate-header-block-photo img { max-height: 400px; width: 100%;}
	.candidate-header-block-bio {padding: 20px;}
	
	
}
@media (max-width:540px) {	
	.action-links ul li a:after {
		position: relative;
		right: 0; top: 0; min-width: 48px; margin-left: 20px;
	}
	.action-links ul li:nth-of-type(2) a:after {
		position: absolute; top: 20px; right: 20px;
	} 
	.action-links ul li:nth-of-type(4) a:after {
		right: 4px;
	}
	
	.content-block.with-photo .fl-module { width:auto; }
	.content-block-photo.floating {display: none;}
	
	.page-header-block .fl-module-content { margin-bottom: 0;}
	.page-header-block h1 + p { margin-bottom: 0}
	
	.numbers-item {max-width: auto;}
	
	
	.content-block-article-num-section .fl-module-content { padding-left: 45px; }
	.content-block-article-num-section .fl-module-content:before { font-size: 32px; }
	.content-block-article-num-section .fl-module-content h2 { font-size: 1.5rem }

	.action-campaign-form ul li { min-width: 100%; margin-right: 0 }



}

/* Temporary fix */
section.masked-half.fix-conv-header{ 
min-height: 250px;
background-size: cover !important;
}

/* Hide reCAPTCHA badge */
.grecaptcha-badge { visibility: hidden; }

/* For edit mode */
.fl-builder-edit .form-success,
.fl-builder-edit .campaign-form-success  { display: block !important; }










/************************ GPO Brand Styles ************************/
body {
  --bs-white: #FFFFFF;
  --bs-black: #000000;
  --bs-light-green: #BDDFAA;
  --bs-medium-green: #75AE55;
  --bs-dark-green: #2F772F;
  --bs-medium-blue: #52C1DB;
  --bs-dark-blue: #0085AE;
  --bs-light-grey: #FAFAFA;
  --bs-light-grey2: #EEEEEE;
  --bs-medium-grey: #999999;
  --bs-dark-grey: #404040;
  --bs-darker-grey: #202020;
  --bs-red: #FF1616;
  --bs-medium-red: #ED5966;
  --bs-dark-red: #94000D;
  --bs-yellow: #F7E16D;
  --bs-primary: var(--bs-dark-green);
  --bs-secondary: var(--bs-dark-blue);
  --bs-important: var(--bs-medium-red);
}


/************************ 2021 Styles ************************/

/************************ Header ************************/
@media (min-width: 768px) {
	.header-block.header-style-1 .fl-row-content-wrap .fl-row-content,
	.header-block.header-style-2 .fl-row-content-wrap .fl-row-content,
	.header-block.header-style-3 .fl-row-content-wrap .fl-row-content {
	    max-width:960px;
	}
	.header-block.header-style-2 .header-intro,
	.header-block.header-style-3 .header-intro {
	    max-width:50%;
	}
}

@media (min-width: 768px) and (min-height: 768px) {
	.header-block.fl-row-full-height .fl-row-content-wrap {
	    min-height: 400px !important;
	}
}

.header-block.black-bg h1, 
.header-block.black-bg h2, 
.header-block.black-bg h3, 
.header-block.black-bg p, 
.header-block.black-bg a:not(.button) {
	color: var(--bs-white);
	text-shadow: 3px 3px 0 rgb(0 0 0 / 40%);
}

.header-block.header-style-1 h1,
.header-block.header-style-3 h1 {
	font-size: 3.5em;
	line-height: 1;
	margin: 0.75em 0;
}
.header-block.header-style-1 h1 span,
.header-block.header-style-3 h1 span {
	font-size: .65em;
	font-weight: normal;
	display:block;
}

.header-block.header-style-1 h2 {
	font-size: 2.25em;
	color: var(--bs-light-green);
}

.header-block.header-style-1 h3,
.header-block.header-style-2 h3,
.header-block.header-style-3 h3 {
	font-size: 1.8em;
}
.header-block.header-style-1 h3 strong,
.header-block.header-style-2 h3 strong,
.header-block.header-style-3 h3 strong {
	color: var(--bs-light-green);
}


.header-block.header-style-2 h1 {
	display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    font-size: 3.5em;
    line-height: 1;
}

.header-block.header-style-2 h1 strong,
.header-block.header-style-2 h1 span {
    background-color: var(--bs-white);
    color: var(--bs-dark-blue);
    padding: 0 .125em;
    text-shadow: none;
    display: block;
    margin-bottom: .125em;
    margin-left: -.125em;
}

.header-block.header-style-2 p {
	font-size: 1.5em;
	line-height: 1.2;
}

.green-bg.fl-row-bg-overlay .fl-row-content-wrap:after {
    background-color: var(--bs-dark-green);
    background: linear-gradient(45deg, rgba(47,119,47,0.5) 0%, rgba(47,119,47,0.8) 100%);
}



/************************ Content ************************/

.content-block-3 {
	font-size: 1.2rem;
	line-height: 1.2;
}

.content-block-3.with-form h2 {
	font-size: 1.3em;
	margin-bottom: .5em;
	position: relative;
}


/* Full width */
.content-block-3 .full-with {
	padding: 0;
    margin: 0;
    width: 100vw !important;
    margin-left: calc( (100vw - 100%) / 2 * -1);
}

.content-block-3 .with-black-overlay {
	background: rgba(0,0,0,0.5) 0%;
		margin-top: 1.5em;
}

@media (min-width: 768px) {
	.content-block-3 .full-with {
		margin-bottom: -1.5em;
	}
}


/* Full width image used in between sections, and cropped height */
.separator-block.with-photo .fl-row-content-wrap,
.separator-block.with-photo .fl-module-content {
    padding: 0;
    margin: 0;
}
.separator-block.with-photo .fl-photo-content img {
    height: 250px;
    object-fit: cover;
}

.separator-block.with-photo.with-caption .fl-photo-content img {
    height: auto;
    border-bottom: 5px solid var(--bs-white);
    border-top: 5px solid var(--bs-white);
    object-fit: contain;
}

.separator-block.with-photo.with-caption .fl-photo-caption {
    position: absolute;
    bottom: 5px;
    left: 0;
    color: var(--bs-white);
    padding: 0.5em 1em;
    font-size: .9em;
    font-weight: bold;
    white-space: pre-wrap;
    background: none;
    text-align: left;
    max-width: 50%;
}

@media (min-width: 768px) {
	
	.text-highlight .fl-row-content-wrap {
		max-width: 700px;
	    padding-left: 20px;
	    padding-right: 20px;
	}


	.content-block-3.with-aside .fl-row-content-wrap .fl-row-content,
	.content-block-3.with-aside .full-with .fl-col-content {
		max-width: 960px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin: 0 auto;
	}
	.content-block-3.with-aside .fl-row-content-wrap {
		padding: 1.5em 0;
	}
	.content-block-3 .aside-col {
		max-width: 33%;
	}

	.content-block-3.with-aside .aside-col {
		order: 2;
	}


}


/* Numbers */
.content-block-3 .fl-number-string {
	font-weight:bold;
}

/* Circle/Chart Numbers */
.fl-number-circle-container .svg circle {
    stroke-width: 1em;
}
.fl-number-circle-container .svg .fl-bar {
    stroke: var(--bs-yellow);
}
.fl-number-circle-container .svg .fl-bar-bg {
    stroke: var(--bs-light-grey);
}
.fl-number-circle-container .fl-number-before-text {
    font-size: 1em;
    font-weight: bold;
}
.fl-number-circle-container .fl-number-after-text {
    font-size: .75em;
}
.fl-number-circle-container .fl-number-string {
    font-size: 2.2em;
}

/* Quote */
.content-block-3 blockquote {
    background-color: var(--bs-light-grey);
    font-size: 1em;
    line-height: 1.2;
    font-style: italic;
    margin: 1.5em 0;
    padding: .75em;
    border-radius: 3px;
    border-left: 5px solid var(--bs-medium-blue);
}

.content-block-3 blockquote p:first-child {
	font-weight: bold;
}

.content-block-3 blockquote *:last-child {
	margin-bottom: 0;
}

.content-block-3 blockquote:after {
	content: none;
}

.content-block-3 .fl-rich-text blockquote:first-child {
	margin-top: 0;
}

/* Cards */

.card .bb_boot_card_container,
.card.content-card.fl-post-grid-post {
    box-shadow:none;
    background-color: var(--bs-light-grey);
    text-align: left;
    border: 0;
}

.card.content-card, .card.content-card .fl-post-grid-text, .card.content-card .fl-post-grid-content {
	font-size: 1em;
}

.card.content-card .fl-post-grid-content p {
	font-size: inherit;
}

.card.content-card h4.fl-post-grid-title {
	font-size: 1.2em;
	font-weight: bold;
	color: initial;

}
.card.content-card h4 a {
	font-size: 1em;
	font-weight: bold;
	color: inherit;
}

   
/*    
.card .fl-callout-photo {
    display: table-cell;
    padding-right: 30px;
    width: 25%;
    padding-right:0;
    
}

.card .fl-callout-photo img {width: 100%;}

.card .fl-callout-content {
    background-color: #FAFAFA;
    padding:0 30px;
    
}

.card .fl-photo-content {
    width: 100%;
}
*/

/* Info Cards */

.card.info-card {
	font-size: .75em;
}
.card.info-card .bb_boot_card_image { 
	display:none; 
}
.card.info-card h4 {
	font-weight:bold;
	font-size:1.1rem;
    line-height: 1.2;
}
.card.info-card p:last-of-type { 
	margin-bottom:0;
}


.card.team-card {
	-webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
}

.card.team-card .bb_boot_card_container,
.card.team-card .bb_boot_card_block {
	background: none;
	padding: 0;
	display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.card.team-card h4 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1;
	padding: 0 0 .25em;
	margin: 0;
}
.card.team-card h3 {
	font-weight: normal;
	font-size: .65em !important;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.card.team-card .contact-buttons {
	margin: .75em 0 0;
}

.card.team-card .bb_boot_card_image {
	display: none;
}
.card.team-card .bb_boot_card_text {
	margin: 0;
}

@media (min-width:  960px) {
	.card.team-card h4 {
		font-size: 1.2em;
	}
}


/* Quote Section */
.text-highlight {
	font-size: 1.2rem;	
   	line-height: 1.2;
}
.text-highlight .fl-row-content-wrap {
    padding-top: 0;
    padding-bottom: 0;
   	margin: 0 auto;
}
.text-highlight .fl-module-content {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.text-highlight p:first-of-type {
	font-size:1.5rem;
	font-weight:bold;
}

.text-highlight p:last-of-type {
	margin-bottom: 0;
}

/* Style 0 */
.black-bg.content-block-3 h2 {
	color: var(--bs-white) !important;
	text-shadow: 3px 3px 0 rgb(0 0 0 / 40%);
}
.black-bg.content-block-3 h2,
.black-bg.content-block-3 h3,
.black-bg.content-block-3 h4,
.black-bg.content-block-3 p,
.black-bg.content-block-3 a,
.black-bg.content-block-3 a:before {
	color: var(--bs-white);
}

.black-bg.content-block-3 ul li a:before {
	border-color: #fff;
}


/* Style 1 */

.content-style-1 h2 {
    position: relative;
    line-height: 1;
    margin-left: 1.25em;
    font-size: 1.5em;
}
.content-style-1 h2:before {
    content: "\f35a";
    font-family: "Font Awesome 5 Pro";
    padding: 0.15em 0 0;
    color:var(--bs-medium-blue);
    font-weight: 600;
    position: absolute;
    left: -1.45em;
    font-size: .85em;
    line-height: inherit;
}

.content-style-1 h3 {
	margin-bottom: 0;
}

.content-style-1 h3 {
    color: var(--bs-dark-blue);
}

.content-style-1 h2:first-child,
.content-style-1 h3:first-child {
	margin-top: 0;
}

@media (min-width: 768px) {
	.content-style-1 h2 {
		font-size: 2em;
	}
}

/* Numbers */
.content-block-3 .numbers-item {
	max-width: none;
}

.content-block-3 .numbers-item .fl-number-after-text {
	font-size: .75em;
}


/* Pillars */
.content-block-3 .pillars-item {
	font-size: .85em;
}

.content-block-3 .pillars-item .fl-photo-content img {
	max-height: 80px;
}
.content-block-3 .pillars-item .fl-photo-content {
	margin-bottom: 1em;
}

.content-block-3 .pillars-item h3 {
	margin-bottom: .35em;
}
.content-block-3 .pillars-item h3 a {
	font-weight: bold;
	color: inherit;
}
.content-block-3 .pillars-item h3 span.blue-highlight {
	color: var(--bs-dark-blue);
	display: block;
}
.content-block-3 .pillars-item h3 span.green-highlight {
	color: var(--bs-dark-green);
	display: block;
}
.content-block-3 .pillars-item h3 span.medium-green-highlight {
	color: var(--bs-medium-green);
	display: block;
}
.content-block-3 .pillars-item ul {
    text-align: left;
    border: 1px solid var(--bs-light-grey2);
    font-size: .9em;
    border-radius: .5em;
    background: var(--bs-light-grey);
    padding: 1em 1em .5em 2em;
}

.content-block-3 .pillars-item ul li {
    text-align: left;
    line-height: 1.1;
    margin-bottom: .5em;
}


.content-block-3 .pillars-item a.fl-callout-cta-link {
    color: var(--bs-medium-grey);
    text-decoration: none;
    font-weight: bold;
}

.content-block-3 .pillars-item a.fl-callout-cta-link:hover, 
.content-block-3 .pillars-item a.fl-callout-cta-link:focus, 
.content-block-3 .pillars-item a.fl-callout-cta-link:active {
	color: var(--bs-darker-grey);
}
.content-block-3 .pillars-item a.fl-callout-cta-link:before {
    content: "\f35a"; 
    font-family: "Font Awesome 5 Pro";
    padding: .125em .5em 0 0;
    color: inherit;
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
}


/* Contact Buttons */
ul.contact-buttons {
	list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
}

ul.contact-buttons li {
	display: inline-block;
	padding: .25em 1em .5em 0;
}

ul.contact-buttons li a {
	background: none;
	border: 0;
    box-shadow: unset;
    border-radius: 0;
    height: auto;
    line-height: 1;
    margin: 0 0 0 2em;
    padding: 0;
    font-size: 1em;
    color: var(--bs-darker-grey);
    text-transform: lowercase;
}

ul.contact-buttons li a:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -2.5em;
    top: -0.5em;
    width: 2em;
    height: 2em;
    font-size: .75em;
    line-height: inherit;
    color: var(--bs-dark-grey);
    border: 2px solid var(--bs-dark-grey);
    border-radius: 50%;
}

ul.contact-buttons li a:hover,
ul.contact-buttons li a:focus, 
ul.contact-buttons li a:active {
	text-decoration: underline !important;
	background: none;
	color: inherit;
} 


ul.contact-buttons li a[href*="tel:"]:before { content: "\f095"; }
ul.contact-buttons li a[href*="mailto:"]:before { content: "\f0e0"; }
ul.contact-buttons li a[href*="fax:"]:before { content: "\f1ac"; }


ul.office-locations {
	list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

ul.office-locations li {
	margin-top: 1.5em;
	margin-left: 3em;
	position: relative;
	flex-basis: 100%;
}

@media (min-width: 768px) {
	ul.office-locations li {
		flex: 1 1;
	}
}

ul.office-locations li strong {
	display: block;
	font-size: 1.2em;
	padding-bottom: .25em;
}

ul.office-locations li:before { 
	content: "\f3c5";
	font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    position: absolute;
    left: -1.5em;
    top: 0;
    font-size: 2em; 
}


/* Checklist */
ul.checklist {
    list-style: none;
    margin: 1.25em 0 1.25em 1.25em;
    padding: 0;
    font-size: 1.2em;
}

ul.checklist li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    padding: .125em 0 0 0;
    color: #75AE55;
    font-weight: 600;
    position: absolute;
    left: -1.75em;
    font-size: inherit;
    line-height: inherit;
}


ul.checklist li {
    margin: 0 0 0.5em 1.75em;
    padding: 0;
    position: relative;
    line-height: normal;
}

/* Checklist w/ subcontent */
ul.checklist li > p {
	font-size: .75em;
	padding: 1em 0 0;
}
ul.checklist li > ul {
	list-style: initial;
    font-size: .75em;
	padding: 1em 0 0;
}

ul.checklist.complex {
	font-size: 1em;
}
ul.checklist.complex li > p,
ul.checklist.complex li > ul {
    font-size: .85em;	
}
ul.checklist.complex > li {
	margin-bottom: 1.5em;
}
ul.checklist ul li {
	margin: 0 0 0.5em 0;
}
ul.checklist ul li:before {
	content: none;
}


ol.numbers {
	counter-reset: numberListCounter;
	list-style: none;
	font-size: 1.2em;
}

ol.numbers li {
	margin-bottom: 1em;
	margin-left: 1em;
	line-height: 1;
	position: relative;
}

ol.numbers li:before {
    content: counter(numberListCounter);
    counter-increment: numberListCounter;
    border-radius: 50%;
    background: var(--bs-light-green);
    /* display: inline-block; */
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -2em;
    top: -0.25em;
}

.content-block-article-header { counter-reset: sectioncounter; }
.content-block-article-num-section .fl-module-content { padding-left: 70px; position: relative; padding-top: 30px;}
.content-block-article-num-section .fl-module-content h2 { margin-bottom: 10px; font-size: 1.8rem }
.content-block-article-num-section .fl-module-content:before {
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    position: absolute;
    z-index: 2;
    min-width: 32px;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-size: 50px;
    color: #0085ae;
    letter-spacing: -4px;
	left:0;
	top:30px;
	background: rgb(255,255,255, 0);
background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
}

/* Inline Menu */
ul.inline-menu {
  list-style: none;
  margin: 1.5em;
  padding: 0;
  font-size: 0.75em;
  color: var(--bs-medium-grey);
}

ul.inline-menu li {
    display: inline-block;
    padding: 0 .5em .125em 0;
}

ul.inline-menu li a {
	color: inherit;
	text-decoration: none;
}

ul.inline-menu li a:hover {
	color: var(--bs-dark-grey);
	text-decoration: underline;
}

ul.inline-menu li:not(:last-of-type):after {
 	content: "|";
    padding-left: .75em;
}

/* Side navigation */
.side-nav {
	border-left: 1px solid var(--bs-light-grey2);
}
.side-nav h2,
.side-nav h3 {
	font-size: 1.2rem !important;
	margin: 0;
}
.content-style-1 .side-nav h2,
.content-style-1 .side-nav h3 {
	color:var(--bs-dark-blue) !important;	
}

.content-style-1 .side-nav h2:before,
.content-style-1 .side-nav h3:before {
	content: none;	
}

.side-nav ul,
.side-nav ul.menu {
    margin: 1.25em 0 1.25em 0;
    list-style: none;
    font-size: 1rem;
}

.side-nav ul li,
.side-nav ul.menu li {
	margin: 0;
	padding: .25em 0;
    font-size: inherit;
}

.side-nav ul li a,
.side-nav ul.menu li a {
    display: block;
    position: relative;
    padding: 0;
    text-decoration:none; 
    color:var(--bs-dark-grey);
}

.side-nav ul li a:before {
    content: "\f35a";
    font-family: "Font Awesome 5 Pro";
    padding: .125em 0 0 0;
    color:var(--bs-light-grey2);
    font-weight: 600;
    position: absolute;
    left: -1.75em;
    font-size: inherit;
    line-height: inherit;
}

.side-nav ul li a:hover,
.side-nav ul li a:focus,
.side-nav ul li a:active,
.side-nav ul li.current-menu-item a {
    font-weight: bold;
}


.side-nav ul li a:hover:before,
.side-nav ul li a:focus:before,
.side-nav ul li a:active:before,
.side-nav ul li.current-menu-item a:before {
    color:var(--bs-medium-blue);
}


/************************ Action Campaigns ************************/

.action-form ul li.auto button[type="submit"] {
	white-space: nowrap;
}

.action-form ul li .footnote {
	text-align: right;
}

.action-form ul li.auto {
    flex: 1 1;
}

.action-form ul li.half {
    flex: 1 1 calc(50% - 20px);
}

.action-form ul li.half + li.half,
.action-form ul li.auto + li.small {
	margin-right: 0 !important;
} 

.action-form-letter-box {
	border: 1px solid var(--bs-light-grey2);
	background: var(--bs-white);
	font-size: .85em;
}

.action-form-letter-box .fl-module-content {
	margin: 0;
	padding: 0;
}

.action-form-letter-box .action-form-letter {
	font-size: 1em;
	padding: 1em;

}

.action-form-letter-box .action-form-legal {
	background: var(--bs-light-grey2);
	font-size: .9em;
	padding: 1em;
}


/************************ Forms ************************/

.content-block-3 .form-block.white-bg {
	order: unset;
}

@media (min-width: 768px) {
	.content-block-3 .form-block.white-bg {
		margin: 0;
	}
}
@media (max-width: 768px) {
	.content-block-3 .form-block.white-bg {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
}


.green-bg .search-form input[type="text"] {
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.green-bg .search-form input::placeholder {
	color: #fff;
}


.action-form label.heading,
.action-form h3 {
	color: #202020;
    line-height: 1 !important;
    font-size: 1.3rem !important;
    display: block;
    margin-bottom: .5em !important;
}

.action-form ul.checkboxes {
    align-content: flex-start;
    flex-flow: column wrap;
}
.action-form ul.checkboxes li {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}
.action-form ul.checkboxes li input[type="checkbox"] {
    width: auto;
    display: block;
}
.action-form ul.checkboxes li input[type="checkbox"] + label {
    margin-left: 0.5em;
    line-height: 1.4;
    font-weight: normal;
}

.footnote + button {
	margin-top: 1em;
}

/************************ Tables ************************/
table tr {
    border-bottom: 1px solid var(--bs-light-grey2);
}
thead th,
table td {
    padding: 8px;
    text-align: left;
}

/************************ Notification Messages ************************/
.notification-message {
    max-height: 200px;
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    transition: bottom 600ms ease 0s;
}

.notification-message .notification-message-inner {
    background-color: var(--bs-black);
    color: white;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    z-index: 2000;
}

.notification-message-type-error .notification-message-inner {
    background-color: var(--bs-red);
}

.notification-message-type-warning .notification-message-inner {
    background-color: var(--bs-yellow);
}

.notification-message-type-success .notification-message-inner {
    background-color: var(--bs-dark-green);
}

.notification-message.notification-message-open {
    bottom: 0;
}



/************************ Pages Specifics ************************/


/* Gas Footprint Standard */
.infographic-gfs img { max-width:100px; } 
.infographic-gfs .fl-callout { font-size: .75em; }
.infographic-gfs .fl-callout-text-wrap { 
    border-left: 5px solid #F7E16D;
    max-width:300px;
    margin: 0 auto;
}
.infographic-gfs .fl-callout-text {
    padding: 10px 20px;
}

/* Bathtub analogy */
.infographic-bathtub {
	font-size: .9em;
}
.infographic-bathtub .fl-rich-text {
	text-align: left;
}


/************************ 2022 Election ************************/

.find-candidate-results-item h2 a {
	color: inherit;
	text-decoration: none;
}

.find-candidate-results-item .candidate-photo {
    border-radius: 50%;
    display: flex;
    height: 150px;
    flex: 0 0 150px;
    overflow: hidden;
    align-items: center;
    background: #F4F5F5;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}
}

.find-candidate-results-item .candidate-photo a {
	display: block;
    width: 100%;
    height: 100%;
}

.find-candidate-results-item .candidate-photo img {
	min-width: auto;
	object-fit: cover;
    width: 150px;
    height: 150px;
	display: block;
}

