
/********************  div styles  *******************/

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}
.mlr40{ margin:0px 40px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}
.mb40{ margin-bottom:40px;}


.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt3{ padding-top:3px;}
.pt10, .pad-top{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}

.pb10, .pad-bottom{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
.plr20{ padding:0px 20px;}

.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}

.pt3{ padding-top:3px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h25{ height:25px;}


.fl{ float:left; }
.fr{ float:right; }
/* jfriv image block float options render .left/.right (affero only ships .fl/.fr) */
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.clear-mobile { clear: none; }

@media (max-width: 600px) {
    .clear-mobile{ clear:both;}
    .hide-mobile{ display:none; }
}

.click{ cursor:pointer; }



/********************  text sizes  *******************/

.s1{ font-size:1px;}
.s9{ font-size:9px;}
.s10{ font-size:10px;}
.s11{ font-size:11px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s18{ font-size:18px;}
.s22{ font-size:22px;}
.s30{ font-size:30px;}
.s45{ font-size:45px;}


/********************  text styles  *******************/

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }

.b{ font-weight:bold;}
.n{ font-weight:normal;}
.u{ text-decoration:underline;}


/********************  overrides  *******************/

.affero-banner {
    padding-bottom: 5px;
}

.affero-banner img {
    margin-bottom: 0;
}

form.contact-submit, #contact-form, #contact-message {
	width: 400px;
}

form.contact-submit select {
	padding: 6px;
}


form.contact-submit label {
	display:block;
}

/* jfriv: rich-text spans carrying layout classes render as blocks */
.text_stack p > span:only-child { display: block; }

/* jfriv: original scoped box-sizing to per-stack ids; apply to the class */
.dontateStackWrapper *,
.dontateStackWrapper:before,
.dontateStackWrapper:after { box-sizing: border-box; }

/* jfriv: classes replacing the original site's inline style attributes
   (the sanitizer strips style; class is allowed on p/div/img) */
.fs16 { font-size: 16px; }
.c353535 { color: #353535; }
.ta-left { text-align: left; }
.mw100 { max-width: 100%; }
.fl-m20 { float: left; margin: 20px 20px 20px 0; }
