/* CSS Rules: Sorted alphabetically for better organization. */

/*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

 /* Shows or Hides the Sponsored by block */
#action_info {display:none !important;}

.displaysmallscreen {display:none !important;}

html {
  scroll-behavior: smooth;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

/* blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
} */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

/* BUTTON STYLES 2021*/
a.btn-small, a.btn-medium, a.btn-large {display:inline-block; text-decoration:none; text-wrap: balanced; margin:10px auto !important; border-radius:5px; -mox-border-radius:5px;}
a.btn-small {font-size:14px; line-height:20px; padding: .5em 1.1em;}
a.btn-medium {font-size:18px; line-height:25px; padding: .8em 1.5em;}
a.btn-large {font-size:30px; font-family:'Oswald', Arial, sans-serif; padding: .8em 1.6em;}
a.btn-blue {background-color: #1f4064; color: #fff; border:1px solid #1f4064; }
a:hover.btn-blue {background-color:#fff; color:#1f4064;}
a.btn-green {background-color: #75bc38; color: #fff; border:1px solid #390; }
a:hover.btn-green {background-color:#fff; color:#75bc38;}
a.btn-orange {background-color: #dc4122; color: #fff; border:1px solid #1f4064; }
a:hover.btn-orange {background-color:#f06644; color:#1f4064;}
a.btn-red {background-color: #900; color: #fff; border:1px solid #900; }
a:hover.btn-red {background-color:#fc6; color:#900;}
a.btn-white {background-color: #fff; color: #1f4064; border:1px solid #1f4064;}
a:hover.btn-white {background-color: #1f4064; color:#fff;}
a.btn-yellow {background-color: #fc6; color: #333; border:1px solid #fff; }
a:hover.btn-yellow {background-color:#fff; color:#333; border:1px solid #fc6;}

.btn-imagebck {display:block; padding: 80px 0 100px 0;}
.btn-imagebck h3 a { font-weight:bold; display:inline-block; background-color:rgba(255,255,255,0.9); border-radius:10px; border:1px solid #fff; color:#369; padding:6px 10px !important;}
.btn-imagebck h3 a:hover { background-color:rgba(255,255,255,0.6);}

@media screen and (max-width: 800px) {
.btn-imagebck {display:block; padding: 60px 0 80px 0;}
	
}

@media screen and (max-width: 600px) {
.btn-imagebck {display:block; padding: 30px 0 50px 0;}
	
}

/* TO DELETE SOME OF THIS */
button {background-color:#069; padding:15px 30px; color:#fff; border-radius:10px; border:1px solid #069; margin:10px auto;}
button.yellow {background-color:#fc6; padding:15px 30px; color:#333; border-radius:10px; border:1px solid #fc6; margin:10px auto;}
button.blue {background-color:#069; padding:15px 30px; color:#fff; border-radius:10px; border:1px solid #069; margin:10px auto; font-weight:normal;}
button.green {background-color:#75bc38; color:#fff;border:1px solid #390; font-weight:normal;}
button.actionred {background-color:#900; padding:15px 30px; color:#fff; border-radius:10px; border:1px solid #900; margin:10px auto;}
button.orange {background-color:#dc4122; padding:15px 30px; color:#fff; border-radius:10px; border:1px solid #900; margin:10px auto;}
button.white {background-color:#fff; padding:15px 30px; color:#369; border-radius:10px; border:1px solid #369; margin:10px auto;}

button.mediumtext {font-size:18px; text-wrap: balanced;}
button.largetext {font-size:28px; text-wrap: balanced;}
.blocktext {font-family:'Oswald', Arial, sans-serif; font-size:38px; line-height:40px; margin:15px auto; text-wrap: balanced;}
.blocktext2 {font-family:'Oswald', Arial, sans-serif; font-size:28px; line-height:36px; margin:15px auto; text-wrap: balanced;}
.mediumtext {font-size:18px; text-wrap: balanced;}

button a {color:#fff;}
button:hover {background-color:#fff; color:#069 !important; border:1px solid #069;}
button.yellow:hover {background-color:#fff; color:#333 !important; border:1px solid #fc6;}
button.actionred:hover {background-color:#fc6; color:#900 !important; border:1px solid #fc6; font-weight:normal;}
button.white:hover {background-color:rgba(255,255,255, 0.8); color:#ccc !important; border:1px solid #036; font-weight:normal;}
button.orange:hover {background-color:#f06644; color:#fff;}

.highlight {background-color:#FF3;}


textarea {
	overflow: auto;
	vertical-align: text-top;
}


/* NEW DONATIONS PAGE | created 02-18-2019 ..................... */

.donationleft {width:67%; float:left;}
.donationright {width:30%; float:right; max-width:350px;}
.donationright h4 {margin-top:0px !important; margin-bottom:15px; line-height:20px; text-align:center; font-size:18px;}
.donationright h4 a {display:block; padding:13px; color:#fff;  background-color:#5598d2; /* HOLIDAY COLOR #6c4773*/ text-decoration:none; border-radius:5px 5px; max-width:300px; margin-top:0px !important; }
.donationright h4 a:hover { background-color:#71ade0;  /* HOLIDAY COLOR #666ba3*/}
.givenow a {border:1px solid #666ba3 !important; background-color:#666ba3 !important; color:#fff !important;}
.givenow a:hover {background-color:#fff !important; color:#6c4773 !important; }
.donationright h4.secondstyle a {background-color:#fff; color:#5598d2; border:1px solid #5598d2;}
.donationright h4.secondstyle a:hover {background-color:#71ade0; color:#fff; border:1px solid #5598d2;}


@media screen and (max-width:650px) {
.donationleft {width:95%; float:none; margin:0px auto;}
.donationright {width:95%; float:none; margin:0px auto;}
}


/* 3 column special layout // example on the Advocate archives page  */ 
.col-group-threecolumns > div {
  padding:0;
}

.col-group-threecolumns h2 {margin-top:0 !important; padding-top:0 !important; color:#900;}

@media screen and (min-width: 50em) {
  .col-group-threecolumns {
    overflow: hidden;
  }
  .col-group-threecolumns > div {
    float: left;
    width: 32%;
	margin-right:1%
  }
}

/* =Horizontal Rule
-------------------------------------------------------------- */
/* hr {
	background: #ccc;
	border: none;
	clear: both;
	float: none;
	height: 1px;
	width: 100%;
} */

hr.space {
	background: #ffffff;
}

/* =Base
-------------------------------------------------------------- */
html {
	height: 100%;
}

body {
	-moz-font-smoothing: antialiased;
	/* -webkit-font-smoothing: antialiased; */
	/* JAMIE REPLACED THE LINE ABOVE WITH THE LINE BELOW AS A FIX FOR SAFARI, MAY NEED TO DETERMINE IF THIS MESSES OTHER THINGS UP OR NOT */
	-webkit-font-smoothing: subpixel-antialiased;
	background: #fff;
	color: #333;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1em;
	-ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)";
	line-height: 1.8em;}

/* =Typography
-------------------------------------------------------------- */
p {
	word-wrap: break-word;
}

i,
em,
dfn,
cite {
	font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
	font-family: monospace, serif;
	font-style: normal;
}

b,
strong {
	font-weight: 700;
}

pre {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	height: auto;
	margin: 0;
	outline: none;
	padding: 6px 10px;
	vertical-align: middle;
	width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
}

del {
	color: #555555;
	text-decoration: line-through;
}

ins,
dfn {
	border-bottom: 1px solid #cccccc;
}

sup,
sub,
small {
	font-size: 85%;
}

abbr,
acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

a abbr,
a acronym {
	border: none;
}

dfn[title],
abbr[title],
acronym[title] {
	border-bottom: 1px solid #cccccc;
	cursor: help;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

/* =Responsive 12 Column Grid
    http://demos.cyberchimps.com/responsivepro/responsive-grid/
-------------------------------------------------------------- */
.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}

.col-460 {
	width: 48.936170212766%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* =Visibility
-------------------------------------------------------------- */
.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.none {
	display: none;
}

.hide-desktop {
	display: none;
}

.show-desktop {
	display: block;
}

/* =Responsive Images
-------------------------------------------------------------- */
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.ie8 img {
	height: auto;
	width: auto;
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}


.wp-caption {background: #e2e0e0; max-width: 96%; padding: 13px 10px 10px 10px; text-align: center; font-size:13px; line-height: 17px;color:#666; -moz-border-radius: 10px 10px; border-radius:10px 10px; }
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 20px auto;}
#content .alignright {width:50% !important; height: auto !important; float: right; margin: 5px 0 20px 20px;}
#content .alignleft {width:50% !important; height: auto!important; float: left; margin: 5px 20px 20px 0;}
#content .alignright {float: right; margin: 5px 0 20px 20px;}
#content .alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto;}
#content a img.alignright {float: right; margin: 5px 0 20px 20px;}
#content a img.alignnone {margin: 5px 20px 20px 0;}
#content a img.alignleft {float: left; margin: 5px 20px 20px 0;}
#content a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

#content img.size-thumbnail, #content img.size-excerpt-image  {max-width:150px;}
#content img.size-medium {max-width:400px;}




/* =Responsive Videos
-------------------------------------------------------------- */
video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

/* =Links
-------------------------------------------------------------- */
a {
	color: #39f;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #f06644;
	outline: 0;
	text-decoration: none;
}

a::-moz-selection {
	background: #999999;
	color: #ffffff;
	text-shadow: none;
}

/* =Forms
-------------------------------------------------------------- */
label {
	display: inline-block;
	font-weight: 700;
	padding: 2px 0;
}

legend {
	padding: 2px 5px;
}

fieldset {
	border: 1px solid #cccccc;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}

select,
input[type="text"],
input[type="password"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	cursor: text;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	max-width: 100%;
}

select {
	height: auto;
	max-width: 100%;
}

area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	height: auto;
	overflow: auto;
	margin: 0;
	outline: none;
	padding: 8px 10px;
	max-width: 100%;
}

map area {
	padding: 0px;
	border: 0px;
}

input,
select {
	cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {
	border: 1px solid #66ccff;
}

input[type='text'],
input[type='password'] {
	cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="email"] {
	width: 96%;
}

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	color: #212121;
	display: block;
	margin: 0 auto;
	max-width: 960px;
	padding: 10px;
	position: absolute;
	top: 60px;
	text-align: center;
	width: 100%;
}

.msie-box a {
	color: #212121;
}

/* =Tables
-------------------------------------------------------------- 
th,
td,
table {
	border: 1px solid #dddddd;
}

table {
	border-collapse: collapse;
	width: 100%;
}*/

/* =Lists
-------------------------------------------------------------- */
ul {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

ul li {	list-style-type: square; margin-bottom:10px;}
li li {	list-style-type: circle;}

ul.specialbullet li {margin-left:5px; padding-left:35px; list-style-type:none; background:url(https://appvoices.org/images-new/sq-bullet.jpg)8px 15px center no-repeat; }

ul.orangelist {width:50%; padding:10px; margin:20px auto;}
ul.orangelist li {margin:2px 0px 2px 5px; padding:10px 10px 10px 35px; list-style-type:none; background: #Fbc3a9 url(https://appvoices.org/images-new/sq-bullet.jpg) 8px 15px no-repeat; border-radius:10px; }

ul.bluelist{width:50%; padding:10px; margin:20px auto;}
ul.bluelist li {margin:2px 0px 2px 5px; padding:10px 10px 10px 35px; list-style-type:none; background: #0c3a5c url(https://appvoices.org/images-new/sq-bullet-white.png) 8px 15px no-repeat; border-radius:10px; color:#fff;}


ol {
	line-height: 22px;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}

ol li { padding-bottom:5px; padding-left:10px; }

#list2 { width:320px; }
#list2 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1; line-height: 15px; margin:10px 0;}
#list2 ol li { margin:0; padding:0; }
#list2 ol li p { padding:4px; font-style:normal; font-family:Arial; font-size:13px; color:#333; border-left: 1px solid #999; }
#list2 ol li p em { display:block; }

dt {
	font-weight: 400;
}

/* =Blockquote
-------------------------------------------------------------- */
blockquote {width:85%; background-color:#d1d3dd; border-left:15px solid #0d2b4c; border-radius:15px; margin:20px auto; padding:10px;}

blockquote p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 26px;
    padding:10px; margin:10px;
}

blockquote h2 {padding:20px 5px 5px 5px; margin:30px 10px 10px 10px;}
blockquote h3  {padding:20px 5px 5px 5px; margin:30px 10px 10px 10px;}
blockquote ul  {padding:5px 10px 30px 10px; margin: 10px 20px;}

/* =Headings
-------------------------------------------------------------- */

h1 {
	font-size: 2.1em; /* = 42px */
	font-weight: bold;
	line-height: 1.0em;
	margin: .5em auto .9em auto;
	color:#14406c !important;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	text-align:center;
}

h2 {
	font-size: 1.6em; /* = 36px */
	font-weight:400;
	margin-bottom: .1em;
	padding-bottom:0;
	margin-top: .75em;
	color:#069;
	font-family: 'Montserrat', Verdana, serif;
}

h3 {
	font-size: 1.3em; /* = 30px */
	font-weight:400;
	margin-bottom: .1em;
	margin-top: 2em;
	color:#666;
	font-family: 'Montserrat', Verdana, serif;
}

h4 {
	font-size: 1em; /* = 18px */
	margin-bottom: 0;
	margin-top: 1em;
	color:#333;
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight:bold;

}

h5 {
	font-size: 1em; /* = 18px */
	margin-bottom: 1.125em;
	margin-top: 1.125em;
}

h6 {
	font-size: 1.000em; /* = 16px */
	margin-bottom: 1.285em;
	margin-top: 1.285em;
}

/* =Margins & Paddings
-------------------------------------------------------------- */
p {
	margin-top: .4em; margin-bottom:1.6em;
}

hr,
dl,
pre,
form,
table,
address {
	margin: 1.6em 0;
} 

th, td {
	padding: .8em;
}

caption {
	padding-bottom: .8em;
}

fieldset {
	margin: 1.6em 0;
	padding: 0 1em 1em;
}

legend {
	padding-left: .8em;
	padding-right: .8em;
}

legend+* {
	margin-top: 1em;
}

input,
textarea {
	padding: .3em .4em .15em;
}

select {
	padding: .1em .2em 0;
}

option {
	padding: 0 .4em;
}

dt {
	margin-bottom: .4em;
	margin-top: .8em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

ul,
ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 2.0em;
}

li ul,
li ol {
	margin: 0;
}

form div {
	margin-bottom: .8em;
}

/* =Globals
-------------------------------------------------------------- */
#container { /* MAIN PAGE CONTAINER INCLUDES HEADER / NAV / WRAPPER / FOOTER */
	margin: 0px;
	max-width:100%;
	padding: 0px;
	background-color: #fff;
	/*background-repeat:no-repeat;
	background-position:top;
	background-size:100%; */
}

#wrapper {
	max-width:75%; 
	clear: both;
	margin: 20px auto 20px auto;
}

/* controls full width layout for 2021 template - JG */
.full {max-width:100% !important; margin:20px 0px !important;}
.full p {width:75%; max-width:900px; margin-left: auto; margin-right: auto;}
.full ul, .full ol {width:75% !important; max-width:900px; margin:15px auto !important;}
/* For Action Network ul weirdness*/ .full ul li p, .full ol li p {margin:0px !important; padding:0px !important;}
.full .wp-caption.alignright {margin-right:20% !important;}
.full .wp-caption.alignleft {margin-left:20% !important;}
.full ul {width:70%; max-width:850px; margin-left: auto; margin-right: auto;}
.full h1, .full h2 {width:75%; max-width:900px; margin:30px auto 10px auto;}
.full h3, .full h4 {width:75%; max-width:900px; margin:10px auto 5px auto;}
.full blockquote {width:60%; margin:10px auto;}
.fullbox {width:100%; padding:15px 0px;}
.fullbox90 {width:88%; max-width:1000px; padding:15px 0px; margin:30px auto 30px auto; border-radius:15px;}
.fullbox70 {width:70%; max-width:850px; margin:30px auto; padding: 15px 0px; }
.fullbox70 p {width:90%; margin-left: auto; margin-right: auto;}
.fullbox90 p {width:90% !important; margin-left: auto; margin-right: auto;}
.fullbox90 h1, .fullbox90 h2 {width:90% !important; max-width:900px; margin:30px auto 10px auto !important;}
.fullbox90 h3, .fullbox90 h4 {width:90% !important; max-width:900px; margin:10px auto 5px auto;}
.fullbox70 h1, .fullbox70 h2 {width:90% !important; max-width:900px; margin:30px auto 10px auto;}
.fullbox70 h3, .fullbox70 h4 {width:90% !important; max-width:900px; margin:10px auto 5px auto;}
.fullbox-gray {background-color:#ccc; }
.fullbox-lightgray {background-color: #E6E6E6;}
.fullbox-darkblue {background-color:#1f4064;}
.fullbox-lightblue {background-color:#bdd1e1;}
.fullbox-white {background-color:#fff;}
.fullbox-red {background-color:#900;}
.fullbox-green {background-color:#063;}
.fullbox-lightgreen {background-color:#d8dfcd;}
.fullbox-yellow {background-color:#fee8bc;}
.fullbox-orange {background-color:#e78825;}
.fullbox-brightorange {background-color:#f06644;}
.fullbox-red {background-color:#900;}
.fullbox-darkblue p, .fullbox-red p, .fullbox-green p {color:#fff;}

.relatedstories ul {background-color: rgba(255, 255, 255, .8); padding:10px; border-radius:15px;}
.relatedstories ul li {list-style-type:none; line-height:21px; padding:5px 5px 10px 5px; border-bottom:1px dotted #666;}

.graytext {color:#666;}
.darkgraytext {color:#333;}
.whitetext {color:#fff;}
.yellowtext {color:#fc6;}
.bluetext {color:#1f4064;}
.darkbluetext {color:#0d2b4c;}
.orangetext {color:#f06644;}
.redtext {color:#900;}
.redtext:a {color:#900;}
.dropshadow1 {text-shadow:1px 1px 10px #999;}
.whitebox90 {background-color: rgba(255,255,255,.8);}


.sidebox {float:right; width:30%; max-width:600px; min-width:250px; border-radius:10px; padding:10px; margin:10px 25px 10px 10px;}
.sidebox p {width:95%; font-size:13px; line-height:18px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; margin:5px auto; padding:0px;}

ul.speciallist {margin:15px 0px;}
ul.speciallist li {list-style-type:none; font-size:13px; line-height:18px; border-left:5px solid #036; margin:10px 0px; padding:0 0 0 10px;}

.grayback {background-color:#eee;}

p.breadcrumbs {width:95% !important; max-width:none; margin:5px auto; font-size:.8em; color:#999;}

@media screen and (max-width:800px) {
.full {padding-top:30px;}
.full p {width:93%;}
.full ul {width:90% !important;}
.full .wp-caption.alignright {margin-right:8% !important;}
.full .wp-caption.alignleft {margin-left:8% !important;}
.full h1, .full h2 {width:93%; margin:10px auto;}
.full h3, .full h4 {width:93%; margin:5px auto;}
.full blockquote {width:80%;}
.relatedstories ul {margin:10px auto; width:90%;}
.sidebox {float:none; width:80%; margin:15px auto;}
.fullbox90 {width:95%;}
.fullbox70 {width:95%; margin:15px auto;}
	}
	
/* ********** */


.front-page #wrapper {
	max-width:100%;
	background-color: transparent;
	border: none;
	margin: 20px auto 20px auto;
	padding: 0;
	clear:both;
}

#header {
	margin: 0 auto !important;
    padding:0;
	background:url("//appvoices.org/images-new/AV_header_bkground_2021.png") bottom center no-repeat;
	background-size:101% auto;
	height:148px;
	max-width:100%;
}

#footer {
	margin: 0;
	width: 100%;
	padding:0 0 20px 0;
	background-color:#0d3a5e;
}

#footertop {background:url("//appvoices.org/images-new/AV_footer_bkground_2021.png") bottom center no-repeat; background-size:100% auto; height:80px; margin:0 auto; border:none;}

#footer-wrapper {
	margin: 0 auto;
	padding: 25px 0;	
	width:95%;
}

 /* Special 2>1, 3>1, and 4>2>1 column grid layouts by Jeff
  -- most of the code for the stackable columns is controlled in av_responsive.js in the root js folder */

.stackable_2 {
    margin: 0 0 0 2.5%;
    width: 47% ;
    float: left ;
}

.stackable_2_front {
    margin: 0 0 0 2.5%;
    width: 47% ;
    float: left ;
}

.stackable_3 {
    margin: 0 0 0 2.5% ;
    width: 30% ;
    float: left ;
}
.stackable_4 {
    margin: 0 0 0 1.8% ;
    width: 23% ;
    float: left ;
}

.stackable_2 img, .stackable_3 img, .stackable_4 img {width:100%; margin:0 0 10px 0 !important; padding:0px !important;}
.stackable_2 p {width:95%; margin:5px; padding:0px;}
.stackable_2 h2, .stackable_2 h3 {width:95%; margin:30px 5px 8px 5px !important; padding:0px;}
.stackable-white {background-color:#fff; border-radius:10px; padding-top:25px;}
.stackable-white p {color:#333;}

/* Jamie's 30/70% stackable columns, left col 30 right col 65 */

#thirtyseventy {width:75%; max-width:1000px; margin:10px auto; padding:0px;} /* IMPORTANT - this is for the full-width 2021 layout */
#thirtyseventy90 {width:90%; max-width:1500px; margin:10px auto; padding:0px;} /* IMPORTANT - this is for the full-width 2021 layout */

#thirtyseventystackable {width:100%; margin:0px; padding:0px;}
.thirtyseventy_leftcol {width:30%; float:left; }
.thirtyseventy_leftcol img {width:100%; max-width:450px; margin:0px !important; float:right !important;}
.thirtyseventy_leftcol h3, .thirtyseventy_rightcol h3 {margin-top:0px !important; padding-top:0px !important;}
.thirtyseventy_leftcol .alignnone, .thirtyseventy_leftcol .alignleft, .thirtyseventy_leftcol .alignright, .thirtyseventy_leftcol size-featured {float:right !important; margin:0px !important; padding:0px !important;}

.thirtyseventy_leftcol p, .thirtyseventy_rightcol p {width:95%; margin:6px auto !important; padding:0px !important;}

.thirtyseventy_rightcol {width:65%; float:right; }
.thirtyseventy_rightcol p {font-family: 'Open Sans', Arial, sans-serif;font-size: 1em; -ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)"; line-height: 1.8em; -ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)";}


/* Jamie's 30/70% stackable columns, left col 65 right col 30 */

.thirtyseventy_righttcol30 {width:30%; float:right; }

.thirtyseventy_lefttcol70 {width:65%; float:left; }
.thirtyseventy_lefttcol70 p, .thirtyseventy_righttcol30 p {width:95% !important; margin:15px auto !important; padding:0px !important;}
.thirtyseventy_lefttcol70 p, .thirtyseventy_righttcol30 p {font-family: 'Open Sans', Arial, sans-serif;font-size: 1em; -ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)"; line-height: 1.8em; -ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)"; }

.thirtyseventy_lefttcol70 img {max-width:450px; margin:0px !important; float:right !important;}
.thirtyseventy_lefttcol70 h3, .thirtyseventy_rightcol h3 {margin:0px 0px 5px 0px !important; padding:0px !important;}
.thirtyseventy_lefttcol70 .alignnone, .lefttcol70 .alignleft, .thirtyseventy_leftcol .alignright, .lefttcol70 size-featured {float:right !important; margin:0px !important; padding:0px !important;}

.splitcol {width:90%; max-width:900px; margin:10px auto; clear:both; }
.splitcol-left {width:48.5%; float:left; padding:0px;}
.splitcol-right {width:48.5%; float:right; padding:0px;}
.splitcol-left p, .splitcol-left h2, .splitcol-left h3, .splitcol-left h4 {margin:5px 0px; width:100%;}
.splitcol-right p, .splitcol-right h2, .splitcol-right h3, .splitcol-right h4 {margin:5px 0px; width:100%;}
.splitcol-left img, .splitcol-right img {width:100%; margin:0px;}

@media screen and (max-width:800px) {
 #thirtyseventy {width:93%; margin:10 0px; padding:0px;} /* IMPORTANT - this is for the full-width 2021 layout */
.thirtyseventy_leftcol {width:45%;}
.thirtyseventy_rightcol {width:50%;}
.thirtyseventy_righttcol30 {width:45%;}
.thirtyseventy_lefttcol70 {width:50%;}
}

@media screen and (max-width:600px) {
.thirtyseventy_leftcol {width:95%; float:none; margin:5px auto; }
.thirtyseventy_rightcol {width:95%; float:none; margin:5px auto;}
.thirtyseventy_leftcol img {float:center;}
.thirtyseventy_leftcol .alignnone, .thirtyseventy_leftcol .alignleft, .thirtyseventy_leftcol .alignright, .thirtyseventy_leftcol size-featured {float:center !important;}

.thirtyseventy_lefttcol70 .alignnone, .lefttcol70 .alignleft, .thirtyseventy_leftcol .alignright, .lefttcol70 size-featured  {float:center !important;}

.thirtyseventy_righttcol30 {width:95%; float:none; margin:5px auto;}
.thirtyseventy_lefttcol70 {width:95%; float:none; margin:5px auto;}

.splitcol-left, .splitcol-right {width:100%; float:center;}

}



/* JAMIE'S new floating COLUMNS */

#jamie2colcontainer {background-color:#ccc; width:100%; padding:100px;}
.jamie2colmargincontainer {margin:10px 100px !important;}

.jamie2col {width:45%; float:left; }

/* Clear floats after the columns */
#jamie2colcontainer:after {
  content: "";
  display: table;
  clear: both;
}




/* FRONT PAGE STUFF */
#fp_voice, #fp_about_av, #fp_special_div, #fp_top_feeds {width:100%; margin:25px 0 25px 0; padding:15px 0 15px 0; clear:both;}
#fp_special_div { border-top:1px dotted #999;}
#fp_special_div { width:100%; background-color:#fff; padding:15px;}

.breakingnewsbox {width:90%; margin:5px auto; border-top:3px solid #999 !important; border-bottom:4px solid #999 !important;  -moz-border-radius:8px 8px; border-radius:8px 8px; padding:10px 20px; background-color:#fff;}
.breakingnewsbox h2 {font-size:30px;}


#fp_voice h2 {font-size:15px; font-family: 'Montserrat', Arial, sans-serif; font-weight:400; margin-bottom:10px; background-color:#4b7c95;}
#fp_voice h2 a {color:#fff; text-shadow:1px 2px 3px #333; -webkit-text-shadow:1px 2px 3px #333; -moz-text-shadow:1px 2px 3px #333;}
#fp_voice h2 a:hover {color:#fddc9a;}

#fp-content .stackable_3 h2 {font-size:13px; margin:0px !important; padding:0px; font-family: 'Montserrat', Arial, sans-serif; color:#888; font-weight:400;}
#fp-content .stackable_3 h2 a {color:#777;}
#fp-content .stackable_3 h2 a:hover {color:#333;}
#fp-content .stackable_3 h3  {font-family: 'Montserrat', Arial, sans-serif; font-size:17px; font-weight:bold; margin-top:5px;}
#fp-content .stackable_3 h3 a {color:#333;}
#fp-content .stackable_3 h3 a:hover {color:#069;}
.fp-date {font-size:11px; font-weight:normal; color:#999; margin-top:0px !important; padding-top:0px !important;}

#interior_stackable_divs {width:100%; margin:10px auto; padding:0; clear:both;}
.fullbox #interior_stackable_divs {width:85%;}
.stackable_3 h3, .stackable_2 h3  {font-family: 'Montserrat', Arial, sans-serif; font-size:20px; margin-top:5px;}
.stackable_white {background-color:rgba(255,255,255,0.9); border-radius:10px; padding-top:40px !important;}


/* Special 2>1, 3>1, and 4>2>1 column grid layouts by Jeff
  -- most of the code for the stackable columns is controlled in av_responsive.js in the root js folder */

.stackable_2 {
    margin: 0 0 0 2.5%;
    width: 47% ;
    float: left ;
}

.stackable_2_front {
    margin: 0 0 0 2.5%;
    width: 47% ;
    float: left ;
}

.stackable_3 {
    margin: 0 0 0 2.5% ;
    width: 30% ;
    float: left ;
}
.stackable_4 {
    margin: 0 0 0 1.8% ;
    width: 23% ;
    float: left ;
}

.stackable_2 img, .stackable_3 img, .stackable_4 img {width:100%; margin:0 0 10px 0 !important; padding:0px !important;}

.frontpageboxtext {background-color: rgba(255, 0, 0, 0.4); display: block; padding:15px; color:#900;}

/* =Header
-------------------------------------------------------------- */

#logo {
	float: left;
	margin: 20px 0 0 50px;
	padding:0;
	background-size:50% 25%;
    width:40%;
    max-width:500px;
} 

/* .site-name {
	display: block;
	font-size: 2.063em; 
	line-height: 1.0em;
	padding-top: 20px;
}

.site-name a {
	color: #333333;
	font-weight: 700;
}

.site-description {
	color: #afafaf;
	display: block;
	font-size: 0.875em; 
	margin: 10px 0;
} */

/* =Content
-------------------------------------------------------------- */
#content {
	margin-top: 40px;
	margin-bottom: 20px;
	max-width: 100%;
}

#content-full {margin:0px auto;}

#content-blog {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-images {
	margin-bottom: 20px;
}

#content-search {
	margin-bottom: 20px;
	margin-top: 20px;
}

#content-archive {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-sitemap {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-sitemap a {
	font-size: 12px;
}

#content .sticky {
	clear: both;
}

#content .sticky p {
}

#fp-content {width: 100% ; border: 0px solid black ; padding: 0 ;}

/* =Templates (Landing Page)
-------------------------------------------------------------- */
.page-template-landing-page-php .menu,
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .main-nav,
.page-template-landing-page-php .footer-menu,
.page-template-landing-page-php .sub-header-menu {
	display: none;
}

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f9f9f9;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	clear: both;
	display: block;
	margin: 30px 0 40px 0;
	padding: 10px;
	overflow: hidden;
}

#author-meta img {
	float: left;
	padding: 10px 15px 0 5px;
}

#author-meta p {
	margin: 0;
	padding: 5px;
}

#author-meta .about-author {
	font-weight: 700;
	margin: 10px 0 0 0;
}

/* =Featured Content
-------------------------------------------------------------- */
#featured {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding-bottom: 40px;
	width: 99.893617021277%;
}

#featured p {
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
	padding: 0 40px 0 40px;
	text-align: center;
}

#featured-image {
	margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
	margin-left: -20px;
}

.featured-image img {
	margin-top: 44px;
}

/* =Post
-------------------------------------------------------------- */
.comments-link {
	font-size: 12px;
}

#cancel-comment-reply-link {
	color: #990000;
}

.post-data {
	clear: both;
	font-size: 12px;
	font-weight: 700;
	margin-top: 20px;

	color:#999;
}
/* control the word TAG in post-data.php */

.post-data a {
	color: #333; padding:2px 4px 2px 4px;
	border-radius: 5px 5px;
	border:1px solid #ccc;
}

.post-data a:hover {
	background-color:#eee;
}


.post-entry {
	clear: both;
}

.post-meta {
	clear: both;
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;
	/* border-bottom:1px solid #eee; */
	/* background-color:#fff; */
	padding-left:6px;
}

.post-edit {
	clear: both;
	display: block;
	font-size: 12px;
	margin:30px auto;
}
.post-edit a {font-size:20px; background-color:#fc6; color:#333; border:2px solid #fc6; padding:10px 60px; border-radius:10px;}
.post-edit a:hover {background-color:#900; color:#fff;}

.post-search-terms {
	clear: both;
}

.read-more {
	clear: both;
	font-weight: 700;
	text-align:right;
}

.attachment-entry {
	clear: both;
	text-align: center;
}

/* =bbPress
    bbPress has its own breadcrumb lists
-------------------------------------------------------------- */
.bbPress .breadcrumb-list {
	display: none;
}

/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
	color: #aaaaaa;
	font-size: 18px;
	margin-left: 5px;
}

.form-allowed-tags {
	display: none;
	font-size: 10px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	margin:0; 
	padding: 0px;
}

.widget-wrapper select,
.widget-wrapper input[type="text"],
.widget-wrapper input[type="password"],
.widget-wrapper  input[type="email"] {
	width: 75%;
}

#widgets {
	margin-top: 0px;
}

#widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#widgets form {
	margin: 0;
}

#widgets ul,
#widgets ol {
	padding: 0px;
	list-style-type:none;
	text-align:center;
}

#widgets ul li a {
	display: inline;
	text-decoration: none;
	font-size:16px;
}

#widgets .widget-title img {
	float: right;
	height: 11px;
	position: relative;
	top: 4px;
	width: 11px;
}

#widgets .rss-date {
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .rssSummary {
	padding: 10px;
}

#widgets cite {
	font-style: normal;
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .tagcloud,
#widgets .textwidget {
	display: block;
	line-height: 1.5em;
	margin: 0;
	word-wrap: break-word;
}

#widgets .textwidget a {
	display: inline;
}

#widgets ul .children {
	padding: 0 0 0 10px;
}

#widgets .author {
	font-weight: 700;
	padding-top: 4px;
}

.widget_archive select, #cat {
	display: block;
	margin: 0 15px 0 0;
}

#colophon-widget ul {
}

.colophon-widget {
	background: none;
	min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
	width: 100%;
}

#top-widget {
}

.top-widget {
	background: none;
	border: none;
	clear: right;
	float: right;
	min-height: 0;
	padding: 0 3px 0 0;
	text-align: right;
	width: 45%;
}

.top-widget ul {
	padding: 0;
}

.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"],
.top-widget input[type="email"] {
	width: auto;
}

.top-widget #searchform {
	margin: 0;
}

/* =Titles
-------------------------------------------------------------- */
.featured-title {
	font-size: 60px;
	letter-spacing: -1px;
	margin: 0;
	padding-top: 40px;
	text-align: center;
}

.featured-subtitle {
	padding: 0 10px;
	text-align: center;
}

.widget-title h3,
.widget-title-home h3 {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}

.top-widget .widget-title h3 {
	font-size: 14px;
	padding: 0;
	text-align: right;
}

.widget-title a {
	border-bottom: none;
	padding: 0 !important;
}

.title-404 {
	color: #993333;
}

/* =404 Page
-------------------------------------------------------------- */
.error404 select,
.error404 input[type="text"],
.error404 input[type="password"],
.error404 input[type="email"] {
	width: auto;
}

/* =Accessibility
-------------------------------------------------------------- */
.screen-reader-text{
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Skip Links
-------------------------------------------------------------- */
.skip-container {
	display: block;
	padding:0;
	/* padding: 0.5em 0.5em 0.5em 0; */
	position: relative;
}

.skip-link {
	background: #f5f5f5;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	font-size: 0.8125em;
	margin-left: -100%;
	padding: 0.5em;
	text-transform: uppercase;
}

.skip-link:hover,
.skip-link:active,
.skip-link:focus {
	border: 1px solid #666;
}

.custom-background .site {
	-webkit-box-shadow: 0 -5px 5px 4px #d5d5d5;
	-moz-box-shadow: 0 -5px 5px 4px #d5d5d5;
	box-shadow: 0 -5px 5px 4px #d5d5d5;
	margin: 0 auto;
}


/* STYLES FOR new TOP BUTTONS IN top_buttons.php /// should we move them to here or responsive.css?? */

/* =Top Menu
-------------------------------------------------------------- 
.top-menu {
	float: right;
	margin: 60px 0;
	padding: 0;
}

.top-menu li {
	display: inline;
	list-style-type: none;
	text-align: center;
}

.top-menu li a {
	border-left: 1px solid #cccccc;
	color: #333333;
	font-size: 14px;
	padding: 0 4px 0 8px;
	background-color:#fc6;
	padding:5px 0px 5px 20px;
	max-width:200px;
	min-width:60px;
}


.top-menu li a:hover {
	color: #fff;
	background-color:#0d71aa;
}

*/

/* .top-menu > li:first-child > a {
	border-left: none;
}*/


/* =Header Menu (MAIN MENU)
-------------------------------------------------------------- */
.menu {
	background-color: #0d3a5e;
	margin: 0px;
    width:100%;

}

.main-nav {
	/* clear: both; */
	margin-top:0px;

}

.menu ul {
	display: block;
	list-style-type: none;
	margin: 0 10px 0 50px;
	padding: 0;
	font-family: 'Open Sans', Arial, sans-serif;	
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
	padding:0px 10px;
	/* border-left:1px solid #ccc;
	border-right:1px solid #ccc; */
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
	background-color:#999;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul {
    margin: 0;
	padding: 0;
	border-bottom:1px solid #ccc;
}

.menu ul ul {padding:20px !important;}

.menu ul li a:hover,
.menu li li a:hover {
	color: #fff;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	/* height: 40px; */
	line-height: 35px;
	margin: 0;
	padding: 0 .8em;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.menu a:hover {
	color:#fc6;
}

ul.menu > li:hover {
	color: #48859C;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #0d3a5e;
    color: #fc6;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
    background-color: #0d3a5e;
	/* border: 1px solid #e5e5e5; */
	color: #222;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	height: auto;
	line-height: 17px;
	padding: 4px 15px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background-image: none;
	border: none;
	color: #C6C6C6;
	filter: none;
}

.menu li li:hover {
	/*background: #fff;*/
	filter: none;
	color:#C6C6C6;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu > li li:first-child > a {
	padding-top: 15px;
    border-top:3px solid #ccc;
}

.menu > li li:last-child > a {
	padding-bottom: 20px;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}


/*.js .main-nav .menu {*/
/*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
	background: url(../../core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
	min-width: 100%;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-top: none;
	clear: both;
	margin: 0 auto;
}

.sub-header-menu,
.sub-header-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.sub-header-menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.sub-header-menu li li {
	float: none;
}

.sub-header-menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.sub-header-menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu:after,
.sub-header-menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.sub-header-menu,
.sub-header-menu ul {
	min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
	margin: 0;
	padding: 0;
}

.sub-header-menu ul li a:hover,
.sub-header-menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.sub-header-menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.sub-header-menu a {
	border-left: 1px solid #e5e5e5;
	color: #333333;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
}

.sub-header-menu a:hover {
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-color: #f9f9f9;
	background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
	background-color: #f9f9f9;
}

.sub-header-menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.sub-header-menu li li a {
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.sub-header-menu li li a:hover {
	background: #f9f9f9;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.sub-header-menu ul > li + li {
	border-top: 0;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu > li:first-child > a {
	border-left: none;
}

.sub-header-menu ul.children a,
.sub-header-menu .current_page_ancestor,
.sub-header-menu .current_page_ancestor ul a {
	background: none;
	background-image: none;
	filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul {
	background: url(../../core/images/ie7-fix.gif) repeat;
}

.ie7 .sub-header-menu li li a {
	min-width: 100%;
}


/* =Navigation
-------------------------------------------------------------- */
.navigation { color: #333; display: block; font-size: 15px; line-height: 20px; margin: 30px 0 30px 0; padding: 0 5px;}
.navigation a {color: #333; padding: 4px 10px;}
.navigation a:hover {color: #333; text-decoration: none;}

.navigation .previous {float:left; width:30%; min-width:160px; max-width:250px; background-color:#a6bbbe; padding:5px;}
.navigation .next {float:right; width:30%; min-width:160px; max-width:250px;  background-color:#a6bbbe; padding:5px;}
.previous:hover, .next:hover {background-color: #3e636c;}
.whiteblock {display: block; background-color:#fff; padding:5px;  -moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px; min-height: 80px; }
.whiteblock:hover{ background-color: #dfe9ec;}
.nextlinktext { font-size:13px;}


/* .navigation .bracket {font-size: 36px;} */



/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	padding: 5px 0;
}

.pagination a {
	text-decoration: none;
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
	font-size: 12px;
}

/* =Comments
-------------------------------------------------------------- */
#commentform {
	margin: 0;
}

.commentlist {
	border-bottom: 1px solid #e5e5e5;
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #ffffff;
	border-radius: 4px;
	margin: 0;
	border-bottom:1px solid #ccc;
}

.commentlist .bypostauthor {
}

.commentlist li cite {
	color: #111111;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 400;

}

.commentlist li.alt {
	border-bottom:1px solid #ccc;
}

.commentlist .children {
	list-style: none;
	margin-left: 10px;
	padding: 10px;
}

.commentlist .avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
}

.comment-author .fn {
}

.comment-author .says {
	color: #999999;
}

.comment-body .comment-meta {
	color: #999999;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.comment-body .comment-meta a {
	font-size: 11px;
}

.comment-body {
	clear: both;
	padding: 10px;
}

.comment-body p {
	clear: both;
}

.comment-body .reply {
}

.pingback, .trackback {
	list-style: none;
	margin: 20px 0;
}

.pingback cite,
.trackback cite {
	font-style: normal;
}

#pings,
#comments {
	text-align: left;
	font-size: 1em;
	font-family: 'Montserrat', Verdana, serif;
	border-top:2px solid #ccc;
	margin-top:40px;
	padding-top:15px;
}

#respond {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
	background-image: linear-gradient(to top, #ffffff, #eaeaea);
	border: 1px solid #cccccc;
	border-bottom-color: #aaaaaa;
	border-radius: 4px;
	clear: both;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea)";
	margin-top: 15px;
	padding: 10px 20px 50px;
}

#respond label {
	display: inline;
}

.reply {
	margin: 10px 0;
}

.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
	display: block;
	width: 100%;
}

.nocomments {
	color: #999999;
	font-size: .9em;
	text-align: center;
}

/* =Gallery
-------------------------------------------------------------- */
/* Normal */
.gallery-columns-1 .gallery-item {
	max-width: 600px;
}

.gallery-columns-2 .gallery-item {
	max-width: 300px;
}

.gallery-columns-3 .gallery-item {
	max-width: 200px;
}

.gallery-columns-4 .gallery-item {
	max-width: 150px;
}

.gallery-columns-5 .gallery-item {
	max-width: 120px;
}

.gallery-columns-6 .gallery-item {
	max-width: 100px;
}

.gallery-columns-7 .gallery-item {
	max-width: 85px;
}
.gallery-columns-8 .gallery-item {
	max-width: 75px;
}

.gallery-columns-9 .gallery-item {
	max-width: 66px;
}

/* Full Width */
.page-template-full-width-page-php .gallery-columns-1 .gallery-item,
.page-template-landing-page.php .gallery-columns-1 .gallery-item {
	max-width: 900px;
}

.page-template-full-width-page-php .gallery-columns-2 .gallery-item,
.page-template-landing-page.php .gallery-columns-2 .gallery-item {
	max-width: 450px;
}

.page-template-full-width-page-php .gallery-columns-3 .gallery-item,
.page-template-landing-page.php .gallery-columns-3 .gallery-item {
	max-width: 300px;
}

.page-template-full-width-page-php .gallery-columns-4 .gallery-item,
.page-template-landing-page.php .gallery-columns-4 .gallery-item {
	max-width: 225px;
}

.page-template-full-width-page-php .gallery-columns-5 .gallery-item,
.page-template-landing-page.php .gallery-columns-5.gallery-item {
	max-width: 180px;
}

.page-template-full-width-page-php .gallery-columns-6 .gallery-item,
.page-template-landing-page.php .gallery-columns-6 .gallery-item {
	max-width: 150px;
}

.page-template-full-width-page-php .gallery-columns-7 .gallery-item,
.page-template-landing-page.php .gallery-columns-7 .gallery-item {
	max-width: 125px;
}

.page-template-full-width-page-php .gallery-columns-8 .gallery-item,
.page-template-landing-page.php .gallery-columns-8 .gallery-item {
	max-width: 112.5px;
}

.page-template-full-width-page-php .gallery-columns-9 .gallery-item,
.page-template-landing-page.php .gallery-columns-9 .gallery-item {
	max-width: 100px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 20px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	/* border: 1px solid #f0f0f0; */
	max-width: 96%;
	padding: 13px 10px 10px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
	width:40%;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
	width:40%;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0 auto;
	width: 98.5% !important;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 auto !important;
	padding: 10px;
	text-align:center;
	width:95%;
}

img.wp-smiley {
	vertical-align: middle;
}

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	max-width: 155px;
}

.gallery img {
	border: 1px solid #dddddd;
}

.gallery .gallery-caption {
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery br+br {
	display: none;
}

.attachment-gallery img {
	background: #ffffff;
	border: 1px solid #f0f0f0;
	display: block;
	height: auto;
	margin: 15px auto;
	max-width: 96%;
	padding: 5px;
	width: auto;
}

.gallery-meta .iso,
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,
.gallery-meta .focal-length {
	display: block;
}

/* =Post Thumbnails
-------------------------------------------------------------- */
img.wp-post-image,
img.attachment-full,
img.attachment-large,
img.attachment-medium,
img.attachment-thumbnail {
	display: block;
	margin: 15px auto;
	width: auto;
}

/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-border-radius: 2px;
	background-color: #f9f9f9; /* Alabaster */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(to top, #f9f9f9, #f1f1f1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #dddddd;
	border-radius: 2px;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1)";
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
	vertical-align: middle;
	white-space: nowrap;
}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: linear-gradient(to top, #ffffff, #f1f1f1);
	border: 1px solid #dddddd;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	color: #333333;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1)";
}

a.button:active,
input[type='reset']:active,
input[type='button']:active,
input[type='submit']:active {
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	background-color: #f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(to top, #f9f9f9, #f1f1f1);
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1)";
}

/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action {
	text-align: center;
}

.call-to-action a.button {
	font-size: 24px;
	padding: 15px 35px;
}

.call-to-action a.button:hover {
	text-decoration: none;
}

.ie7 .call-to-action a.button {
	padding: 11px 35px 19px 35px;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button {
	font-size: 10px;
	padding: 3px 6px;
}

.medium a.button {
	font-size: 16px;
	padding: 8px 16px;
}

.large a.button {
	font-size: 18px;
	padding: 10px 35px;
}

.xlarge a.button {
	font-size: 24px;
	padding: 12px 55px;
}

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(to top, #4f9eea, #1874cd);
	border: 1px solid #115290;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd)";
	text-shadow: 0 -1px 0 #115290;
}

a.blue:hover {
	background-color: #7db7f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
	background-image: linear-gradient(to top, #7db7f0, #1874cd);
	border: 1px solid #115290;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd)";
	text-shadow: 0 -1px 0 #115290;
}

a.red {
	background-color: #cd0000; /* Red 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
	background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
	background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
	background-image: -o-linear-gradient(top, #ff2323, #cd0000);
	background-image: linear-gradient(to top, #ff2323, #cd0000);
	border: 1px solid #890000;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000)";
	text-shadow: 0 -1px 0 #890000;
}

a.red:hover {
	background-color: #ff5656;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
	background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
	background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
	background-image: -o-linear-gradient(top, #ff5656, #cd0000);
	background-image: linear-gradient(to top, #ff5656, #cd0000);
	border: 1px solid #890000;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000)";
	text-shadow: 0 -1px 0 #890000;
}

a.orange {
	background-color: #ff7f00; /* Dark Orange 1 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff7f00));
	background-image: -webkit-linear-gradient(top, #ffaa55, #ff7f00);
	background-image: -moz-linear-gradient(top, #ffaa55, #ff7f00);
	background-image: -ms-linear-gradient(top, #ffaa55, #ff7f00);
	background-image: -o-linear-gradient(top, #ffaa55, #ff7f00);
	background-image: linear-gradient(to top, #ffaa55, #ff7f00);
	border: 1px solid #bb5d00;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00)";
	text-shadow: 0 -1px 0 #bb5d00;
}

a.orange:hover {
	background-color: #ffc388;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00));
	background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -moz-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -ms-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -o-linear-gradient(top, #ffc388, #ff7f00);
	background-image: linear-gradient(to top, #ffc388, #ff7f00);
	border: 1px solid #bb5d00;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00)";
	text-shadow: 0 -1px 0 #bb5d00;
}

a.yellow {
	background-color: #ecca06; /* Yellow Gold */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
	background-image: linear-gradient(to top, #fff2aa, #ffd700);
	border: 1px solid #bb9e00;
	color: #161300;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700)";
	text-shadow: 0 1px 0 #ffffff;
}

a.yellow:hover {
	background-color: #fffadd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
	background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
	background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
	background-image: -o-linear-gradient(top, #fffadd, #ffd700);
	background-image: linear-gradient(to top, #fffadd, #ffd700);
	border: 1px solid #bb9e00;
	color: #161300;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700)";
	text-shadow: 0 1px 0 #ffffff;
}

a.green {
	background-color: #2e8b57; /* Sea Green 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
	background-image: linear-gradient(to top, #4bc380, #2e8b57);
	border: 1px solid #1d5837;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57)";
	text-shadow: 0 -1px 0 #1d5837;
}

a.green:hover {
	background-color: #71d09b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
	background-image: linear-gradient(to top, #71d09b, #2e8b57);
	border: 1px solid #1d5837;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57)";
	text-shadow: 0 -1px 0 #1d5837;
}

a.olive {
	background-color: #838b83; /* Honey Dew 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
	background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
	background-image: -moz-linear-gradient(top, #afb4af, #838b83);
	background-image: -ms-linear-gradient(top, #afb4af, #838b83);
	background-image: -o-linear-gradient(top, #afb4af, #838b83);
	background-image: linear-gradient(to top, #afb4af, #838b83);
	border: 1px solid #626862;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83)";
	text-shadow: 0 -1px 0 #626862;
}

a.olive:hover {
	background-color: #c9cdc9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
	background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
	background-image: linear-gradient(to top, #c9cdc9, #838b83);
	border: 1px solid #626862;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83)";
	text-shadow: 0 -1px 0 #626862;
}

a.purple {
	background-color: #5d478b; /* Medium Purple 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
	background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
	background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
	background-image: -o-linear-gradient(top, #8771b6, #5d478b);
	background-image: linear-gradient(to top, #8771b6, #5d478b);
	border: 1px solid #3f305e;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b)";
	text-shadow: 0 -1px 0 #3f305e;
}

a.purple:hover {
	background-color: #a492c8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
	background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
	background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
	background-image: -o-linear-gradient(top, #a492c8, #5d478b);
	background-image: linear-gradient(to top, #a492c8, #5d478b);
	border: 1px solid #3f305e;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b)";
	text-shadow: 0 -1px 0 #3f305e;
}

a.pink {
	background-color: #cd1076; /* Deep Pink 3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
	background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
	background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
	background-image: -o-linear-gradient(top, #f042a0, #cd1076);
	background-image: linear-gradient(to top, #f042a0, #cd1076);
	border: 1px solid #8e0b52;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076)";
	text-shadow: 0 -1px 0 #8e0b52;
}

a.pink:hover {
	background-color: #f471b8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
	background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
	background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
	background-image: -o-linear-gradient(top, #f471b8, #cd1076);
	background-image: linear-gradient(to top, #f471b8, #cd1076);
	border: 1px solid #8e0b52;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076)";
	text-shadow: 0 -1px 0 #8e0b52;
}

a.brick {
	background-color: #b22222; /* Fire Brick */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
	background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
	background-image: linear-gradient(to top, #dd4c4c, #b22222);
	border: 1px solid #791717;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222)";
	text-shadow: 0 -1px 0 #791717;
}

a.brick:hover {
	background-color: #e57777;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
	background-image: -webkit-linear-gradient(top, #e57777, #b22222);
	background-image: -moz-linear-gradient(top, #e57777, #b22222);
	background-image: -ms-linear-gradient(top, #e57777, #b22222);
	background-image: -o-linear-gradient(top, #e57777, #b22222);
	background-image: linear-gradient(to top, #e57777, #b22222);
	border: 1px solid #791717;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222)";
	text-shadow: 0 -1px 0 #791717;
}

a.gold {
	background-color: #8b6508; /* Dark Golden Rod 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
	background-image: linear-gradient(to top, #db9f0d, #8b6508);
	border: 1px solid #6b4e06;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508)";
	text-shadow: 0 -1px 0 #6b4e06;
}

a.gold:hover {
	background-color: #f3b828;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
	background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
	background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
	background-image: -o-linear-gradient(top, #f3b828, #8b6508);
	background-image: linear-gradient(to top, #f3b828, #8b6508);
	border: 1px solid #6b4e06;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508)";
	text-shadow: 0 -1px 0 #6b4e06;
}

a.brown {
	background-color: #8b4513; /* Saddle Brown */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
	background-image: linear-gradient(to top, #d66a1d, #8b4513);
	border: 1px solid #4f270b;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513)";
	text-shadow: 0 -1px 0 #4f270b;
}

a.brown:hover {
	background-color: #8b4513;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
	background-image: -moz-linear-gradient(top, #e58541, #8b4513);
	background-image: -ms-linear-gradient(top, #e58541, #8b4513);
	background-image: -o-linear-gradient(top, #e58541, #8b4513);
	background-image: linear-gradient(to top, #e58541, #8b4513);
	border: 1px solid #4f270b;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513)";
	text-shadow: 0 -1px 0 #4f270b;
}

a.silver {
	background-color: #c0c0c0; /* Silver */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: linear-gradient(to top, #eaeaea, #c0c0c0);
	border: 1px solid #9e9e9e;
	color: #444444;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0)";
	text-shadow: 0 1px 0 #ffffff;
}

a.silver:hover {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(to top, #ffffff, #c0c0c0);
	border: 1px solid #9e9e9e;
	color: #444444;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0)";
	text-shadow: 0 1px 0 #ffffff;
}

a.gray {
	background-color: #696969; /* Dim Gray */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
	background-image: -webkit-linear-gradient(top, #939393, #696969);
	background-image: -moz-linear-gradient(top, #939393, #696969);
	background-image: -ms-linear-gradient(top, #939393, #696969);
	background-image: -o-linear-gradient(top, #939393, #696969);
	background-image: linear-gradient(to top, #939393, #696969);
	border: 1px solid #474747;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969)";
	text-shadow: 0 -1px 0 #474747;
}

a.gray:hover {
	background-color: #adadad;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
	background-image: -webkit-linear-gradient(top, #adadad, #696969);
	background-image: -moz-linear-gradient(top, #adadad, #696969);
	background-image: -ms-linear-gradient(top, #adadad, #696969);
	background-image: -o-linear-gradient(top, #adadad, #696969);
	background-image: linear-gradient(to top, #adadad, #696969);
	border: 1px solid #474747;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969)";
	text-shadow: 0 -1px 0 #474747;
}

a.black {
	background-color: #080808; /* Black */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
	background-image: -webkit-linear-gradient(top, #323232, #080808);
	background-image: -moz-linear-gradient(top, #323232, #080808);
	background-image: -ms-linear-gradient(top, #323232, #080808);
	background-image: -o-linear-gradient(top, #323232, #080808);
	background-image: linear-gradient(to top, #323232, #080808);
	border: 1px solid #000000;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808)";
	text-shadow: 0 -1px 0 #000000;
}

a.black:hover {
	background-color: #4c4c4c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
	background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
	background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
	background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
	background-image: -o-linear-gradient(top, #4c4c4c, #080808);
	background-image: linear-gradient(to top, #4c4c4c, #080808);
	border: 1px solid #000000;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808)";
	text-shadow: 0 -1px 0 #000000;
}

/* =Info Boxes
-------------------------------------------------------------- */
.info-box {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	margin: 20px 0;
	padding: 15px;
	text-align: left;
}

.alert {
	background-color: #faebeb;
	border: 1px solid #dc7070;
	color: #212121;
}

.address {
	background-color: #f6f5ef;
	border: 1px solid #cdc9a5;
	color: #212121;
}

.notice {
	background-color: #fbf9e9;
	border: 1px solid #e3cf57;
	color: #212121;
}

.success {
	background-color: #f9fde8;
	border: 1px solid #a2bc13;
	color: #212121;
}

.download {
	background-color: #fff4e5;
	border: 1px solid #ff9912;
	color: #212121;
}

.information {
	background-color: #eef3f6;
	border: 1px solid #6ca6cd;
	color: #212121;
}

.required {
	color: #d5243f;
}

/* =WooCommerce
-------------------------------------------------------------- */
#breadcrumb {
	padding: 40px 0 0 0;
}

#breadcrumb a {
	color: #0066cc;
	font-size: 12px;
	font-weight: 400;
}

#breadcrumb a:hover {
	color: #444444;
	text-decoration: none;
}

#content-woocommerce {
	margin-top: 40px;
	margin-bottom: 20px;
}

.products ul, ul.products {
	margin-top: 40px;
}

.cart-collaterals .shipping_calcuUbuntur {
	width: 100%;
}

table.shop_table {
	table-layout: fixed;
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

@media screen and (max-width:767px) {
	table.shop_table {
		font-size: 10px;
	}
}

@media screen and (max-width:400px) {
	table.shop_table {
		font-size: 8px;
	}
}

table.cart td.actions .coupon .input-text,
table.cart td.actions .coupon .input-text {
	cursor: text;
}

/* =WPML
-------------------------------------------------------------- */
.icl_languages_selector {
	float: right;
	text-align: left
}

.rtl .icl_languages_selector {
	float: left;
	text-align: right
}

@media screen and (max-width: 650px) {
	.icl_languages_selector,
	.rtl .icl_languages_selector {
		float: none;
	}
}

/* =Polylang
-------------------------------------------------------------- */
.widget_polylang li {
	display: inline;
	list-style-type: none;
}

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

.col-group-footer > div {padding: .5em 0;}

@media screen and (min-width: 50em) {
  .col-group-footer {overflow: hidden;}
  .col-group-footer > div {float: left; width: 25%;}
}  

#footer {font-size: 13px !important; line-height: 1.7em; color:#98b3c9;}
#footer a {font-size: 13px !important; color: #fff; font-weight: 400;}
#footer a:hover {color: #98b3c9 !important;}
#copyright_container {width:95%; margin: 15px auto;}
.col-group-footer ul { margin: 20px 0 0 30px; text-align:left;}
ul.col-group-footer li, ul.col-group-footer li a {list-style-type:none; font-size:13px !important; line-height:17px; padding:3px; margin: 0 0 0 4px;}
#socialicons {margin-top:40px; padding-top:20px; padding-bottom:20px;}

.scroll-top {text-align: left;}
.powered {text-align: right;}



/* =Social Icons
-------------------------------------------------------------- 
#footer .social-icons {
	list-style: none;
	line-height: normal;
	padding: 0;
	margin: 0;
	text-align: right;
}

#footer .rss-icon,
#footer .yelp-icon,
#footer .vimeo-icon,
#footer .youtube-icon,
#footer .twitter-icon,
#footer .facebook-icon,
#footer .linkedin-icon,
#footer .rss-feed-icon,
#footer .instagram-icon,
#footer .pinterest-icon,
#footer .foursquare-icon,
#footer .googleplus-icon,
#footer .google-plus-icon,
#footer .stumbleupon-icon,
#footer .stumble-upon-icon {
	display: inline;
	margin: 1px;
	padding-left: 3px;
}
*/

/* =Alignments Extras
-------------------------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
	content: ' ';
	display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
	clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
	-ms-filter: "progid:DXImageTransform.Microsoft.zoom(1)";
}

.clear {
	clear: both;
}

/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}

	ul, ol, dl {
		page-break-before: avoid;
	}
}

.author-gravtar img{
border-radius: 50%;
}


/* Jamie's new styles // move to appropriate place after launch */

.newbluebutton p {font-size:18px; color:#fff; margin:10px 10px 15px 10px !important; padding-top:10px !important; }
.newbluebutton a {background-color:#689fb9; border-radius:10px; color:#fff; border:2px solid #689fb9; text-align:center; padding:10px 15px 10px 15px !important; margin:0px; }
.newbluebutton a:hover {background-color:#fff; color:#689fb9;}


.jumplink {font-size:18px; margin:10px 0px;}
.jumplink a { border:1px solid #900; color:#900; padding:5px 10px; margin:0px 15px; text-decoration:none;}
.jumplink a:hover { background-color: #900; color:#fff;}


.specialdonatebox {background: rgb(42,93,113); background: linear-gradient(0deg, rgba(42,93,113,1) 0%, rgba(120,175,200,1) 100%); margin:0px !important; overflow: hidden;}
.specialdonatebox p {font-size:18px; color:#fff; margin:10px 10px 15px 10px !important; padding-top:10px !important; }
.specialdonatebutton a {background-color:#fff; border-radius:10px; color:#10819f; text-align:center; padding:10px 15px 10px 15px !important; margin:0px; }
.specialdonatebutton a:hover {background-color:#689fb9; border:2px solid #fff; color:#fff;}

.specialsignupbox {background:#bfced6; margin:0px !important; overflow: hidden;}
.specialsignupbox p {font-size:14px; line-height:20px; color:#375c6d; margin:15px !important; padding-top:15px !important; }


.fpbheader-mobile {display:none !important;}
.fpbinterior-mobile {display:none !important;}

.sm_icons {margin:5px; width:40px !important;}


.red {color:#900; font-weight:bold;}
.meetteam {font-size:24px; color:#999;}
p.indent {margin-left:30px;}

p.mainpagefeatures {border-bottom:1px dashed #ccc; padding-bottom:20px;}


#pressreleases ul {margin:20px;}
#pressreleases ul li {margin-bottom:15px; margin-right:40px; padding-left:110px; text-indent: -110px;}
@media screen and (max-width: 650px) { 
#pressreleases ul li {margin-bottom:15px; margin-right:0px; padding-left:10px; text-indent: -10px;}
#pressreleases ul {margin:20px 5px;}
}
#press_signup {background-color:#ccc; padding:8px;}
#press_signup h3 {margin-top:7px;}
h2.press-header {border:none; font-size:24px; font-weight:normal !important; color:#333 !important;}

#advocatearchives {margin-left:25px;}
#advocatearchives ul {margin-left:5px; width:200px;}
#advocatearchives ul li {padding:0px; margin:0px; text-align:left; font-size:13px; line-height:18px;}
#advocatearchives ul li a:hover {text-decoration:none; background-color: #eee;}
#advocatearchives h3 {font-size:16px; color:#369; background-color:#eee; padding-left:6px; margin-top:0px; width:200px; font-family: 'Montserrat', Arial, sans-serif;}
.advocatearchives_header {padding:5px 8px 5px 20px; font-size:14px; color:#666; font-weight: normal; background-color:#ccc;}

/* FRONT PORCH BLOG */
h3.fpbside_header { padding: 0; color:#000; font-weight:bold; text-transform:uppercase; border-bottom:1px dashed #ccc; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:17px;}

/* old headers, changed 08-20-2018
h3.fpbside_header1 { padding: 3px 0; margin:10px 0 0 0; color:#fff; background-color:#999; text-shadow: 2px 2px 2px #333;}
h3.fpbside_header2 { padding: 3px 0; margin:20px 0 0 0; color:#fff; background-color:#333; text-shadow: 2px 2px 2px #333;}
h3.fpbside_header3 { padding: 3px 0; margin:20px 0 0 0; color:#fff; background-color:#1f5d7a; text-shadow: 2px 2px 2px #333;}
h3.fpbside_header4 { padding: 3px 0; margin:20px 0 0 0; color:#fff; background-color:#755311; text-shadow: 2px 2px 2px #333;} */

#fpbside { border-left:1px dotted #666;}
#fpbside ul {width:100%; margin:0 !important;}
#fpbside ul li {margin:0px; list-style-type:none; text-align:left; /* border-bottom:1px solid #ccc;*/}
#fpbside ul li a {display: block; padding:5px 5px 5px 11px; margin:15px auto; color:#333; font-size:.93em !important; line-height:1.4em !important; /* background-color:#eee; border-left:3px solid #ccc; */}
#fpbside ul li a:hover {padding:5px 5px 5px 8px;/*background-color:#ccc;*/ color:#069; border-left:3px solid #1f5d7a;}
#fpbside img {max-width:50px; margin: 0 0 0 5px; height:auto;}


h1.fpbtitle { font-family: 'Montserrat', Verdana, serif; font-size:23px; line-height:28px; font-weight:500; border:none; margin:5px 0 0 0; padding:0; text-align:left !important;}
.fpbsubtitle { font-family: 'Open Sans', Verdana, serif; font-size:17px; line-height:24px; color:#333; font-weight:normal; border:none; margin:0; padding:0px 0px 10px 0px;}



#guestblogger {width:100%; padding:8px; margin:6px 0 10px 0; background-color:#f7f7ef; border-bottom:3px solid #c0c099; border-top:3px solid #c0c099; border-top-left-radius: 5px 15px; border-bottom-right-radius: 5px 15px; clear:both;}
#guestblogger p {font-family:Georgia, Times New Roman, serif; font-size:.9em;}
.specialtofpb {font-weight:bold; color:#930;}

/* FRONT PORCH BLOG FEED*/
#fpbfeed_container {width:100%; border:1px solid #ccc; margin-top:15px;}

.fpbfeed_header {
    padding: 3px 0; margin:0;
	background-color: #1f5d7a /*#c93*/;
	display:block;
	width:100%;	
}

.fpbfeed_header a {
	font-size:.97em;
	/* font-variant:small-caps; */
    color:#fff; 
	margin:0px;
	/* width:100%; */
}
	
#fpbfeed {margin:0; padding:0; background-color:#fff;}
#fpbfeed ul {width:100%; margin:0 !important;}
#fpbfeed ul li { font-size: .97em; line-height:1.3em; text-align:left; display:block; border-bottom: 1px solid #e7e7e7; min-height:80px; padding: 0px 10px 0px 0px; text-indent:-5px; margin:-3px 0 0 10px;}
#fpbfeed ul li a, #fpbfeed ul li a:hover {list-style-type: none; text-decoration:none; display:block; padding:0; margin:0; }
#fpbfeed ul li a { color:#1f5d7a;}
#fpbfeed ul li a:hover { color:#CC6600;}
#fpbfeed img {max-width:50px; margin: 0 10px 0 0;}


#content-jobdescriptions /* for the jobs post template */ {
	margin: 40px auto 20px auto;
	width:85%;
	max-width:1000px;
	/* border-left: 5px solid #ccc;
	border-right: 5px solid #ccc; */
	padding:0px 30px;
}
h1.careerheader {font-size:29px; font-weight:600; color:#222; margin: 10px auto 15px auto !important; padding-bottom:0px !important;}

@media screen and (max-width: 750px) {
#content-jobdesriptions  {
	margin: 40px auto 20px auto;
	width:96%;
	border-left: none;
	border-right: none;
	padding:0px !important;
}

}


/* sidebar nav menu */

#av_sb_nav {margin:20px 0 0 0;}
#av_sb_nav ul { margin:0px !important;  width:inherit; float:right;}
#av_sb_nav ul li, #av_sb_nav ul li a {list-style-type: none !important; margin:0px !important;}
#av_sb_nav li a { margin:0; max-width:290px; display: block; padding: 6px 3px 6px 20px; border-bottom: 1px solid #c1cdd8; border-left: 1px solid #c1cdd8; font-size:1em; background:#fff;}
#av_sb_nav a:link, #av_sb_nav a:visited, #avright_navcontainer #navlist_sub a:visited { color: #333; text-decoration: none; }
#av_sb_nav a:hover, #av_sb_nav li a.current, .current_page_item {color: #333; background:#f5f5f5 url(/images-new/arrow_blue.png) center left no-repeat; }
#av_sb_nav ul#navlist_sub { padding-left: 0px; padding-bottom: 0px; border: 0px; }
#av_sb_nav ul li li a, #av_sb_nav ul li li {display: block; color: #333; background-color: #ccc !important; width: 1em; padding: 8px 3px 8px 25px !important; margin:0px; text-decoration: none; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom:1px solid #fff !important; font-weight: normal;}
#av_sb_nav ul ul li a:hover {display: block; color: #fff; background-color: #666; width: 1em; padding: 5px 3px 5px 25px; border: none; }

#av_sb_nav .submenuitem a:link, #av_sb_nav .submenuitem, li.submenuitem {background-color:#CCC !important;}
.indenteditem {background-color:#CCC;}

/* Featured */
#av_sb_nav ul li a.featured {color:#900; background-color:#eaead1;}
#av_sb_nav ul li a:hover.featured {color:#eaead1; background-color:#900;}
#av_sb_nav ul li a.resources {color:#fff; background-color:#999;}

#av_sb_nav ul li a.after_nest {border-top: 1px solid #c1cdd8;}

#av_sb_nav ul li a.takeactionlink {background-color:#900; color:#fff; background: #900 url(/images/arrow_circle_red.png)center left no-repeat; }
#av_sb_nav ul li a:hover.takeactionlink {background-color:#fc6; color:#900;}
.takeactiontext {margin-left:20px;}


@media screen and (max-width:480px) {
frontsliderbutton {text-align:right; position:static; margin:200px auto;}
}




/* .......... SUB NAV IN SMALL SCREEN FORMAT .......... */ 
/* .blueselect {-webkit-linear-gradient: (#FAFAFA, #F4F4F4 40%, #E5E5E5);} */

#av_sb_nav_dd select {
   border: none;
   color: #333;
   background: transparent;
   font-size: 16px;
   padding: 2px 20px;
   width: 110%;
   height:40px;
   /* *width: 290px; */
   *background: #e3e3e3;
   -webkit-appearance: none;
   -moz-appearance: none;
}

#av_sb_nav_dd {
   overflow:hidden;
   width:100%;
   height:40px;
   padding-left:20px;
   border:none !important;
   margin-left:none !important;
  /*  -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033; */
   background: #fff url("/images-new/arrow_sb_nav.jpg") no-repeat left center;
   -webkit-appearance: none;
   -moz-appearance: none;
   -webkit-linear-gradient: #FAFAFA, #F4F4F4 40%, #E5E5E5;
}



/* INDIVIDUAL STYLES FOR VARIOUS PROGRAMMATIC PAGE NEEDS */
.displaylargescreen {display:inline;}
#videoembed {float:right; margin-left:15px; max-width:400px;}
#spotlights p {margin-top:0px; padding-top:0px;}
#spotlights h3 {padding-top:0px; margin-top:8px;}
.internfilled {color:#900; font-size:9px; font-weight:bold;}
.photocaption {font-size:12px; line-height:15px;}
.randomquotes {width:100%;}
#takeactionquotebox {float:right; width:360px; border:1px solid #ccc; border-bottom:2px solid #333; background-color:#fff; margin-top:-50px; margin-left:10px; padding:6px;}
#takeactionquotebox p {padding:0px; margin:0px; font-size:12px; line-height:18px; color:#369; font-family:Georgia, Times New Roman, serif;}

.energycontestarrowp { display:inline; background: url(/images-new/arrow_gold.png) no-repeat left center; padding-left:30px; margin-left:15px;}
#energycontestleftcol {width:65%; float:left;}
#energycontestrightcol {width:30%; float:right; background-color:#ECE59E; padding:15px; font-size:14px; line-height:19px; border:5px double #fff; }
#energycontestapply {border:1px solid #069; padding:15px; border-radius: 15px 15px;}


/*Endemocracy program pages 2021 design*/
#programlinksthree {width:90%; margin:20px auto;}
#programlinksthree .plone {width:33%; float:left; padding-bottom:10px;}
#programlinksthree .pltwo {width:33%; float:left; padding-bottom:10px;}
#programlinksthree .plthree {width:33%; float:left; padding-bottom:10px;}
h3.programlinks {width:95%; margin:5px auto 20px auto !important; padding:0px !important; font-size:24px !important;}
h3.programlinks a:link, h3.programlinks a:visited {font-weight:700; color:#333 !important;}
h3.programlinks a:hover {color:#e64f35 !important;}
.plone img, .pltwo img, .plthree img {padding-bottom:0px; margin:10px auto 5px auto !important;}
.plone img:hover, .pltwo img:hover, .plthree img:hover {opacity: 0.8;}



@media screen and (max-width: 700px) {
#energycontestleftcol {width:95%; float:none; margin:0px auto;}
#energycontestrightcol {width:90%; float:none; margin:20px auto;}
}


.pullquote {font-family: 'Montserrat', Verdana, serif; font-size:16px; margin:20px; padding:5px 10px; color:#666; border-left:3px solid #ccc; border-top:1px solid #ccc; background-color:#f5f5f5;}

.urgent a {display:block; background:#fc6; padding:6px; text-align:center; margin: 13px; max-width:400px; box-shadow:-5px 5px 5px #666; moz-box-shadow:-5px 5px 5px #666;}
.urgent a:hover {display:block; background:#900; color:#fff;}

p.more-button-yellow a {border: 1px solid #E0C571;
	color: #1d3f47;
	padding:10px 60px 10px 60px; 
	border-radius:5px 5px;}
	
p.more-button a {border: 2px solid #507eac;
	color: #069;
	padding:10px 60px 10px 60px; 
	border-radius:5px 5px;}
	
p.more-button a:hover {
	background-color: #d9e5f0;
	color: #333;
	padding:10px 60px 10px 60px; 
	border-radius:5px 5px;
}

/*
p.more-button a {
background-color: #c9d9dd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c9d9dd), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #c9d9dd, #ffffff);
	background-image: -moz-linear-gradient(top, #c9d9dd, #ffffff);
	background-image: -ms-linear-gradient(top, #c9d9dd, #ffffff);
	background-image: -o-linear-gradient(top, #c9d9dd, #ffffff);
	background-image: linear-gradient(to top, #c9d9dd, #ffffff);
	border: 1px solid #ccc;
	color: #1d3f47;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00)";
	text-shadow: 0 -1px 0 #ccc;
	padding:10px 60px 10px 60px; 
	border-radius:5px 5px;
}

p.more-button a:hover {
	background-color: #E0C571;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3e636c), to(#c9d9dd));
	background-image: -webkit-linear-gradient(top, #3e636c, #c9d9dd);
	background-image: -moz-linear-gradient(top, #3e636c, #c9d9dd);
	background-image: -ms-linea
	-gradient(top, #3e636c, #c9d9dd);
	background-image: linear-gradient(to top, #3e636c, #c9d9dd);
	border: 1px solid #ccc;
	color: #eee;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00)";
	text-shadow: 0 -1px 0 #3e636c;
	padding:10px 60px 10px 60px; 
	border-radius:5px 5px;
}
 */

a.more:link, a.more:visited {background-color: #3e636c; 
	color:#fff;
	padding:1px 10px 2px 10px; 
	margin-left:6px; 
	border-radius:5px; 
	moz-border-radius:5px;
	line-height:18px;}
	
a.more:hover {background-color:#fece6e; }




/* SIDEBAR UL OR DL ... SEE POLICIES PAGE FOR STYLE */
#sidebar-list, #sidebar-list ul li  { text-align:left; list-style-type:none; }
#sidebar-list ul li {line-height:16px; padding:8px 0 15px 0; margin-bottom:10px; border-bottom:1px solid #ccc; }
#sidebar-list ul li a {display: block;}


/* Line styles ||| NEED TO UPDATE */
#line {height:15px; border-bottom:1px dotted #ccc; margin:0px 30px 0px 30px;}
#line2 {height:20px; border-top:1px solid #999; margin:25px auto;}
#line3 {height:20px; border-top:1px dashed #ccc;}
#line4 {height:10px; border-top:1px dotted #ccc; margin:10px 300px 0px 0px;}
#line5 {height:15px; border-bottom:2px solid #333; margin-bottom:30px;}
#line-spotlights {height:2px; border-top:1px dashed #ccc; clear:both;}
    

hr, hr.line {background:none !important; border-top:1px dotted #ccc; margin:0px 30px 0px 30px;}
hr.line2 {border-top:1px solid #333; margin:25px auto;}
hr.line3 { border-top:1px dashed #ccc;}
hr.line4 {height:10px; border-top:1px dotted #ccc; margin:10px 300px 0px 0px;}
hr.line5 {height:15px; border-bottom:2px solid #333; margin-bottom:30px;}

#outer{max-width: 640px;max-height: 360px;width: 100%;height: 100%;}
#inner{height: 0px;padding-bottom: 56.25%;}
/* #inner iframe {width:100%; height: 100%;} */


/* --------- IFRAMES --------- */
.youtubefull {width:95%; margin:10px auto;}
.youtubehalf_right {width:50% !important; height:315px !important; float:right !important; margin:10px 0px 10px 15px;}

@media screen and (max-width:800px) {
.youtubehalf_right {width:95%; float:none; margin:10px auto;}
}


/* --------- INFO BOXES | UPDATED 08/2021 --------- */
.infobox {width:90%; max-width:900px; background-color:#fff; border:5px solid #d1d3dd; margin: 20px auto; -moz-border-radius: 10px 10px; border-radius: 10px 10px; }
.infobox_right, .infobox_left {width:30%; max-width:400px; border:5px solid #d1d3dd; border-radius:15px; padding:6px;}
.infobox p, .infobox_right p, .infobox_left p, .infobox_right ul li, .infobox_left ul {width:90%; font-size: 14px; line-height:20px !important; padding:0px; margin:10px auto !important;}
.infobox h3, .infobox_right h3, .infobox_left h3 {width:100%; background-color:#d1d3dd; color:#0d2b4c; margin:0px; padding:10px 0; text-align:center;}
.full .infobox_right {float:right;  margin:10px 100px 10px 10px;}
.full .infobox_left {float:left;  margin:10px 10px 10px 100px;}

/* legacy infobox left and right for original default */
.infobox_right {float:right;  margin:10px;}
.infobox_left {float:left;  margin:10px;}

.infobox-blue, .infobox-blue h3 {background-color:#0d2b4c !important; color:#fff !important; border-radius:15px;}

#floatleftcol {width:40%; float:left; padding:0px 10px; border:1px solid #036;}
#floatrightcol {width:40%; float:right; padding:0px 10px; border:1px solid #036;}
#floatleftcol h3, #floatrightcol h3 {display:block; background-color:#036; color:#fff; padding:6px; margin:0px;}
.iframefloatingcols {width:100%;}
.twocollarge {display:block;}
.twocolsmall {display:none;}

@media screen and (max-width: 700px) {
.infobox_right, .infobox_left {float:none !important; width:85%; margin:15px auto !important;}
#floatleftcol {width:100%; float:none; margin:10px auto; padding:0px; border:none;}
#floatrightcol {width:100%; float:none; margin:10px auto; padding:0px; border:none;}
.iframefloatingcols {width:90%;}
.twocollarge {display:none;}
.twocolsmall {display:block;}
.fullbox #interior_stackable_divs {width:95%; margin:10px auto;}
.infobox {width:90%; padding:5px 10px; margin: 20px auto; -moz-border-radius: 10px 10px; border-radius: 10px 10px; border-right:2px groove #CCCCCC;  border-left:2px groove #CCCCCC; }
.infobox p {font-size: 13px; line-height:18px !important;}

}

@media screen and (max-width: 650px) {
.infobox, .infobox_right, .infobox_left {float:center !important; width:85%; margin:20px auto !important;}
.full .wp-caption.alignright, .full .wp-caption.alignleft {margin: 10px auto !important; width:90% !important;}

.pdf_link {background: url(/images/pdf_symbol_sm.jpg) right center no-repeat; padding-right:25px;}


    
/* SOMETHING IS BROKEN ABOVE HERE BUT I JUST CANT TELL DAMNIT */ 
    

/* 2 column special layout //  */ 
.col-group-twocolumns > div {
  padding:0;
}

@media screen and (min-width: 50em) {
  .col-group-twocolumns {
   overflow: hidden;
  }
  .col-group-twocolumns > div {
    float: left;
    width: 48%;
	margin-right:2%
  }
}


@media screen and (max-width: 480px) {
#2coldonate {width:100%; float:none;}

}


/* OLD DONATIONS PAGE ..................... */
#donation_will {padding:10px; border:1px solid #ccc;}

#donations_newmember {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donation_ftw.jpg);}
#donations_renewals {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donation_renewals.jpg);}


#donations_onetime {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donations_onetime.jpg);}
#donation_monthly {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donation_monthly1.jpg);}
#donation_gifts {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donation_onetime.jpg);}
#donation_bequests {width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donations_bequests.jpg);}
#donation_text {margin-left: 30px; margin-right: 30px;}

/* Link styles */
#donation_onetime a, #donation_monthly a, #donation_gifts a, #donation_bequests a, #donations_newmember a, #donations_renewals a {display:block; margin:0; position:relative; padding:10px 0 10px 0; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);}

/* Hover styles */
#donation_onetime a:hover, #donation_monthly a:hover, #donation_gifts a:hover, #donation_bequests a:hover, #donations_newmember a:hover, #donations_renewals a:hover {text-decoration:none; color:#333; background:#fff; background:rgba(255,255,255,0.5); text-shadow:none;}


@media screen and (max-width:650px) {
.imgdonationside { display:none;}
}
.number {color: #f9ad42;}
.donate {color: #f9ad42;}

#donations_onetime {
width:100%; height:255px; padding:0px; margin:0 0 15px 0; background:#fff url(//appvoices.org/images/donations_onetime.jpg);
}
.donatetoptext {
/* border-bottom:1px solid #fff;*/ 
}
.donationbottomtest {
font-size:12px; line-height:24px;
}
#donations_onetime a:hover, #donation_monthly a:hover, #donation_gifts a:hover, #donation_bequests a:hover, #donations_newmember a:hover, #donations_renewals a:hover {
text-decoration:none; color:#333; background:#fff ; background:rgba(255,255,255,0.5); text-shadow:none;
}
#donations_onetime a, #donation_monthly a, #donation_gifts a, #donation_bequests a, #donations_newmember a, #donations_renewals a {
display:block; margin:0; position:relative; padding:103px 0 103px 0; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);
}




/* STYLES FROM OLD WEBSITE -- KEEP? DELETE? MOVE TO ANOTHER CSS SHEET??? */

/* WOMEN OF APPALACHIA PAGE */
#appalachianwomen {font-siz:14px; color:#666;}
#appalachianwomen ul {list-style: none; }
#appalachianwomen ul li { margin: 0; padding: 10px 10px 10px 5px; border-bottom: 1px dotted gray; list-style:none; }
#appalachianwomen ul li a { text-decoration: none; font-weight:bold;}
#appalachianwomen ul li a:hover { text-decoration: none; color:#990000; }


/* ........ BEFORE AFTER PAGE ........ */
h2.beforeafter { border-left:20px solid #069;padding-left:10px;}
.beforefter_leftp {float:left; margin-bottom:2px; color:#339;}
.beforeafter_rightp {float:right; margin-bottom:2px; margin-top:-12px; color:#C00;}
.beforeafter_rightdate {float:right;margin-bottom:2px; font-weight:bold;}
.beforeafter_leftdate{float:left; margin-bottom:2px; font-weight:bold;}
#before_div {float:left; width: 400px;margin:0;padding:0;}
#beforediv {float:left; width: 400px;margin:0;padding:0;}
#afterdiv {float: right; width: 400px; text-align:left;margin:0;padding:0;}
/* New slider page styles */
.beforefter_minename {float:left; margin-bottom:2px; color:#940;}


/* ..... 4 column GRID LAYOUT CODE FOR footer // INCORPORATE INTO RESPONSIVE MENU AFTER LAUNCH */

/* 1 column: 320px */
.autowide {
  margin:0px auto;
  width: 98%;
}

.autowide .module {
  margin-bottom: 1rem;
}
.autowide .module p {
  padding: .25rem .75rem;
}

/* 2 columns: 600px */
@media only screen and (min-width: 400px) {
  .autowide .module {
		float: left;
		width: 80%;
		margin:0 auto;
	}
	.autowide .module:nth-child(1n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module:nth-child(2n+0) {
		margin-right: 0%;
	}
}


/* 4 columns: 992px and up */
@media only screen and (min-width: 600px) {
  .autowide .module {
		width: 23.076923076923077%;
	}
	.autowide .module:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module:nth-child(4n+0) {
		margin-right: 0;
	}
}


.mobilescreenspecialnote {display:none;}

/* .................. more special styles | see //appvoices.org/fracking/protect-va-waters/ for reference ..................... */

#specialsidebar {width:30%; float:right; margin-left:15px;}
#specialsidebar p, #specialsidebar2 p {font-size:12px; line-height:18px; margin:10px;}
#specialsidebar2 {display:none;}
.iframewidth {width:60%;}

@media screen and (max-width: 700px) {
#specialsidebar {display:none !important;}
#specialsidebar2 {display:block !important; width:90%; margin:20px auto; float:none;}
.iframewidth {width:100% !important;}
.displaysmallscreen {display:inline !important;}
.displaylargescreen {display:none !important;}
}


/* SPECIAL MOBILE STYLES */

@media screen and (max-width: 700px) {
.nodisplaymobile { display:none !important;}
}



/* STAFF ONLY PAGE floating sidebar */

/* The sidebar menu */
.sidenavstaffonly {
  /*height: 100%;  Full-height: remove this if you want "auto" height */
  width: 200px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 200px; /* Stay at the top */
  left: 20px;
  background-color: #a6c5e3;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
  border:1px dotted #369;
  -moz-border-radius:0px 6px 6px 0px;
  border-radius:0px 6px 6px 0px;
  -moz-box-shadow:5px 3px 4px #888;
  box-shadow:5px 3px 4px #888;
}

/* The navigation menu links */
.sidenavstaffonly a {
  padding: 6px 5px 6px 16px;
  text-decoration: none;
  font-size: 18px;
  color: #333;
  /*background-color:#fff; */
  border-bottom:1px dotted #fff;
}

/* When you mouse over the navigation links, change their color */
.sidenavstaffonly a:hover {
  color: #f1f1f1;
}

/* Style page content */
#mainstaffonly {
  position: relative;
  margin-left:115px !important; /* Same as the width of the sidebar */
  padding: 0px !important;
  float:right;
  max-width:80%;
}

#mainstaffonly ul li {padding:0px !important; margin:3px 0px !important; font-size:14px !important; line-height:20px !important;}


.staffonlyh2 {display:block; background-color:#ccc; margin:0px;}

/* DOUBLE COLUMNS */
.staffonly2col {float:left; width:48%; margin: 0px 0px 0px 10px;}


@media screen and (max-width: 650px) {
.staffonly2col {float:left; width:95%; margin:0px auto;}
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



/* Tooltip container */
.staffonlytooltip {
  position: relative !important;
  display: inline-block !important;
  border-bottom: 1px dotted #069 !important; /* If you want dots under the hoverable text */
  color:#069;
}


/* Tooltip text */
.staffonlytooltip .staffonlytooltiptext {
  visibility: hidden !important;
  width: 300px !important;
  background-color: #fff !important;
  border:1px dotted #036 !important;
  color: #111 !important;
  text-align: center !important;
  padding: 6px !important;
  border-radius: 6px !important;
  bottom: 100%;
  left: 50%;
  margin-left: -150px; /* Use half of the width (120/2 = 60), to center the tooltip */
 
  /* Position the tooltip text - see examples below! */
  position: absolute !important;
  z-index: 1 !important;
}

/* Show the tooltip text when you mouse over the tooltip container */
.staffonlytooltip:hover .staffonlytooltiptext {
  visibility: visible !important;
}

.staffonlytooltip .staffonlytooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: #060 transparent transparent transparent;
}


/* New Buttons example on slash sms */

#buttonsboundingcol {width:80%; margin:15px auto;}
#buttonsleftcol {width:70%; float:left;}
#buttonsrightcol {width:28%; float:right; padding:10px 0px; text-align:left;}
.buttonsquare {font-size:1.3em;}
.buttonsquare a { min-height:50px;background-color:#069; padding:10px 20px; text-align:center; text-decoration:none; color:#fff; border-radius:5px 5px;}
#buttonsrightcol a:hover {background-color:#900;}

#buttonsleftcol h3 {margin:0px !important; padding:0px !important;}


@media only screen and (max-width: 800px) {
#buttonsboundingcol {width:100%; margin-bottom:15px;}
#buttonsleftcol {width:70%; float:left;}
#buttonsrightcol {width:28%; float:right; padding:10px 0px; text-align:center;}
}

@media only screen and (max-width: 600px) {
#buttonsleftcol {width:100%; float:center; }
#buttonsrightcol {width:100%; float:center; padding:0px; margin:15px 0px 40px 0px;}
}



/*--------------------------------------------------------------
# Action Network forms
--------------------------------------------------------------*/

/* style to be included as DIV wrapper around Action Network forms on Wordpress pages */
 #actionnetwork_wrapper_fullwidth {border:1px solid #eee; -moz-box-shadow: 5px 5px #ccc; -webkit-box-shadow: 5px 5px #ccc; box-shadow: 5px 5px #ccc; }

 
 /* Change the form background color, text color, and typeface */
.can_embed #can_embed_form,
.can_embed #donate_auto_modal {
	background-color: #fff !important;
	font-family: "Open Sans", sans-serif !important;
	margin:15px auto !important;
	width:93% !important;
}

#form_col1, #form_col2 {width:100% !important; float:none !important;}
#can_embed_form_inner {background-color: #fff !important;}
#can_embed_form #can_embed_form_inner h3 {font-size:16px !important; line-height: 20px !important;}


/* CONTROLS CONTENT FOR FULL SIZE LAYOUT */
#can_main_col h2 {display:none !important;} /*{font-family: "Open Sans", sans-serif !important; font-size:18px !important; line-height:24px !important;font-weight:bold; color:#900 !important; border-bottom:0px !important;}*/ }
.action_sidebar h4 {font-size:12px !important; text-transform: capitalize !important; line-height:18px; border:none !important; margin:0px; padding:0px; height:auto !important; display:block;} 
.action_sidebar h4.mt15 {border:none !important;}
/* .action_sidebar h4:nth-child(1) {display:none !important;}
.action_description {display:none !important;}  */
.action_sidebar .block, .action_sidebar .relative {border-bottom:none !important; }
.action_sidebar .mt15, .action_sidebar .mb5 {border:none !important;}


/* Change link color  !!! NOTE: Changes Facebook and Twitter share button link colors !!! */
.can_embed #can_embed_form a,
.can_embed #donate_auto_modal a {
	color: #069 !important;
}

#can_embed_form {margin:15px;}

/* Heading colors */
.can_embed #can_embed_form h1,
.can_embed #donate_auto_modal h1,
.can_embed #can_embed_form h2,
.can_embed #donate_auto_modal h2,
.can_embed #can_embed_form h3,
.can_embed #donate_auto_modal h3,
.can_embed #can_embed_form h4,
.can_embed #donate_auto_modal h4,
.can_embed #can_embed_form h5,
.can_embed #donate_auto_modal h5,
.can_embed #can_embed_form h6,
.can_embed #donate_auto_modal h6 {
	color: #036 !important;
	margin:10px 0 5px 0;
	text-align:center;
    width:100%;
}

/* .can_embed #can_embed_form #can_embed_form_inner h4,*/ 
#can_embed_form #can_embed_form_inner h2 {display:none !important;}
/*#action_head h2 {display:none !important;}*/
.can_embed #can_embed_form #action_welcome_message_inner a {color:#069 !important;}
.can_embed #can_embed_form #action_welcome_message_inner a:hover {color:#036 !important;}
#can_embed_form h2 {display:none !important;}

/* Welcome message background color */
.can_embed #can_embed_form #action_welcome_message #action_welcome_message_inner,
.can_embed #donate_auto_modal #action_welcome_message #action_welcome_message_inner {
	background-color: rgba(0,0,0,.05) !important;
	/* This is black @ 10% opacity */
}
    

/* Remove the Action Network Logo */
.can_embed #logo_wrap {
	display: none !important;
}

/* Button Background Color */
.can_embed .can_button,
.can_embed #can_embed_form input[type="submit"],
.can_embed #can_embed_form .button,
.can_embed #donate_auto_modal input[type="submit"],
.can_embed #donate_auto_modal .button,
#form_col2 .can_button {
	background-color: #900 !important;
	width:200px;
	float:center !important;
	margin:10px auto;
	font-weight:bold;
}

#can_embed_form textarea {height:auto !important; min-height:300px !important; resize: vertical; overflow: auto;}

#can_embed_form #subject {height:auto !important;}

/* Button Background Color on Hover */
.can_embed .can_button:hover,
.can_embed #can_embed_form input[type="submit"]:hover,
.can_embed #can_embed_form .button:hover,
.can_embed #donate_auto_modal input[type="submit"]:hover,
.can_embed #donate_auto_modal .button:hover {
	background-color: #fc6 !important;
	color: #900;
}

/* ................ THANK YOU styles ................ */

/* Thank You Page Header Background Color */
.can_embed #can_embed_form #can_thank_you,
.can_embed #donate_auto_modal #can_thank_you {
	background-color: #fff;
    font-size:18px;
    line-height:26px;
}

#can_thank_you {padding:10px;}

/* Thank You Page Header Text Color */
.can_embed #can_embed_form #can_thank_you,
.can_embed #donate_auto_modal #can_thank_you,
.can_embed #can_embed_form #can_thank_you h1,
.can_embed #donate_auto_modal #can_thank_you h1,
.can_embed #can_embed_form #can_thank_you h4,
.can_embed #donate_auto_modal #can_thank_you h4,
.can_embed #can_embed_form #can_thank_you #action_info .action_info_user,
.can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user,
.can_embed #can_embed_form #can_thank_you #action_info .action_info_user a,
.can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user a {
	color: #990000 !important;
}

.can_thank_you_wrap {border-bottom:1px dashed #ccc !important;}
.can_thank_you-block {background-color:#fff; padding:10px; margin:10px; font-size:13px !important; /* border-top:1px dashed #999; USE THIS IF YOU TURN ON THE EMAIL OR SHARE WIDGET OPTIONS */}
.tooltip.js-tooltip.ml10 {font-size:17px; font-weight:normal; line-height:24px;}

.can_embed #can_embed_form #can_thank_you h1 {font-size:24px; margin-top:10px !important; width:100% !important; color:#900 !important; border:none !important;}
.can_embed #can_embed_form #can_thank_you h4 {font-size:16px; font-weight:normal; color:#000 !important; line-height:24px; letter-spacing:0;}

/* Thank You Page Divider Line */
.can_embed #can_embed_form #can_thank_you #action_info,
.can_embed #donate_auto_modal #can_thank_you #action_info {
	border-color: black !important;}
    
.can_embed #can_embed_form #can_thank_you div ul {list-style-type:none !important;}
.can_embed #can_embed_form #can_thank_you div ul li {list-style-type:none !important;}
    
 #action_thank_you_text p {color:#A8090C !important;}


li.form_builder_output, #can_embed_form, #form_col2 li {list-style-type:none !important;}
.can_selectInner {width:100% !important;}

#can_embed_form_inner label {margin-right:10px;}
.floatlabel-wrapper {margin:5px 15px;}
/* li.control-group {display:none;} */
span.international_link-wrap.js-international_link-wrap.mb10, span.country_drop_wrap.js-country_drop_wrap.hide.clear {display:none;}
/* div.action_info_user {display:none;}*/
.ajax-loading, .web-developer-id-class-details {display:none;}

/* Shows or Hides the Email */
.can_thank_you-block:nth-child(2) {display:none !important;}

/* Shows or Hides the Embed Widget */
.can_thank_you-block:nth-child(3) {display:none !important;}

/* Shows or Hides the Direct Link */
input.js-direct_link.direct_link, label.block.graytext {display:none !important;}


/* Facebook & Twitter share button styles */

.can_embed #can_embed_form a.share_button {color:#fff !important; /* Controls button font color */}

.share_button.share-facebook {background:#335795 url(//appvoices.org/images/actionnetwork/facebook_icon_40.png) 10px center no-repeat !important; font-size:1.5em !important; line-height:1.5em;}
.share_button.share-facebook:hover {background-color:#4f74bf !important;}
a.share_button.share-facebook.left.mr15.js-facebook_link {color:#fff !important;}

.share_button.share-twitter {background:#00aced url(//appvoices.org/images/actionnetwork/twitter_icon_40.png) 10px center no-repeat !important; font-size:1.5em !important; line-height:1.5em;}
.share_button.share-twitter:hover{background-color:#39c7ff !important;}