/*
Theme Name: Toast
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 6.0-2019
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar
License: None
License URI: LICENSE
*/

.hide {display:none !important;}

.max-img-h img {max-height:55vh;width:auto;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container .container {width: 100% !important;}

/**Roadpeace Challenger Banner**/
.roadpeace-challenge-banner{padding:2rem 0;background:#5d285f;color:#ffffff;font-size:1.75rem;line-height:1.3;position: relative;z-index:99;}
.roadpeace-challenge-banner .grid{grid-template-columns:1fr 250px;display:grid;align-items:center;grid-gap:20px;}
.roadpeace-challenge-banner .title{font-size:3.5rem;font-weight:bold;line-height:1;margin-bottom:.5rem;}
.roadpeace-challenge-banner p{margin-bottom:1rem;}
.roadpeace-challenge-banner *:last-child{margin-bottom:0;}
.roadpeace-challenge-banner .button{background:#8BA126;}
.roadpeace-challenge-banner .miles-to-go{font-size:2.5rem;text-align:center;text-transform:uppercase;font-weight:bold;}
.roadpeace-challenge-banner .miles-to-go .miles-to-go-figure{font-size:7rem;font-weight:bold;line-height:1;}
.roadpeace-challenge-banner .miles-to-go .button{font-size:1.75rem;}

@media(max-width:768px){
	.roadpeace-challenge-banner .grid{grid-template-columns:1fr;grid-gap:20px;}	
}

.roadpeace-challenge-inactive{padding:2rem;background:#b74646;color:#ffffff;}

.gfield input[type="checkbox"]{margin-bottom:0 !important;}

.purple-background {
    background: #5d285f;
    color: #ffffff;
}

.purple-background h4 {
    color: white;
}

.purple-background .six.columns .button {
    background-color: #ffffff;
	color: #5d285f;
}

.button-clear {margin-bottom: 0rem;
    background: transparent;
    color: #5d285f;
    border: 2px solid #5d285f;
	font-weight: 500;
    padding: 1rem 2rem;}

.four.columns.help-box.same-height-help {
    min-height: 460px;
}

.six.columns.help-box.padding-video {padding: 6.7rem !important;}

.video-popup img.vp-img { margin-top: 2rem; }


.video-play {position: relative; }
.video-play:before {content: ""; background: url(https://www.roadpeace.org/wp-content/uploads/2023/09/play-solid-3.svg);top: calc(50% - 34px); left: calc(50% - 34px); position: absolute;width: 68px; height: 68px; background-repeat: no-repeat; pointer-events: none; opacity: 1;}
.video-play:hover {opacity: 0.8; transition: all 0.2s; }


tr:first-of-type {
    background: #4d0856;
    color: #fff;
}
.table tr:first-child td {color:#000 !important;}

span.breadcrumb_last {
    font-weight: 700;
}


p#breadcrumbs {
    border-bottom: 1px solid #5d285f;
    display: inline-block;
}

/* Iframes */
iframe{width: 100%; max-width: 100%; height:unset; aspect-ratio: 16 / 9;}


/* CTA Banner*/
.cta-banner {
    text-align: center;
    background: #5d285f;
    padding: 1rem;
    font-weight: 600;}

.cta-banner a {
    color: #fff;
}

.cta-banner a:hover {
	color: #fff;
    opacity: 0.6;
}

/* Post Listings*/
.post-listings .grid { display: grid;}
.post-listings .post-list-content{ padding:2rem;}
.post-listings .post-listing{position: relative;}
.post-listings .post-listing .post-listing-column-link{position:absolute;top:0;left:0;height:100%;width:100%;}
.post-listings img {width:100%;height:auto;max-height:200px;object-fit:contain;object-position:center;}
.post-listings .post-listing.post-list-content h4 {color:#58632c;}

/**Memorials**/
.memorials{padding:5rem 0;}
.memorials .no-memorials{padding:5rem 0;}
.memorials .memorials-search{margin:0;}
.memorials .memorials-search input[type="text"]{display:inline-block;width:calc(100% - 158px);height:50px;border:none;border-radius:0px;background:#efefef;margin:0;}
.memorials .memorials-search input[type="submit"]{display:inline-block;width:150px;text-transform:uppercase;font-weight:bold;height:50px;font-size:1.75rem;margin:0;}

.memorials .memorials-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:20px;margin:3rem 0 7.5rem;}
.memorials .memorials-grid .memorial-trigger{cursor:pointer;}
.memorials .memorials-grid .memorial-trigger img{border:2px solid #513360;}

.memorials .memorial .popup-area{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;max-height:80vh;overflow:scroll;}
.memorials .memorial .popup-area h4{margin:0;}
.memorials .memorial .popup-area .date{margin-bottom:2rem;font-size:80%;}

.memorials .memorials-pagination{margin-bottom:3rem;}
.memorials .memorials-pagination a, .memorials .memorials-pagination span{padding:0 1.5rem;background:#efefef;display:inline-block;height:50px;line-height:50px;font-weight:bold;}
.memorials .memorials-pagination span{background:#5d285f;color:#ffffff;}

.memorials .custom-memorial-text{margin-bottom:5rem;}

.add-memorial{padding:7.5rem 0;background:#5d285f24}
.add-memorial h3{margin-bottom:0;}
.add-memorial small{padding-bottom:3rem !important;display:block;}
.add-memorial .gform_wrapper{border:none;padding:0;background:transparent;}
.add-memorial .gform_wrapper input:not([type="file"]){height:50px;}
.add-memorial .gform_wrapper textarea{height:150px !important;}
.add-memorial .gform_wrapper input:not([type="file"], [type="button"], [type="submit"]), .add-memorial .gform_wrapper textarea{border:none !important;border-radius:0px;outline:none !important;background:rgba(0,0,0,0.05)}

@media(max-width:1024px){
    .memorials .memorials-grid{grid-template-columns:1fr 1fr 1fr 1fr;}
}

@media(max-width:768px){
    .memorials .memorials-grid{grid-template-columns:1fr 1fr 1fr;}
	.memorials .memorial .popup-area{grid-template-columns:1fr;}
	.memorials .memorial .popup-area img{max-width:200px;}
}

@media(max-width:550px){
    .memorials .memorials-grid{grid-template-columns:1fr 1fr;}
}

/**Popups**/
.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;display:none;}
.popup.active{display:block;}
.popup .popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.popup .popup-area{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#ffffff;padding:2rem;width:calc(100% - 40px);max-width:1024px;box-sizing:border-box;}
.popup .popup-area .close{position:absolute;top:1rem;right:2rem;width:20px;cursor:pointer;}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 5px 0px 5px;
    font-size: 14px;
}

.site-header .second-phone{display: none !important;}
.footer-main .main-phone, .footer-main .address {margin-bottom: 2rem;}

.padding-both {padding-top: 5rem !important; padding-bottom: 5rem !important;}
.margin-both {margin-top: 5rem; margin-bottom: 5rem;}
.margin-top {margin-top: 5rem !important;}
.no-margin-left {margin-left:0!important;}

section.test-columns p {color:#fff;}

li.toast-support a { background: #ff8f2b; }
li.toast-support a:hover { background: #666; }
/* .container .container { background: red; }
.container { border: 1px solid yellow;  }
.row { border: 1px solid pink; background: pink; }
.wrapper { border: 1px solid orange; background: orange; padding: 2rem 0; }
section { border: 3px solid grey; clear: both; }*/
section{position:relative;}
body #wprmenu_bar span.wpr-logo-wrap { position: relative; top: -3px; line-height: inherit; display: inline-block; float: right; } /* Floats the logo to the right on the WPR Menu */


/********************
 * Search Navigation
 ********************/
.header-search{display:inline-block;padding-left:2rem;}
.header-search .open-search, .header-search .search-form.remove{cursor:pointer;width:20px;height:20px;display:inline-block;vertical-align:middle;background-image:url('/wp-content/uploads/2022/03/search-icon.png');background-size:cover;background-position:center;}
.header-search .container{max-width:1170px;}
.header-search .search-form{position:absolute;bottom:0;right:0;transform:translatey(0%);background:#474747;width:100%;padding:0.5rem;z-index:-1;box-sizing:border-box;text-align:center;pointer-events:none;transition:all .5s;opacity:0;margin-bottom:2rem;}
.header-search .search-form.active{pointer-events:all;transform:translatey(100%);opacity:1; z-index:99999;}
.header-search .search-form, .header-search .search-form input, .header-search .search-form button{margin:0;vertical-align:middle;}
.header-search .search-form input[type="text"]{width:calc(100% - 50px);background:none;border:none;color:#ffffff;font-size:1.8rem;font-weight:bold;}
.header-search .search-form input[type="text"]::placeholder{color:#ffffff;}
.header-search .search-form button{width:45px;padding:0;height:45px;border-radius:100%; background:#8BA126;}
.header-search .search-form button:hover{background:#5d285f;}

@media (max-width: 768px) {
	.header-search {display: none; background-color:#fff; padding:1rem;}
	/*.header-search .search-form {
		position: absolute;
		bottom: 0;
		right: 0;
		background: #222;
		width: 80%;
		padding: 0rem;
		box-sizing: border-box;
		text-align: center;
		pointer-events: all;
		transform: translatey(0%);
		opacity: 1;
		z-index: 99999;
		transition: all .5s;
		}
	.header-search .search-form input[type="text"] {font-size: 1.5rem;}
	.header-search .search-form button {width: 35px; height: 35px;}*/
}
/********************
 * Search Results
 ********************/

.search-page h1 {font-size: 5rem !important; color: #000; margin-bottom: 3rem;}
.search-term {color: #8BA126 !important; border-bottom: 5px solid #000; padding: 0 1.5rem;}
.search-page h3 {font-size: 2.5rem !important;}
.nav-linkss {clear:both; font-weight:bold; font-size:2.5rem; width:80%; margin: 0 auto;}
.nav-previous a.button:after, .nav-next a.button:after {display:none !important;}
.nav-previous {float:left; padding:1rem;}
.nav-next {float:right; padding:1rem;}

/*****************************************/


/* HTML Map Plugin Customisation
*************************************************/

.fm-tooltip-frame {
background-color: #fff;
border: 2px solid #eee;
border-radius: 0px;
padding: 5px;
opacity: .99;
max-width: 400px;
min-width: 200px;
border-collapse: separate;
margin-bottom: 0 !important;
line-height: 1.4;
vertical-align: top;
table-layout: auto;
}

tr.fm-tooltip-frame {
    background: #e6dce8;
}

tr.fm-tooltip-frame:first-child {
    background: #e6dce8;
    color: #fff;
    font-weight: 700;
}


/* Required WP Styles
*************************************************/
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}


.featured-box { background: #5d285f; padding: 2rem; color: white; }
.featured-box p { margin-bottom: 0; }

.blue-box { background: #02507f; padding: 2rem; color: white; }
.blue-box p { margin-bottom: 0; }
.blue-box a { color: white; }


/* BLOG
*************************************************/
.four.columns.blog-listing:first-of-type {
    margin-left: 0%;
}

.four.columns.blog-listing {
    border: 1px solid #eee;
	margin-bottom: 4%;
}

.blog-feat-image img {
    width: 100%;
    height: auto;
    max-height: 125.68px;
    object-fit: contain;
}

.blog-snip-wrapper {
    padding: 3rem;
}

.four.columns.blog-listing:nth-child(3n+1) {
    margin-left: 0%;
}

p.date {
    padding: 1rem;
    background: #e6dce6;
    font-size: 70%;
    display: block;
}

.blog-feat-image {
    margin-bottom: 2rem;
}

.widget.right-sidebar-widget ul {
    list-style: none;
    padding-left: 0rem;
}


/* HEADER
*************************************************/
.social-icons, .email {
    display: inline-block; }

header {
    padding-top: 2rem; }

.header-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.header-buttons .button, .header-buttons .button-2 {
    margin-left: 1rem;
    margin-bottom: 1rem;
	padding: 1rem;}



header .phone p {
	display: inline-block;
	font-size: 1.75rem;
	font-weight: 400;
	margin-bottom: 0.5rem; }

header .phone {
	font-size: 2rem;
	font-weight: 600;
	color: #5d285f; }

.ksp-layer.ksp-text-layer.delay_0ms.animated_900ms.ksp-layer-2.kt-fadeOut.kt-t-shadow-none.kt-fadeIn {
    text-align: center;
}

a.ksp-layer.ksp-btn-layer.delay_0ms.animated_900ms.ksp-layer-3.kt-fadeOut.kt-fadeIn {
    background: #0000005e!important;
    padding: 0.5rem 1rem; }

.help-box {
    border: 2px solid #5d285f;
	margin-top: 2rem;
}

.six.columns.help-box a.button {
   margin-bottom: 0rem;
}

.six.columns.help-box h4::before {
  display: none;
  content: "\f4be";
  font-family: 'Font Awesome 5';
   font-weight: 400;
}

.six.columns.help-box a.button {
    margin-bottom: 0rem;
    background: white;
    color: #5d285f;
    border: 2px solid #5d285f;
    font-weight: 500;
}

.six.columns.help-box a.button:after {
	  display: none;
  content: "\f4be";
  font-family: 'Font Awesome 5';
   font-weight: 400; }

section.icons.section.green-icons .four.columns:nth-child(4)  {
    margin-left: 0;
}

section.icons.section.green-icons {
	padding: 6rem 0rem;
	text-align: center;
}

/* section.icons.section.green-icons h6, section.icons.section.green-icons h5, section.icons.section.green-icons h4, section.icons.section.green-icons h3 {
	color: #58632c; 

}*/

section.icons.section.green-icons .fas {
   font-weight: 900;
   font-size: 5rem;
   margin: 2rem;
/*    color: #8ca126;*/
   color: #5d285f;
   margin-top: 4rem;
}

.related-featured-image img {
	height: 200px;
	width: 350px;
	object-fit: cover; }


section.green-icons-blog {
	text-align: center; }

section.green-icons-blog h3 { color: #58632c; }

section.green-icons-blog h3.related-title a { color: #58632c; }


.help-box .fas {
    font-size: 5rem;
    margin-bottom: 2.5rem;
    color: #7a398e;
}

.help-box {
	text-align: center; }

.header-buttons .button:after { display: none; } 

.mega-menu-item.mega-menu-item-type-widget .textwidget {
    color: #5d285f;
}
.mega-menu-item.mega-menu-item-type-widget .textwidget.custom-html-widget h3 {
margin-bottom: 0rem; }

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 1rem 3rem;
}

.title-banner {
    background: #5d285f24;
    padding: 2rem 0rem;
	margin-bottom: 4rem;
}

.title-banner h1 {
    margin-bottom: 0rem;
}

nav.child-pages {
    background: rgba(247,247,244,.90);
    padding: 3rem;
}

nav.child-pages ul {
    list-style: none;
    font-size: 90%;
    line-height: 1.4;
	padding-left: 0rem;
}

nav.child-pages ul li {
margin-bottom: 1.5rem;
}

nav.child-pages ul li a {
    color:#8ca126;
	font-weight: 600;
}

nav.child-pages ul li a:hover {
    color:#58632c;
	font-weight: 600;
}

nav.child-pages h5 {
    font-size: 1.75rem;
    color: #58632c;
    margin-bottom: 3rem;
    border-bottom: 2px solid #8ca126;
    padding-bottom: .5rem;
}

.grey-background {
    background: #eee;
}

.light-purple-background {
    background: #fef6ff;
}

aside.three.columns.left-sidebar {
    background: #eee;
    padding: 2rem 2rem 0rem;
    margin-bottom: 4rem;
}

aside.three.columns.left-sidebar h5 {
    font-size: 2rem;
	margin-bottom: 2rem;
}

aside.three.columns.left-sidebar ul {
    list-style: disc;
    padding-left: 2rem;
    color: #5d285f;
    font-size: 1.5rem;
}

.envira-gallery-item-inner {
    border: 1px solid #eee!important;
}


.on-grey-background {
    color: #8ba026;
    border: 2px solid #8ba026;
}

.green-background {
	color: #8ba026;
	background: rgba(247,247,244,.52);
}

.grey-border-bottom {
	border-bottom: solid 2px #efefef
}

.padding-all {
    padding: 4rem;
}

blockquote {
    color: #5d285f;
    margin: 0rem;
}

blockquote:before {
    content: '\f10d';
    font-family: fontawesome;
    font-size: 5rem;
}

blockquote p:after {
    content: '\f10e';
    font-family: fontawesome;
	padding-left: 0.5rem;
}

blockquote p strong:after {
    content: '';
	color:#fff!important;
}

.trustees-wrapper {
    margin-bottom: 4rem;
    border-bottom: 6px solid #e6dce8;
    padding-bottom: 3rem;
}

.profile-picture img {
    width: 100%;
    height: auto;
}

.trustee h4 {
    margin-bottom: 4rem;
    color: #8ba026;
    font-weight: 400;
}

.staff-wrapper {
    text-align: center;
}
.staff-wrapper h6 {
    color: #8ba026;
    font-weight: 400;
}
.staff-picture {
    width: 100%;
    height: auto;
	margin-bottom: 2rem;
}
.staff-picture img {
    border-radius: 50%;
}

.three.columns.staff-wrapper:nth-child(4n+1) {
    margin-left: 0%;
}

.call-to-action p {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0rem;
    font-style: italic;
}

.white-background-box {
    background: #fff;
    color: #8ba026;
}


/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { font-size: 62.5%; }

body {
	
	font-size: 1.75rem; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-family: Montserrat;
	font-weight: 400;
	color: #222;
	margin: 0;
	padding: 0; 
	}

.columns.push-right, .column.push-right { float: right; }
.columns.push-left, .column.push-left	{ float: left; }

/**Slider Base**/
.slider-wrapper{position:relative;overflow:hidden;}
.slide{background-size:cover;background-position:center;clear:both;overflow:hidden;position:absolute;transition:all .5s;pointer-events:none;display:none;width:100%;background-color:#ffffff;}
.slide .container{top:50%;left:50%;width:100%;position:static;}
.slide.active{display:block;pointer-events:all;}

.slide.fade{opacity:0;display:block;}
.slide.fade.active{opacity:1;}

.slide-button-navigation{background:#000000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;height:50px;width:50px;position:absolute;z-index:100;top:50%;transform: translateY(-50%);opacity:0.4;transition:all .5s;cursor:pointer;}
.slide-button-navigation:hover{opacity:.5;}
.slide-button-navigation i{color:#ffffff;font-family:fontawesome;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;}

.slide-button-navigation.back-button{left:2%}
.slide-button-navigation.next-button{right:2%;}

.slide.sliding{display:block;opacity:0;transition:all 0s;}
.slide.sliding.active{opacity:1;}

.sliding.slide-in-left{animation:toastslideInLeft .5s linear forwards;opacity:1}
@keyframes toastslideInLeft{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}
}

.sliding.slide-in-right{animation:toastslideInRight .5s linear forwards;opacity:1}
@keyframes toastslideInRight{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}

.sliding.slide-out-right{animation:toastslideOutRight .5s linear forwards;opacity:1}
@keyframes toastslideOutRight{
	0%{transform:translateX(0)} 
	100%{transform:translateX(100%)}
}

.sliding.slide-out-left{animation:toastslideOutLeft .5s linear forwards;opacity:1}
@keyframes toastslideOutLeft{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}

.centralise-content { text-align: center; }

/*	Header
*************************************************/

a.logo img { width: 60%; height: auto; vertical-align: bottom; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}
.social-icons a { margin-left: 1rem;}
.header-buttons .button, .header-buttons .button-2 {padding: 0.5rem 1rem;}

/* Navbar & Menus 									*
************************************************/

.top-nav {
    background: #EEEEED;
    font-size: 1.6rem;
    margin-top: 2rem;
	font-weight: 500;
}
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: center;  }
.top-nav li 		{ display: inline-block; margin: 0; position: relative; /* this is needed in order to position sub menus */ }
.top-nav li a  		{ display: inline-block; padding: 1.5rem; color: #5d285f; line-height: 1; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #ff8f2b; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #fff; }
.top-nav li.current_page_item a { }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns
***********************************************/

.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 4rem; left: 0; width: 200px; background: #EEEEED; text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #5d285f;  }
.top-nav ul ul li:hover a	{ color: #fff; }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

/* Drop Down Link styling
**************************************************/

/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/

/* General ACF Styles
*************************************************/

.colour-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.wrapper { position: relative; }



/* Related Content ACF							*
**************************************************/
.row.related-content {}
.related-news-wrapper {}
.related-featured-image img { margin-bottom: 2rem;}
.related-news-content {}
h3.related-title {}
.related-excerpt {}
.related-read-more-button { margin-top: 2rem; }


/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.container.full-width { max-width: 100%; width: 100%; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }



/* Margin and Padding Styles
*************************************************/

/* DEFAULTS */
.margin-top { margin-top: 3vw; }
.margin-bottom { margin-bottom: 3vw; }
.margin-both { margin-top: 3vw; margin-bottom: 3vw; }

.padding-top { padding-top: 3vw; }
.padding-bottom { padding-bottom: 3vw; }
.padding-both { padding-top: 3vw; padding-bottom: 3vw; }

/* TOP MARGIN */
.margin-top-1 { margin-top: 1rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-10 { margin-top: 10rem; }
.margin-top-15 { margin-top: 15rem; }
.margin-top-20 { margin-top: 20rem; }
.margin-top-25 { margin-top: 25rem; }
.margin-top-30 { margin-top: 30rem; }
.margin-top-35 { margin-top: 35rem; }
.margin-top-40 { margin-top: 40rem; }
.margin-top-45 { margin-top: 45rem; }
.margin-top-50 { margin-top: 50rem; }

/* BOTTOM MARGIN */
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-bottom-5 { margin-bottom: 5rem; }
.margin-bottom-10 { margin-bottom: 10rem; }
.margin-bottom-15 { margin-bottom: 15rem; }
.margin-bottom-20 { margin-bottom: 20rem; }
.margin-bottom-25 { margin-bottom: 25rem; }
.margin-bottom-30 { margin-bottom: 30rem; }
.margin-bottom-35 { margin-bottom: 35rem; }
.margin-bottom-40 { margin-bottom: 40rem; }
.margin-bottom-45 { margin-bottom: 45rem; }
.margin-bottom-50 { margin-bottom: 50rem; }

/* BOTH MARGIN */
.margin-both-1 { margin-bottom: 5rem; margin-top: 1rem; }
.margin-both-2 { margin-bottom: 5rem; margin-top: 2rem; }
.margin-both-3 { margin-bottom: 5rem; margin-top: 3rem; }
.margin-both-4 { margin-bottom: 5rem; margin-top: 4rem; }
.margin-both-5 { margin-bottom: 5rem; margin-top: 5rem; }
.margin-both-10 { margin-bottom: 10rem; margin-top: 10rem; }
.margin-both-15 { margin-bottom: 15rem; margin-top: 15rem; }
.margin-both-20 { margin-bottom: 20rem; margin-top: 20rem; }
.margin-both-25 { margin-bottom: 25rem; margin-top: 25rem; }
.margin-both-30 { margin-bottom: 30rem; margin-top: 30rem; }
.margin-both-35 { margin-bottom: 35rem; margin-top: 35rem; }
.margin-both-40 { margin-bottom: 40rem; margin-top: 40rem; }
.margin-both-45 { margin-bottom: 45rem; margin-top: 45rem; }
.margin-both-50 { margin-bottom: 50rem; margin-top: 50rem; }

/* TOP PADDING */
.padding-top-1 { padding-top: 1rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-4 { padding-top: 4rem; }
.padding-top-5 { padding-top: 5rem; }
.padding-top-10 { padding-top: 10rem; }
.padding-top-15 { padding-top: 15rem; }
.padding-top-20 { padding-top: 20rem; }
.padding-top-25 { padding-top: 25rem; }
.padding-top-30 { padding-top: 30rem; }
.padding-top-35 { padding-top: 35rem; }
.padding-top-40 { padding-top: 40rem; }
.padding-top-45 { padding-top: 45rem; }
.padding-top-50 { padding-top: 50rem; }

/* BOTTOM PADDING */
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-bottom-10 { padding-bottom: 10rem; }
.padding-bottom-15 { padding-bottom: 15rem; }
.padding-bottom-20 { padding-bottom: 20rem; }
.padding-bottom-25 { padding-bottom: 25rem; }
.padding-bottom-30 { padding-bottom: 30rem; }
.padding-bottom-35 { padding-bottom: 35rem; }
.padding-bottom-40 { padding-bottom: 40rem; }
.padding-bottom-45 { padding-bottom: 45rem; }
.padding-bottom-50 { padding-bottom: 50rem; }

/* BOTH PADDING */
.padding-both-1 { padding-bottom: 5rem; padding-top: 1rem; }
.padding-both-2 { padding-bottom: 5rem; padding-top: 2rem; }
.padding-both-3 { padding-bottom: 5rem; padding-top: 3rem; }
.padding-both-4 { padding-bottom: 5rem; padding-top: 4rem; }
.padding-both-5 { padding-bottom: 5rem; padding-top: 5rem; }
.padding-both-10 { padding-bottom: 10rem; padding-top: 10rem; }
.padding-both-15 { padding-bottom: 15rem; padding-top: 15rem; }
.padding-both-20 { padding-bottom: 20rem; padding-top: 20rem; }
.padding-both-25 { padding-bottom: 25rem; padding-top: 25rem; }
.padding-both-30 { padding-bottom: 30rem; padding-top: 30rem; }
.padding-both-35 { padding-bottom: 35rem; padding-top: 35rem; }
.padding-both-40 { padding-bottom: 40rem; padding-top: 40rem; }
.padding-both-45 { padding-bottom: 45rem; padding-top: 45rem; }
.padding-both-50 { padding-bottom: 50rem; padding-top: 50rem; }

/* All Round Padding */
.padding-025 { padding: .25rem; }
.padding-05 { padding: .5rem; }
.padding-075 { padding: .75rem; }
.padding-1 { padding: 1rem; }
.padding-2 { padding: 2rem; }
.padding-3 { padding: 9rem; }
.padding-4 { padding: 4rem; }
.padding-5 { padding: 5rem; }
.padding-6 { padding: 6rem; }
.padding-7 { padding: 7rem; }
.padding-8 { padding: 8rem; }
.padding-9 { padding: 9rem; }
.padding-10 { padding: 10rem; }


/* All Round Margins */
.margin-025 { margin: .25rem; }
.margin-05 { margin: .5rem; }
.margin-075 { margin: .75rem; }
.margin-1 { margin: 1rem; }
.margin-2 { margin: 2rem; }
.margin-3 { margin: 9rem; }
.margin-4 { margin: 4rem; }
.margin-5 { margin: 5rem; }
.margin-6 { margin: 6rem; }
.margin-7 { margin: 7rem; }
.margin-8 { margin: 8rem; }
.margin-9 { margin: 9rem; }
.margin-10 { margin: 10rem; }

.border-bottom {
    border-bottom: 4px solid #ccc;
}

.with-sidebar .container{width:100%;padding:0;}
.right-sidebar.columns, .left-sidebar-content.columns{float:right;margin-left:4%;}
.left-sidebar.columns, .right-sidebar-content.columns{float:left;margin-left:0}

.right-sidebar {
    background: #eee;
    padding: 2rem 2rem 0rem;
}

.right-sidebar h5 {
    font-size: 100%;
}

.widget.right-sidebar-widget ul, .widget.right-sidebar-widget .textwidget {
    font-size: 80%;
}

.blog-snippet h5 {
    font-size: 1.75rem;
    line-height: 1.5;
}

.blog-snippet p {
    font-size: 80%;
}

/* For devices larger than 400px
***************************************************************/

@media (min-width: 400px) {
  	.container , .with-sidebar						{ width: 85%; padding: 0; }
	.u-pull-right 									{ float: right; }
	.u-pull-left 									{ float: left; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container, .with-sidebar { width: 80%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    		{ width: 4.66666666667%; 											}
	.two.columns                    		{ width: 13.3333333333%; 											}
	.three.columns							{ width: 22%;            											}
	.four.columns                   		{ width: 30.6666666667%; 											}
	.five.columns                   		{ width: 16.8%; 											}
	.six.columns                    		{ width: 48%;            											}
	.seven.columns                  		{ width: 56.6666666667%; 											}
	.eight.columns                  		{ width: 65.3333333333%; 											}
	.four-fifths.columns,.four-fifths.column { width: 79.2%; 											}
	.nine.columns			          		{ width: 74.0%;          											}
	.ten.columns                    		{ width: 82.6666666667%; 											}
	.eleven.columns                 		{ width: 91.3333333333%; 											}
	.twelve.columns                 		{ width: 100%; margin-left: 0; 										}
	.one-third.column               		{ width: 30.6666666667%; 											}
	.two-thirds.column              		{ width: 65.3333333333%; 											}
	.one-fifth.column, .one-fifth.columns	{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
  	.one-half.column                		{ width: 48%; }


  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-main{ padding: 5vw 0; background: #efefef; overflow: hidden; clear: both; }
.footer-sub-wrapper {   padding: 1rem 0; background: #333; color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo { float: right; text-align: right; }
.site-footer a.logo img { width: 60%; height: auto; margin-bottom: 2rem; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 2; border-bottom: 1px solid grey; text-decoration: none; }

.footer-main .columns ul { padding: 0; margin: 0; list-style-type: none; }

.footer-main {position:relative;}
.footer-main:after {
    content: "";
    width: 100%;
    height: 100px;
    background: url(https://www.roadpeace.org/wp-content/uploads/2022/06/fr_reglogo_lr.png) no-repeat;
    bottom: 5%;
    left: 10%;
    position: absolute;
}

/* Contacts */

.site-footer .contacts { text-align: right; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }


/* Parallax
************************************************/

.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }

.parallax-background {
    background-image: url('http://placekitten.com/1000/1000');
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Typography
*************************************************/

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; line-height: 1.2; color: #5d285f;  }
h1 { font-size: 4.5rem; margin-bottom: 2rem;   }
h2 { font-size: 4rem; margin-bottom: 1.7rem;  }
h3 { font-size: 3.5rem; margin-bottom: 1.5rem;   }
h4 { font-size: 3rem; margin-bottom: 1.25rem;  }
h5 { font-size: 2.5rem; margin-bottom: 1rem;   }
h6 { font-size: 2rem; margin-bottom: .5rem;   }

p { margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a 			{ color: #5d285f; text-decoration: none; }
a:hover 	{ color: #333; }


/* Buttons
*************************************************/
.button, .button-2, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #5d285f;
  border: none;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box; }

a.button:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; margin-left: 1rem; }

.button-2 {
	background-color: #8BA126; }


.button:hover, .button-2:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background: #333;
	color: #fff;
  outline: 0; }

#wpdmmydls-beb7463bea9d373ef66fd98ce8d40963 td.__dt_col_download_link .btn {
    padding: 8px 5px;
    text-align: center;
}

/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }

.gform_wrapper {
    border: 3px solid #5d285f;
    padding: 4rem;
    background: #e6dce6;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color:#5d285f;}

div#gform_wrapper_1 {
    background: #5d285f;
    padding: 4rem;
    margin: 0 0 16px 0;
}

body #gform_wrapper_1 .gform_footer input[type=submit] {background:#fff;color:#5d285f;}
body #gform_wrapper_1 .gform_footer input[type=submit]:hover {background:#e6dce6;color:#5d285f;}
body #gform_wrapper_1 .gform_heading .gform_title { color: #fff; }
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {color: #fff;}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio {color: #fff;}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_full label, body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_right label, body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_left label {color: #fff;}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex {color: #fff;}

/* Fix Consent Box alignment */
.ginput_container_consent input, .gfield_consent_label {display: inline-block !important;}




/* Lists
*************************************************/
ul { list-style: square inside; }
/* ol { list-style: decimal inside; } */
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }

.columns ul, .column ul {
    list-style: disc outside;
    padding-left: 2rem;
}

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #5d285f;
  font-weight: bold;
}


/* Code
*************************************************/
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }


/* Tables
*************************************************/
table {
	width: 100%; }
table, th, td {
  border: 0px solid black;
}
th, td { padding: 12px 15px; text-align: left; }
border-bottom: 1px solid #E1E1E1;
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
tr:nth-child(even) {background: #eee}
thead tr:first-child {
    background: #5d285f;
    color: #fff;
    font-weight: 700;
}

/* Tabby Tabs
*************************************************/

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
    border-color: #5d285f!important;
    color: #5d285f!important;
    font-weight: 600;
}

.responsive-tabs .responsive-tabs__panel {
    border: 1px solid #5d285f!important;
	border-top: 1px solid #5d285f!important;
}

/* Download manager
*************************************************/
article.wpdmpro p.date, article.wpdmpro h1{
    display: none;
}

article.wpdmpro {
	margin-bottom:4rem;
}

ul.list-group {
    background: #eee;
    padding: 2rem;
    list-style: none;
    font-size: 80%;
	margin-top: 2rem;
}

ul.list-group li:last-of-type {
	margin-bottom: 0rem;
}

.list-group-item .badge {
    background: #e6dce6!important;
    color: #5d285f!important;
	padding: 5px 10px!important;
	font-weight: 600!important;
	font-family: Montserrat!important;
}

.wpdm-button-area .btn {
    padding: 1rem 2rem!important;
}

.w3eden .btn-primary {
    background-color: #5d285f!important;
    border-color: #5d285f!important;
    color: #FFFFFF;
	font-family: Montserrat!important;
}

.w3eden .btn-primary:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ab";
    margin-left: 1rem;
}


.w3eden .btn-primary:hover {
    background-color: #e6dce6!important;
    border-color: #e6dce6!important;
    color: #5d285f!important;
}

/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both;  }


/* Flexible Content Elements
***************************************************/
.align-centered			{ text-align: center; }
.align-right 			{ text-align: right; }
.align-center 			{ text-align: center; }
.align-justify 			{ text-align: justify; }

/* Below deals with margin-left on the repeater flex content */

.repeating-content-two .columns:nth-child(7) { margin-left: 0; }
.repeating-content-three .columns:nth-child(5) { margin-left: 0; }
.repeating-content-four .columns:nth-child(4) { margin-left: 0; }
.repeating-content-five .columns:nth-child(6) { margin-left: 0; }
.repeating-content-six .columns:nth-child(odd) { margin-left: 0; }

.fundraise-wrapper, .action-wrapper {
    text-align: center;
    margin-bottom: 4%;
}

.three.columns.fundraise-wrapper:nth-child(4n+1), .three.columns.action-wrapper:nth-child(4n+1) {
	    margin-left: 0%;
}

.fundraise-picture, .action-picture {
    margin-bottom: 1rem;
}

.box-border {
    border: 3px solid #5d285f;
    padding: 3rem;
}

/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a, a, a:hover, img, img:hover, a, a:hover { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: 0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0 auto; }
.alignright 							{ float:right; margin: 0; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: 0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 							{ background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone 					{ margin: 0; }
.wp-caption.alignleft 					{ margin: 0; }
.wp-caption.alignright 					{ margin: 0; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text 			{ line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #ff8f2b; border-bottom: 1px solid #ff8f2b; display: block; clear: both; }
p.wp-caption-text:before 				{ margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #ff8f2b; }
img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto; }


/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {}

/* Medium mobile */
@media (max-width: 375px) {}

/* Large mobile */
@media (max-width: 425px) { }

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (max-width: 550px) {
}

/* Smaller than tablet */
@media (max-width: 768px) {
	.site-header .three.columns, .site-header .nine.columns {text-align:center !important;width: 100%; margin: 0; padding: 0;}
	.site-header .nine.columns {margin-top: 1rem;}
	.top-nav .container {width: 100%; margin: 0; padding: 0;}
	.padding-4 {padding: 2rem;}
	section.green-icons-blog h3.related-title a {font-size: 2rem;}
	.nine.columns, .eight.columns .help-box, .green-icons-blog .four.columns, .four.columns, .three.columns {width: 100% !important; margin-left: 0;}
	.footer-sub-wrapper {text-align: center !important;}
	.site-footer ul li{margin-bottom: 1rem;}
	.site-footer .three.columns {margin-top: 2rem;}
	.footer-main:after {position: relative;bottom: 0;left: 0;}
	.header-buttons {justify-content: center;} 
}
	
/* Smaller than laptop */
@media (max-width: 1024px) {}

/* Smaller than large desktop */
@media (max-width: 1440px) {
.top-nav { font-size: 1.5rem; }
}

/* Larger than large desktop */
@media (min-width: 1440px) {}